﻿/* Primary Color: 

.primary-0 { color: #04859D; background-color: #04859D; border-color: #04859D }
.primary-1 { color: #206876; background-color: #206876; border-color: #206876 }
.primary-2 { color: #015666; background-color: #015666; border-color: #015666 }
.primary-3 { color: #37B6CE; background-color: #37B6CE; border-color: #37B6CE }
.primary-4 { color: #5FBDCE; background-color: #5FBDCE; border-color: #5FBDCE }*/
* {margin: 0px ;padding: 0px ;}

 h1,h2 {font-family: "Arial Black", sans-serif;}

 p {font-family: "palatino linotype", palatino, serif;}
 
#screen {overflow: hidden; width: 100%; height: auto;padding-top:15px; background-image: url(../images/cloudsbackground.jpg);background-position: left top; background-repeat: repeat;margin-top: 0px;margin-left: 0px;margin-right: 0px;}
 
 ul {font-family: "palatino linotype", sans-serif; font-weight: normal; font-style: normal;padding: 0;margin: 0;}

 li {font-style: normal; padding: 0;margin: 0;}
/* Wrap */


#wrap {overflow: hidden; border-left: 1px solid #608BBB; border-right: 1px solid #608BBB; padding-top: 5px; width: 1200px; height: auto;background: #ececec; margin: 10px auto; overflow: hidden;padding-bottom: 10px; padding-left: 25px;}

