/* GENERIC STYLES */

@import url("reset.css");
@import url("nav.css");

body {
	font-family: arial, verdana, helvetica, sans-serif;
	font-size: 14px;
	line-height: 1.5em;
	color: #444444;
	background-color: #fff;
	text-align: center; /* Needed for IE5x Bug */
}

h1 { margin: 15px 0 5px 0; padding: 0; font-size: 24px; font-weight: normal; color: #009FC2; letter-spacing: 1px; line-height: 1.3em; text-align: left; }
h2 { margin: 5px 0 10px 0; padding: 0; font-size: 20px; font-weight: normal; color: #313131; line-height: 1.2em; letter-spacing: 1px; text-align: left; }
h3 { margin: -5px 0 6px 0; padding: 0; font-size: 14px; font-weight: bold; color: #4db3d0; text-align: left; }
h4 { margin: 25px 0 -5px 0; padding: 0; font-size: 14px; font-weight: bold; color: #313131; line-height: 1.2em; letter-spacing: 1px; text-align: left; }
p { margin: 20px 0 0 0; padding: 0; text-align: left; }
a { color: #f27720; text-decoration: underline; }
a:hover { color: #4db3d0; text-decoration: underline; }
sup { font-size: 8px; font-weight: normal; }
sub { height: 0; line-height: 1; vertical-align: baseline; _vertical-align: bottom; position: relative; top: .5ex; }
ol { text-align: left; margin-top: 10px; }
ul { text-align: left; margin-top: 10px; }
li { padding: 2px; }
.clear { clear: both; height: 0px; font-size: 0px; line-height: 0px; }


/* LAYOUT STYLES */

.layout { margin: 0 auto; padding: 0 10px; width: 1005px; }
.leftcol { width: 303px; float: left; text-align: left; }
.rightcol { width: 702px; float: right; text-align: left; }

#leftcolMain { margin: 0; padding: 0; width: 303px; float: left; text-align: left; background-color: #b3ca28; }
#rightcolMain { margin: 0; padding: 0; width: 702px; float: right; text-align: left; background-color: #b3ca28; }
#leftcolMainInside { margin: 0; padding: 0; width: 57px; height: 234px; float: left; text-align: left; background: #b3ca28 url(../_images/leftMain.gif) no-repeat top left; border-right: 2px solid #fff; }
#rightcolMainInside { margin: 0; padding: 12px 0 0 0; width: 946px; height: 222px; float: right; text-align: left; background: #b3ca28 url(../_images/rightMain.gif) no-repeat top right; }

#leftcolMunicipalities { margin: 0; padding: 0; width: 303px; float: left; text-align: left; background-color: #89796b; }
#rightcolMunicipalities { margin: 0; padding: 0; width: 702px; float: right; text-align: left; background-color: #89796b; }
#leftcolMunicipalitiesInside { margin: 0; padding: 0; width: 57px; height: 234px; float: left; text-align: left; background: #89796b url(../_images/leftMunicipalities.gif) no-repeat top left; border-right: 2px solid #fff; }
#rightcolMunicipalitiesInside { margin: 0; padding: 12px 0 0 0; width: 946px; height: 222px; float: right; text-align: left; background: #89796b url(../_images/rightMunicipalities.gif) no-repeat top right; }

#leftcolTeachers { margin: 0; padding: 0; width: 303px; float: left; text-align: left; background-color: #0092b8; }
#rightcolTeachers { margin: 0; padding: 0; width: 702px; float: right; text-align: left; background-color: #0092b8; }
#leftcolTeachersInside { margin: 0; padding: 0; width: 57px; height: 234px; float: left; text-align: left; background: #0092b8 url(../_images/leftTeachers.gif) no-repeat top left; border-right: 2px solid #fff; }
#rightcolTeachersInside { margin: 0; padding: 12px 0 0 0; width: 946px; height: 222px; float: right; text-align: left; background: #0092b8 url(../_images/rightTeachers.gif) no-repeat top right; }

#leftcolCommunication { margin: 0; padding: 0; width: 57px; height: 375px; float: left; text-align: left; background: #b3ca28 url(../_images/leftCommunication.gif) no-repeat top left; border-right: 2px solid #fff; }
#rightcolCommunication { margin: 0; padding: 15px 0 0 0; width: 946px; height: 360px; float: right; text-align: left; background: #b3ca28 url(../_images/rightCommunication.gif) no-repeat top right; }

#search { float: right; text-align: right; padding-right: 47px; }
#search input { width: 150px; height: 17px; line-height: 17px; vertical-align: middle; font-size: 12px; padding: 2px 5px; border: 1px solid #000; background-color: #fff; }
#search .submit { width: 55px; height: 23px; line-height: 23px; vertical-align: middle; font-size: 12px; padding: 0 0 2px 0; text-align: center; border: 1px solid #000; background-color: #b3ca28; margin-left: -1px; }

#content { background-color: #F2EEEC; padding: 1px 25px 25px 25px; width: 605px; }

#communication { width: 921px; }
#communication p { color: #fff; font-weight: normal; font-size: 15px; margin: 8px 0 0 0; padding: 0; }

.table1 { margin: 15px 0 0 0; padding: 0;  border-collapse: collapse; line-height: 1.3em; }
.table1 td { text-align: left; vertical-align: top; padding: 4px 20px; border: 1px solid #bcbcbc; }
.table1 tr { background-color: #e5f1f7; }
.table1 tr.alt { background-color: #fff; }

.table2 { margin: 15px 0 0 0; padding: 0;  border-collapse: collapse; line-height: 1.3em; font-size: 12px; }
.table2 td { text-align: left; vertical-align: top; padding: 4px 10px; border: 1px solid #bcbcbc; }
.table2 tr { background-color: #e5f1f7; }
.table2 tr.alt { background-color: #fff; }
.table2 a { font-size: 12px; }
.table2 th { text-align: left; vertical-align: middle; padding: 4px 10px; border: 1px solid #bcbcbc; font-weight: bold; background-color: #b3ca28; }

.image { border: 1px solid #999898; float: right; margin: 10px 0 5px 25px; }
.image2 { border: 1px solid #666666; float: right; margin: 10px 0 5px 25px; }
.image3 { border: 1px solid #666666; margin-top: 25px; }

.logo1 { float: left; text-align: left; width: 150px; margin-top: 20px; }
.logo1 img { border: 1px solid #999898; margin-top: 4px; }
.logo2 { float: right; text-align: left; width: 435px; margin-top: 20px; }
.logo2 p { margin: 0; }

#prepare { margin: 30px 0 0 0; padding: 0; width: 100%; }
#prepare td { text-align: center; vertical-align: top; padding-bottom: 15px; }
#prepare img { border: 1px solid #666666; }

.caption { margin: 7px 0 15px 0; font-size: 12px; line-height: 1.3em; text-align: left; color: #8b9d21; }

.smtitle { font-weight: bold; font-size: 14px; color: #313131; text-decoration: none; }
.smtitle:hover { color: #009FC2; text-decoration: underline; }

.sitemap a { text-decoration: none; }
.sitemap a:hover { text-decoration: underline; }

/* NAVIGATION */

#utilitynav { float: left; text-align: left; margin: -6px 0 0 10px; }
#utilitynav ul { margin: 4px 0 0 0; padding: 0; list-style-type: none; }
#utilitynav li { margin: 0 25px 0 0; padding: 0; display: inline; }
#utilitynav a { font-size: 12px; color: #000; padding: 0 0 2px 12px; text-decoration: none; background: #fff url(../_images/dots.gif) no-repeat center left; }
#utilitynav a:hover { text-decoration: underline; color: #000; }

#menu { margin: 15px 0 -7px 0; padding: 0; text-align: left; }
#menu img { background-color: #fff; padding-bottom: 6px; }
#menu .main { background-color: #b3ca28; }
#menu .municipalities { background-color: #89796b; }
#menu .teachers { background-color: #0092b8; }

#submenu ul { margin: 0 0 0 12px; padding: 0; list-style-type: none; }
#submenu li { margin: 0 0 7px 0; padding: 0; }
#submenu a { display: block; width: 268px; height: 54px; background-color: #8fa421; color: #fff; font-size: 15px; font-weight: bold; text-align: left; vertical-align: top; padding: 13px 0 0 15px; text-decoration: none; margin: 0; line-height: 1.3em; }
#submenu a:hover { background-color: #fff40e; color: #617216; }

#subMain a { background-color: #8fa421; }
#subMunicipalities a { background-color: #6f6256; }
#subTeachers a { background-color: #006d88; }

#commMenu { margin: 0; padding: 0; }
#commMenu ul { margin: 14px 0 0 0; padding: 0; list-style-type: none; }
#commMenu li { margin: 0; padding: 0; display: inline; }
#commMenu a { display: block; float: left; margin-right: 14px; width: 32px; height: 32px; line-height: 32px; vertical-align: middle; text-align: center; background-color: #fff; text-decoration: none; font-size: 18px; font-weight: bold; color: #b3ca28; }
#commMenu a:hover { background-color: #fff40e; color: #000; }

#communicationMenu { margin: -1px 0 0 0; padding: 0; float: left; }
#communicationMenu ul { margin: 0; padding: 0; list-style-type: none; }
#communicationMenu li { margin: 0; padding: 0; line-height: 1.2em; }
#communicationMenu a { display: block; width: 115px; padding: 11px 18px; font-size: 15px; color: #89796b; font-weight: bold; background-color: #f2eeec; text-align: left; text-decoration: none; border-right: 2px solid #fff; border-bottom: 2px solid #fff;  }
#communicationMenu a:hover { background-color: #ddd6d0; }

#contentmenu { margin: 30px 0 0 77px; text-align: left; }
#contentmenu ul { margin: 0; padding: 0; list-style-type: none; }
#contentmenu li { margin: 0 0 20px 0; padding: 0; line-height: 1.2em; }
#contentmenu a { font-size: 13px; color: #768110; font-weight: bold; text-decoration: none; text-transform: uppercase; }
#contentmenu a:hover { text-decoration: none; color: #000; }
#contentmenu .selected { color: #009FC2; }

#contentMain a { color: #768110; }
#contentMain a:hover { color: #009FC2; }
#contentMunicipalities a { color: #6f6256; }
#contentMunicipalities a:hover { color: #009FC2; }
#contentTeachers a { color: #006d88; }

#contentSub ul { margin: 8px 0 0 35px; padding: 0; list-style-type: disc; }
#contentSub li { margin: 0 0 5px 0; padding: 0; line-height: 1.2em; }
#contentSub a { font-size: 15px; font-weight: bold; text-decoration: none; text-transform: none; }

.prodrop8 { padding: 0; margin: 0; list-style: none; z-index:500; }
.prodrop8 li.top { float: left; margin: 0 2px -7px 0; padding: 0; }
.prodrop8 table {border-collapse:collapse; width:0; height:0; position:absolute; top:0; left:0;}
.prodrop8 a:hover {visibility:visible; position:relative; z-index:200;}
.prodrop8 li:hover {position:relative; z-index:200;}

.prodrop8 ul, .prodrop8 iframe { position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin: 17px 0 0 0; padding: 0; list-style:none; }

.prodrop8 ul.mainOn {width:209px; background: #b3ca28; }
.prodrop8 ul.mainOff {width:209px; background: #7c901d; }
.prodrop8 ul.municipalitiesOn {width:209px; background: #89796b; }
.prodrop8 ul.municipalitiesOff {width:209px; background: #51473e; }
.prodrop8 ul.teachersOff {width:209px; background: #00576d; }
.prodrop8 ul.teachersOn {width:209px; background: #0092b8; }

.prodrop8 :hover iframe.one {left:0; top:35px; width:150px; height:100px;}
.prodrop8 :hover iframe.two {left:0; top:35px; width:100px; height:65px;}
.prodrop8 :hover ul {left:0; top:35px; padding: 8px 4px; white-space:nowrap; height:auto; z-index:300;}
.prodrop8 :hover ul li {position:relative; font-weight:bold; width:auto; padding: 4px 0;}
.prodrop8 :hover ul li a {display:block; font-size:13px; line-height: 1.2em; width:auto; padding:3px 10px; color:#fff; text-decoration:none;}
.prodrop8 :hover ul li a:hover {background:#fff40e; color:#617216;}

.newinfo { text-transform: uppercase; color: #fff40e !important; }
.newinfo:hover { color: red !important; }