﻿
/* Header div */
#header{width:760px; margin-left:auto; margin-right:auto; height: 135px; margin-top: 15px; background-color: #08208C; border-bottom: solid 1px #fff;}
#header .image{ float:left; text-align: right; padding:  20px 110px 0 65px; height:115px; display: block; }

/* Main Menu */
#mainmenu {width: 9.8em; float: left; padding-top: 5px; font-family: "trebuchet ms",arial,tahoma,verdana,sans-serif; }
#mainmenu ul{ margin: 0; padding-left: 0; list-style: none;}
#mainmenu li{ display: list-item; float: left;  border-left: solid 1px #fff;}
#mainmenu li a{color: White; border-bottom: none; display: block; padding-left: 10px; padding-right: 10px; float: left; font-variant: small-caps;}
#mainmenu li a:hover{ color: #14AEF6; text-decoration: none;}
#mainmenu li.selecteditem a { color: #14AEF6; }
#mainmenu li.notselecteditem a { color: #fff; }

/* Main Sub Menu */
#mainsub {width: 10em; height:90%; position:relative; float: left; padding: 5px; font-family: "trebuchet ms",arial,tahoma,verdana,sans-serif; }
#mainsub ul{ margin: 0; padding-left: 0; list-style: none;}
#mainsub li{ display: list-item; float: left;  border-left: solid 1px #fff;}
#mainsub li a{color: White; border-bottom: none; display: block; padding-left: 10px; padding-right: 10px; float: left; font-variant: small-caps;}
#mainsub li a:hover{ color: #14AEF6; text-decoration: none;}

#mainsub1 {display: none; width: 120px; position:absolute; left:0;}
#mainsub1 li a{color: White; border-bottom: none; display: block; padding-left: 10px; padding-right: 20px; float: left;}

#mainsub2 {display: none; width: 150px; position:absolute; left:0;}
#mainsub2 li a{color: White; border-bottom: none; display: block; padding-left: 10px; padding-right: 20px; float: left;}

#mainsub3 {display: none; width: 185px; position:absolute; left:0;}
#mainsub3 li a{color: White; border-bottom: none; display: block; padding-left: 10px; padding-right: 20px; float: left;}

#mainsub4 {display: none; width: 150px; position:absolute; left:0;}
#mainsub4 li a{color: White; border-bottom: none; display: block; padding-left: 10px; padding-right: 20px; float: left;}

#mainsub5 {display: none; width: 150px; position:absolute; left:0;}
#mainsub5 li a{color: White; border-bottom: none; display: block; padding-left: 10px; padding-right: 20px; float: left;}

#mainsub6 {display: none; width: 180px; position:absolute; left:0;}
#mainsub6 li a{color: White; border-bottom: none; display: block; padding-left: 10px; padding-right: 20px; float: left;}

#mainsub7 {display: none; width: 180px; position:absolute; left:0;}
#mainsub7 li a{color: White; border-bottom: none; display: block; padding-left: 10px; padding-right: 20px; float: left;}

/* bottom:12px; */

/* Top Right Menu */

#rightmenu {width: 7em; padding: 5px; float: right; font-family: "trebuchet ms",arial,tahoma,verdana,sans-serif; }
#rightmenu ul{ margin: 0; padding-left: 0; list-style: none;}
#rightmenu li{ display: list-item; float: left;  border-left: solid 1px #fff;}
#rightmenu li a{color: White; border-bottom: none; display: block; padding-left: 10px; padding-right: 50px; float: left; font-variant: small-caps;}
#rightmenu li a:hover{ color: #14AEF6; text-decoration: none;}