@charset "utf-8";
/* TWO COLUMN LAYOUT with Sliding Tabs Menu */
body {
	text-align:center; /* IE6 needs this to center the layout in the browser window */
	}
body {
	font: .8em verdana, arial, sans-serif;
	margin:0; padding:0;
	}
#main_wrapper {
	max-width:960px; /* sets max layout width */
	min-width:720px; /* sets min layout width */
	margin-left:auto;  /* centers layout in browser */
	margin-right:auto; /* centers layout in browser */
	text-align:left; /* resets the centering hack for IE6 on the body tag */
	background-color: #99CCFF;
		}
#nav {
	width:140px; /* this width + content width must total 100% */
	float:left; /* floats on nav and content divs make them sit side by side */	
	}
#content {
	/* default auto width */
	}
/* here comes a hack for IE6 */
/* floating this element gets rid of the gap between the nav and content - the hateful 3 pixel jog bug in IE */
/* if I float this element in other browsers, the layout breaks - don't remove this comment \*/
/*<--REMOVE for IE6 * html #content { 
	float:left; 
	}
/* end of hack - don't remove this comment */
#footer {
	clear:both; /* TEMP - REMOVE OR RESTYLE  */
	
	}
#header_inner, #nav_inner, #content_inner, #promo_inner {
	overflow:hidden;
	background-color: #99CCFF;	/* clips oversize elements that would otherwise expand divs and break the layout */
	}
#header_inner {
	padding:1em 2em; /* creates space between the box  and the content */
	height : 157px;
	width : 760px;
	margin-left : auto;
	margin-right : auto;
	}
#nav_inner {
	padding:1em .5em; /* creates space between the box and the content */
	border-right:3px solid #000066;
	}
#content_inner { 
	padding:1em 1em 1em 1.5em; /* creates space between the box and the content */
	}
#footer_inner {
	padding:.5em 1em; /* creates space between the box and the content */
	text-align:center;
	background-color: #000066;
	}
#content {
}
#footer {
}
h1 {
color : #990000;
font-size : 1.5em;
}
h2 {
font-size : 1.375em;
line-height : 1.25;
padding : 0.5em 0 0 0;
}
h3 {
font-size : 1.125em;
line-height : 1.25;
}
h4 {
font-size : 1.125em;
}
h5 {
font-size : 1em;
}
h6 {
font-size : 0.875em;
color : #000000;
}
p {
	color : #FFFFFF;
	line-height : 1.25;
}
#footer p {
	margin : 0;
	font-size : 1.3em;
	font-weight: bold;
	color: #FFFFFF;
}
.clearfix {
display : block;
}
#info {
	font-size : 1em;
	height : 450px;
	font-family: Arial, Helvetica, sans-serif;
}
#menu {
	margin : 0;
	padding : 0;
	height : 32.5em;
	overflow : hidden;
	background : #f0f0f0;
}
#menu li {
	list-style-type : none;
	float : left;
	display : block;
	width : 100%;
}
#menu li a {
	display : block;
	text-decoration : none;
	color : #00b;
	margin : 0;
}
#menu li a span {
display : none;
color : #000;
font-family : verdana, arial, sans-serif;
line-height : 1.3em;
}
#menu li a.one span {
display : block;
height : 15em;
margin : 0 10px;
}
#menu li a:hover {
background : #f1f1f1;
}
#menu li a:hover span {
display : block;
height : 15em;
margin : 0 10px;
cursor : pointer;
}
#menu .h2 {
	margin : 0 5px;
	padding : 0;
	color : #FC6900;
	font-variant : small-caps;
	font-size : 1.5em;
	border : 0;
}
#menu .h3 {
	margin : 0 5px;
	padding : 0;
	font-size : 1.1em;
	color : #003300;
}
#menu .h4 {
	margin : 0;
	padding : 0;
	font-size : 1.1em;
	color : #000066;
}
#menu img {
margin : 5px 5px 5px 0;
border : 1px solid #000;
float : left;
}
.curved {
width : 40em;
margin : 0 auto;
}
.curved .b1, .curved .b2, .curved .b3, .curved .b4 {
font-size : 1px;
display : block;
background : #88c;
overflow : hidden;
}
.curved .b1, .curved .b2, .curved .b3 {
height : 1px;
}
.curved .b2, .curved .b3, .curved .b4 {
background : #f0f0f0;
border-left : 1px solid #88c;
border-right : 1px solid #88c;
}
.curved .b1 {
margin : 0 4px;
background : #88c;
}
.curved .b2 {
margin : 0 2px;
border-width : 0 2px;
}
.curved .b3 {
margin : 0 1px;
}
.curved .b4 {
height : 2px;
margin : 0;
}
.curved .c1 {
margin : 0 5px;
background : #88c;
}
.curved .c2 {
margin : 0 3px;
border-width : 0 2px;
}
.curved .c3 {
margin : 0 2px;
}
.curved .c4 {
height : 2px;
margin : 0 1px;
}
.curved .boxcontent {
	display : block;
	background : transparent;
	border-left : 1px solid #88c;
	border-right : 1px solid #88c;
	font-size : 0.9em;
	text-align : justify;
}

#menu7 {
  width:100px; 
  text-align:center; 
  position:relative;
  margin:2em auto;
  }
.box {
  position:relative;
  }
#menu7 a, #menu7 a:visited {
	text-decoration:none;
	color:#000066;
	display:block;
	width:88px;
	height:16px;
	font-size:16px;
	font-weight: bold;
	border:2px solid #99CCFF;
	padding:5px;
	background-color: #99CCFF;
  }
* html #menu7 a, * html #menu7 a:visited {
  width:100px; 
  height:28px; 
  w\idth:88px; 
  he\ight:16px;
  }
#menu7 a span {
  display:none;
  }
#menu7 a:hover {
	border:2px solid #FFFF00;
}
#menu7 a:hover span.left, 
#menu7 a:hover span.right {
	display:block;
	position:absolute;
	height:0;
	width:0;
	overflow:hidden;
  }
#menu7 a:hover span.left {
  left:5px; 
  top:5px; 
  border-left:8px solid #FFFF00;
  }
#menu7 a:hover span.right {
  left:87px; 
  top:5px; 
  border-right:8px solid #FFFF00;
  }
* html #menu7 a:hover span.left, 
* html #menu7 a:hover span.right {
  width:8px; 
  height:16px; 
  w\idth:0; 
  he\ight:0;
  }
#menu7 a:hover span.lk {
	display:block;
	position:absolute;
	left:100px;
	top:0;
	padding:5px;
	width:80px;
	color:#FC6700;
	font-size: 0.8em;
  }