/*Tan = cfab79
  Light Tan = E3CEB0
  Dark Blue = 002a5a
  Light Blue(push button) = #001982
  div classes= .top-line, .body, .login, .menu, .search, .top-menu
  div ids = #left, #right, #middle, #nav-menu*/	

/* Main Styling*/

body {background-color: #cfab79; font-family: arial; font-size: 14pt; font-weight: normal; padding:0; margin-right: 10;}
h1, h2, h3, h4, h5 {text-align: center; padding: 2px; margin: 2px;}
h1 {font-size: 28pt}
h2 {font-size: 22pt}
h3 {font-size: 18pt}
h4{font-size: 16pt}
li {z-index: 10;}
.script {font-family: Freestyle Script, Monotype Corsiva, Comic Sans MS, Brush Script MT, cursive; font-weight: normal;}

a:link {color: #002a5a; font-size: 12pt; font-weight: bold; text-decoration:none;}
a:visited {color: #002a5a; font-size: 12pt; font-weight: bold; text-decoration:none}
a:active {color: #002a5a; font-size: 12pt; font-weight: bold; text-decoration:none}
a:hover {color: #002a5a; font-weight: bold; text-decoration:underline}
b, strong {font-weight: bold;}
table {border-collapse: collapse;}

/*Top position and style*/
div.top-line {background-color: #002a5a; height:2px; width: 100%; position: relative; top: 5px;}

/*Top*/
div#left {float: left; margin-left: 10px; padding-top: 10px;}
div#right {float: right; padding-top: 10px; margin-right: 10px}
div#middle {height: 180; padding: 0px 50px 0px 0px; margin: 0px; color:#002a5a;}

/*Body*/
div.body {position: absolute; left: 250px; top: 250px; width: 75%; margin-left: auto; margin-right:auto; z-index: 1;}
div.login {padding: 10px; width: 75%; margin-left: auto; margin-right:auto}

/*Menu style*/
div.menu{position: relative; font-size: 12pt; font-weight: bold; float: left; width: 210px; color:cfab79; z-index: 10;}
div.menu a:link {color: #ffffff; font-size: 12pt; font-weight: bold; text-decoration:none}
div.menu a:visited {color: #ffffff; font-size: 12pt; font-weight: bold; text-decoration:none}
div.menu a:active {color: #ffffff; font-size: 12pt; font-weight: bold; text-decoration:none}
div.menu a:hover {color: #ffffff; font-weight: bold; text-decoration:underline}

/*Main Menu*/
#navigation ul {margin:0px; padding:0px; background-color:#002a5a; }

#navigation ul li {
height:25px;
line-height:25px; 
list-style:none; 
padding-left:0px;
border:#002a5a solid; border-width: 1px;
/*color:#FFF; 
border-top:#fff solid; 
border-bottom:#fff solid; 
border-width:1px;*/
cursor:default; 
}
#navigation ul li:hover, #navigation ul li.hover {background-color:#001982; position:relative; z-index: 10; border:#E3CEB0 solid; border-width: 1px;}

/*Sub Menu*/
#navigation ul ul {display:none; position:absolute; left:175px; top:-25px; border:#E3CEB0 solid; border-width:1px; background-color:#002a5a; z-index: 10;}
#navigation ul li:hover ul, #navigation ul li.hover ul {position: absolute; display:block; z-index: 10;}

#navigation ul ul li {width:175px; float:left; display:inline; border:none; z-index: 10; border:#002a5a solid; border-width: 1px;}
#navigation ul ul li:hover, #navigation ul ul li.hover {text-decoration:underline; border:#E3CEB0 solid; border-width: 1px; z-index: 10;}

#navigation li:hover ul li ul {display:none;}

#navigation ul ul li ul {left:110px; background-color:#0099CC; z-index: 10;}
#navigation ul ul li:hover ul, #navigation ul ul li.hover ul {display:block; z-index: 10;}


div.search {position: absolute; left: 250; top: 335; width: 75%;;}


/*positon rounded corners and color*/
.corner {position:relative; left:5px; top:15px; width:200px;} 
.bl {background: url(pic/lower_left.jpg) 0 100% no-repeat #002a5a;}
.br {background: url(pic/lower_right.jpg) 100% 100% no-repeat}
.tl {background: url(pic/upper_left.jpg) 0 0 no-repeat}
.tr {background: url(pic/upper_right.jpg) 100% 0 no-repeat; padding:10px}
.clear {font-size: 1px; height: 1px}

/*Menu style right*/
div.menu-right{font-size: 12pt; font-weight: bold; float: right; width: 100px; color:cfab79; margin-right:10px; margin-bottom:10px;}
div.menu-right a{display:block; margin:0; padding:0; text-indent:-.5em;}
div.menu-right a:link {color: #ffffff; font-size: 12pt; font-weight: bold; text-decoration:none}
div.menu-right a:visited {color: #ffffff; font-size: 12pt; font-weight: bold; text-decoration:none}
div.menu-right a:active {color: #ffffff; font-size: 12pt; font-weight: bold; text-decoration:none}
div.menu-right a:hover {color: #ffffff; font-weight: bold; text-decoration:underline}


/*positon rounded corners and color*/
.corner-right {position:relative; left:5px; top:15px; width:100px;} 
.bl {background: url(pic/lower_left.jpg) 0 100% no-repeat #002a5a;}
.br {background: url(pic/lower_right.jpg) 100% 100% no-repeat}
.tl {background: url(pic/upper_left.jpg) 0 0 no-repeat}
.tr {background: url(pic/upper_right.jpg) 100% 0 no-repeat; padding:10px}
.clear {font-size: 1px; height: 1px}

/*Top menu style*/
div.top-menu {position: absolute; left: 250; top: 230; width: 75%; z-index: 10;}
div#nav-menu {width: 100%; margin-left: auto; margin-right: auto;}
#nav-menu ul
{
list-style: none;
padding: 0;
margin: 0;
}

#nav-menu li
{
float: left;
margin: 0 0.15em 0.15em;
}

#nav-menu li a
{
background: #002a5a;
height: 2em;
line-height: 2em;
float: left;
width: 9em;
display: block;
border: 1px solid;
border-color: #aaa #000 #000 #aaa;
color: #ffffff;
text-decoration: none;
text-align: center;
cursor: default;
}

#nav-menu li a:hover
{
position: relative;
top: 1px;
left: 1px;
border: 1px solid;
border-color: #000 #aaa #aaa #000;
background: #001982;
height: 2em;
line-height: 2em;
float: left;
width: 9em;
display: block;
color: #ffffff;
text-decoration: none;
text-align: center;
cursor: default;
}

#nav-menu
{
width:30em
} 


/*Table format*/
table.center {font-family: arial; font-size: 14pt;
	border-spacing: 20px;}
table.center td {padding: 10px}
	
/*Form*/
input {background-color: #d9c9b9;}
select {background-color: #d9c9b9;}
input.button {background-color: #C0C0C0}
table.form {font-family: arial;
	font-size: 10pt;
	border-style: solid;
	border-width: thin;
	border-spacing: 0px;
	border-color: 002a5a;
	width: auto;
	}
table.form td {font-family: arial;
	font-size: 10pt;
	border-style: solid;
	border-width: thin;
	border-spacing: 0px;
	border-color: 002a5a;
	padding: 2px;
	text-align:right;
	}
table.form th {font-family: arial;
	font-size: 10pt;
	border-style: solid;
	border-width: thin;
	border-spacing: 0px;
	border-color: 002a5a;
	padding:2px;
	}
table.form a{font-size: 10pt}

/*Error style */
.error {color: #FF0033;
	font-size: 10pt;}
	
	/*Phone directory styles*/	
table.phone {font-family: arial;
	font-size: 10pt;
	border-style: solid;
	border-width: thin;
	border-spacing: 0px;
	border-color: 002a5a;
	width: auto;
	}
table.phone td {font-family: arial;
	font-size: 10pt;
	border-style: solid;
	border-width: thin;
	border-spacing: 0px;
	border-color: 002a5a;
	padding: 2px;
	}
table.phone th {font-family: arial;
	font-size: 10pt;
	border-style: solid;
	border-width: thin;
	border-spacing: 0px;
	border-color: 002a5a;
	padding:2px;
	}
table.phone a{font-size: 10pt}