a {text-decoration: none; color: #608BBB;font-style: normal; padding: 0px; margin: 0px;}





/* Header */

#header {overflow: hidden; width: 1059px; height: 101px; margin-left: 60px; background: #BCD3EB; margin-top: 5px; ; text-align: left; padding-right: 0px; padding-top: 0px; border-bottom: 1px solid #608BBB;z-index: 1;}

#header img {position: relative;float: left;}

#header h1 {font-size: 220%;position: relative; letter-spacing: -3px; margin-top: 14px; margin-left: 0px; z-index: 4; padding-right: 0 ;}

#header h2 {font-size: 220%; position: relative; top: -47px; left: 2px; margin-right: 0px; letter-spacing: -3px; color: #608BBB; z-index: 3;}

#header h3 {font-size: 150%; position: relative; top: -50px;left: 784px; letter-spacing: -2px;color: #608BBB}

#header h4 {font-size: 150%; position: relative; top: -78px;left: 782px; letter-spacing: -2px;color: black;}
/* Navigation */

#navigation {padding-left: 0px; color: #000000; text-align: left; font-style: normal;  width: 1059px; height: 19px; background: #608BBB; margin-left: 60px; margin-right: 2px; margin-top: 0px; margin-bottom: 5px; padding-top: 3px;padding-bottom: 0px;  border-bottom: 1px solid black; z-index: 3;}


#navigation li {padding-left: 0px; padding-right: 0px; font-weight: bold; float: left; font-style: normal;padding-bottom: 0px;padding-top:0px;}
	
#navigation ul {font-family: helvetica, sans-serif; font-size: 107%; margin-left: 0px; color: #000000;  font-style: normal;padding-left: 0px;padding-right: 0px; margin-top: -3px; list-style: none;}

#navigation a  {color: #000000; letter-spacing: 1px; font-style: normal; display: block;width: 7em; height: 22px;  border-right: 1px solid #BCD3EB;padding-left: 10px;margin-left: 0px;}

#navigation a:hover {display: block;width: 7em;height: 22px; background: #BCD3EB;margin: 0;}

#navigation li ul {display: none;}

#navigation li ul li {font-size: 85%;}

#navigation li:hover ul {text-indent: 0; line-height: 0%; padding: 0px; margin-top: 0em; display: block; width: 10em;position: absolute;z-index: 2}

#navigation li:hover ul li { line-height: 180%; padding-left: 13px;padding-top: 0px; padding-bottom: 0px; margin: 0; font-size: 75%; display: block; background: #608BBB;}

#navigation li:hover ul li a {margin-left: -.9em; display: block; width: 10em; letter-spacing: 1px}

#navigation a:active {border-top: 1px dotted #04859D; }

#google {float: left; margin-top: 10px; border-top: 0; border-left: 0;}

#main {clear: none;z-index: 1;}
/* Main */
#main img {padding: 2px;}

#main { float: left; border-left: 3px solid white; border-right: 1px solid black; border-bottom: 1px solid black; border-top: 3px solid white; margin-left: 20px; margin-top: 10px; margin-right: 20px ;margin-bottom: 10px;width: 50%; height: auto; background: #FFFFFF; padding-left: 10px; padding-right: 10px; padding-bottom: 10px;padding-top: 5px;}

#main img.right {float: right;margin: 2px;margin-left: 8px;}

#main h1 {margin-top: -5px; border-bottom: 1px dotted #608BBB; padding: 5px;}

#main h2 {font-size: 90%; padding: 5px;}

#main h3 {padding: 6px;}

#main ul {list-style-type: disc; line-height: 170%;padding-left: 18px; font-weight: normal; font-style: normal;}

#main ol {margin-left: 10px; line-height: 170%; padding-left: 10px; font-family: "palatino linotype", palatino, serif;}

#main p { text-align: left; padding: 2px; line-height: 140%;margin: 5px; clear: none;}

#main img.left {float: left; margin: 2px; margin-right: 8px;}

#pag {clear: both; text-align: right; font-weight: bold; border-top: 1px dotted black; padding: 10px;}



#pag table{position: relative; left: 5px; margin: 0px; border: 0px; padding: 0;}

#pag td {position: relative; left: 0;}

.quiztable {margin-right: auto; margin-left: auto; margin-top: 15px;}

#comments {font-family: "Arial Black", sans-serif; border: dotted 1px black; padding: 2px;}

.comment {font-family: "palatino linotype", palatino, serif; font-size: 90%; border-top: dotted 1px black; line-height: 70%;}

#latest {overflow: hidden; float: left; border-left: 3px solid white; border-right: 1px solid black; border-bottom: 1px solid black; border-top: 3px solid white; color: #000000; padding-top: 5px; padding-left: 5px; padding-right: 5px;padding-bottom: 25px; background: #ffffff; width: 25%; height: auto;margin-top:18px; margin-bottom: 10px; line-height: 80%;}

#latest img {padding: 10px;}

#latest h2 {font-size: 100%; padding: 5px; border-bottom: 1px dashed black; margin-bottom: 5px;}

#latest .lat {border-bottom: 1px dotted black; padding: 2px;}

#latest h1 {font-size: 80%; padding: 5px;}

#latest p {font-size: 70%;}

#latest a {text-decoration: underline; font-size: 60%;}

#latest ul {list-style-type: disc; line-height: 105%;padding-left: 20px; font-size: 120%; font-weight: normal; font-style: normal;}

#quote {overflow: hidden; float: left; border-left: 3px solid white; border-right: 1px solid black; border-bottom: 1px solid black; border-top: 3px solid white; color: #000000; padding-top: 5px; padding-left: 5px; padding-right: 5px;padding-bottom: 25px; background: #ffffff; width: 25%; height: auto;margin-top:18px; margin-bottom: 10px; }
#quote h2 {margin-top: -5px; border-bottom: 1px dotted #608BBB;}
#quote img {margin-left: 10px; border: 0;}

#quote p:first-letter {font-weight: bold; font-style: italic; font-size: 120%;}

#ad {text-align: right;}

#name {text-align: right; font-style: italic;}

#side {overflow: hidden; float: left; border-left: 3px solid white; border-right: 1px solid black; border-bottom: 1px solid black; border-top: 3px solid white; color: #000000; padding-top: 5px; padding-left: 5px; padding-right: 5px;padding-bottom: 25px; background: #ffffff; width: 25%; height: auto;margin-top:18px; margin-bottom: 10px; }
#side h2 {margin-top: -5px; border-bottom: 1px dotted #608BBB;}

#feeds {overflow: hidden; width: 100%; margin: 5px; border-top: 1px dotted #608BBB;}

#feeds img {padding: 3px; vertical-align: bottom;}


#links {width: 300px; font-size: 70%; clear: both; float: left; text-align: center;position:relative; left: 200px;padding-bottom: 10px; border-top: 1px dotted #608BBB;}



#links  ul {float: left; font-family: helvetica, sans-serif;  margin-left: 0px; color: #000000; font-style: normal;padding-left: 0px;padding-right: 0px; margin-top: -3px; list-style: none;}

#links li {padding-left: 3px; padding-right: 3px; font-weight: bold; float: left; font-style: normal;padding-bottom: 0px;padding-top:10px;}

#error {font-size: 200%; text-align: center; font-family: "palatino linotype", palatino, serif ;padding-left: 0px; color: #000000; font-weight: bold;  height: 800px; background: #608BBB; margin-left: 5px; margin-right: 2px; margin-top: 0px; margin-bottom: 5px; padding-top: 100px;padding-bottom: 1px;border-bottom: solid 1px #BCD3EB;}

.error  {padding: 25px; margin-left: 150px; width: 250px; background: white; border: 1px solid black;}

.feedsweep {font-family: "palatino linotype", palatino, serif;}

.feedsweep_date {font-style: italic;}

.feedsweep_headline {font-weight: bold; padding-bottom: 5px; padding-top: 10px;}
/*footer*/

#footer {float: none;width: 830px;margin-left: 200px;  border-top: 2px solid #608BBB;text-align: center;}

#footer img {vertical-align: middle;}