body{ margin-top: 0px; width: 855px; background-color: #000; margin-left : auto; margin-right : auto; padding: 0px; font-family: Arial, Verdana, helvetica, sans-serif; height: 580px; } /*LAYOUT*/ .br {background: url('../images/bg_fan.jpg') 100% 100% no-repeat; height: 580px; } #topnav {} #topnav img{float: left; margin-left:0px; } #topnav h1{color: white; margin: 30px 0px 0px 15px; text-align: left; float: left; font-size: 1.3em;} #topnav object.right{float: right; margin-top: 10px; margin-right: 8%;} #leftnav{ background: url('../images/bg_earth.jpg') no-repeat; width: 205px; height: 329px; float: left; clear: both; margin: 0px; } /* globbal nav*/ #globalnav{ background: url('../images/global_nav.gif') no-repeat top left; height: 37px; width: 600px; background-color: #000; padding: 0px; float: left;} #globalnav ul{margin: 0px; margin-left:-110px; padding: 0px; font-size: .75em; font-weight: bold; padding: 10px 0px 0px 0px;} #globalnav ul li{display: inline; background: url('../images/gn_breaker.gif') no-repeat top right; padding: 0px 15px 0px 15px;} #globalnav a:LINK{ color: #fff; text-decoration: none;} #globalnav a:ACTIVE{ color: #fff; text-decoration: none; } #globalnav a:VISITED{ color: #fff; text-decoration: none; } #globalnav a:HOVER{ color: #f90; text-decoration: underline;} /*end of global nav*/ /*START OF BUTTONS*/ #buttons {float: left; width:60%;padding-bottom: 2px;padding-top: 30px; } #buttons ul{list-style: none; margin: 0px; padding: 2px 0px 0px 2px; } #buttons li{ } #buttons ul ul li{ margin: 0px; padding: 0px 0px 0px 10px; background: url('../images/arw_yellow.gif') no-repeat top left; font-size: .65em;} #row1{width: 33.3%; float:left; margin-bottom: 20px;} #row2{width: 33.3%; float:left; } #row3{width: 33.3%; float:right; } #buttons ul li.brown{background: url('../images/btn_brown.jpg') no-repeat top left; width: 156px; height: 88px; margin-bottom: 15px; } #buttons ul li.red{background: url('../images/btn_red.jpg') no-repeat top left; width: 156px; height: 88px; margin-bottom: 15px; } #buttons ul li.green{background: url('../images/btn_green.jpg') no-repeat top left; width: 156px; height: 88px; margin-bottom: 15px; } #buttons h2 {color: yellow; margin: 0px; vertical-align: middle; font-size: .9em; padding: 3px 0px 0px 5px; font-family: helvetica, Arial, Verdana, sans-serif; } #buttons h2 a:LINK{ color: #ff0; text-decoration: none;} #buttons h2 a:ACTIVE{ color: #ff0; text-decoration: none; } #buttons h2 a:VISITED{ color: #ff0; text-decoration: none; } #buttons h2 a:HOVER{ color: #00e8e8; text-decoration: underline; background-color: #000;} #buttons ul li li a:LINK{ color: #fff; text-decoration: none;} #buttons ul li li a:ACTIVE{ color: #fff; text-decoration: none; } #buttons ul li li a:VISITED{ color: #fff; text-decoration: none; } #buttons ul li li a:HOVER{ color: #00e8e8; text-decoration: underline; background-color: #000;} /*END OF BUTTONS*/ /*LATEST NEWS*/ #latestnews {width: 70%; margin-left: 20px; margin-top: 0px;clear: both; } #latestnews h3{color: #00e8e8; border-bottom: 1px solid #4A6C90; font-size: .8em; margin: 0px; padding: 0px; clear: both;} #latestnews ul {margin: 0px; padding: 0px 0px 0px 20px;} #latestnews ul li { list-style: square; color: white; font-size: .7em; padding: 3px 0px 1px 0px;} #latestnews ul li a:LINK{ color: #fff; text-decoration: none;} #latestnews ul li a:ACTIVE{ color: #fff; text-decoration: none; } #latestnews ul li a:VISITED{ color: #fff; text-decoration: none; } #latestnews ul li a:HOVER{ color: #00e8e8; text-decoration: underline; background-color: #000;} /*END OF LATEST NEWS*/ #footer{clear: both; padding-bottom: 20px; } #footer{ color: #666; margin-left: 5px; margin-bottom: 10px;} #footer ul{margin: 0px; padding-right: 3px; padding-top: 3px;padding-bottom: 3px;border: 1px solid #f4c817; height: 20px; margin-right: 1%; } #footer li{display: inline; float: right; } #footer li a{padding-left: 10px; background: url('../images/list_tn.gif') no-repeat center left; padding-right: 8px; font-size: .75em} /*CONTENT*/ #content{ float: right; width: 69%; margin-right: 5px; margin-top: 5px; background-color: #EFF0F1; margin-bottom: 10px; color: #666; clear: right; } #content h3{font-size: 1.0em; padding: 5px; color: #14476d;} #content h4{font-size: .9em; padding: 5px; color: #14476d;} #content p{ font-size: smaller; padding:3px; } #content ul{ font-size: smaller; } #content ol{ font-size: smaller; } #content a{ text-decoration: underline; } /*FORMS*/ #form { clear: both; background-color: #9AC7E2; width: 82%; margin: 2% 1% 1% 10%; background: #9AC7E2 url('../images/form_tl.gif') no-repeat top left; padding: 0px; margin:0 auto; align: center; margin: 2% 1% 1% 10%;} #form span.tr{background: url('../images/form_tr.gif') no-repeat top right; display: block; height: 17px} #form span.br{background: url('../images/form_br.gif') no-repeat bottom right; height: 21px; display: block} #form span.bl{background: url('../images/form_bl.gif') no-repeat bottom left; height: 21px; display: block } #form h3{color: #14476d; padding: 2px 2px 2px 10px; margin: 0px; font-size: medium;} #form p{margin: 2px 10px 2px 10px; border-bottom: 2px solid #fff; } #form label{font-weight: bold; display:inline-block; text-align:left; vertical-align:bottom; width:150px; display: block; float: left; padding: 2px 2px 2px 2px;} #form input, select, textarea { color: #14476d; clear: right; } input.button{ font-size: x-small; color: #14476d; background: url('../images/button.gif') no-repeat top left; border: none; width: 100px; height: 25px; font-weight: bold; text-decoration: none; padding: 0 2px 2px 2px; text-align: left; margin-right: 5px; } input.button_school{ font-size: x-small; color: #14476d; background: url('../images/button_school.gif') no-repeat top left; border: none; width: 100px; height: 25px; font-weight: bold; text-decoration: none; padding: 0 2px 2px 2px;text-align: left;margin-right: 5px; } input.button_school_lrg{ font-size: x-small; color: #14476d; background: url('../images/button_school_lrg.gif') no-repeat top left; border: none; width: 125px; height: 25px; font-weight: bold; text-decoration: none; padding: 0 2px 2px 2px;text-align: left; margin-right: 5px;} form{margin: 0px; padding: 0px;} .mandatory{color: #f4c817;} /* END of FORMS*/ /*tables*/ table{clear: both; border-top: 1px solid #9AC7E2; border-left: 1px solid #9AC7E2; border-right: 2px solid #14476d; border-bottom: 2px solid #14476d; background-color: #fff; width: 98%; font-size: small; color: #14476d; margin: 2% 1% 1% 1%;} table th{background-color: #ccc; color: #14476d;text-align: left;font-size: small;border-bottom: 1px solid #fff; text-align: top; vertical-align:top;} table tr{background-color: white; } table td{border-bottom: 1px solid #9AC7E2; text-align: top; vertical-align:top; padding: 2px;} /*end of tables*/ a:LINK{ color: #666; text-decoration: none;} a:ACTIVE{ color: #666; text-decoration: none; } a:VISITED{ color: #666; text-decoration: none; } a:HOVER{ color: #f4c817; text-decoration: underline; }