/* flex secion */

@import url("reset.css");

html, body {height: 100%;}

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size : 100.01%;
	color : #000000;
	text-align: center;
	background-color: #CCE1F0;
	position: relative;
}

h1 {
	font-size : 1.8em;
	font-family: Georgia, "Times New Roman", Times, serif;
	color : #024d86;
	margin: 0 0 0.1em 0;
}

h2 {
	font-size : 17px;
	font-family: Georgia, "Times New Roman", Times, serif;
	margin: 0 0 0.1em 0;
	color: #024d86;
}

h2.home {
	font-size : 1.8em;
	font-family: Georgia, "Times New Roman", Times, serif;
	color : #024d86;
	margin: 0 0 0.1em 0;
} 

h3 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1.3em;
	color : #024d86;
	margin: 0 0 0.1em 0;
}

h3.home {
	font-size : 17px;
	font-family: Georgia, "Times New Roman", Times, serif;
	margin: 0 0 0.1em 0;
	color: #024d86;
}

h4 {
	font-size : 1.2em;
	margin: 0.2em 0 0.1em 0;
	color: #666666;
	font-weight: bold;
}

h5{
	font-size : 1em;
	margin: 0 0 0.2em 0;
	color: #024d86;
	font-weight: bold;
}

p {margin : 0 0 0.5em 0; line-height: 1.4em; padding: 0;}

ul { margin: 0;	padding: 0;}
ul li {	margin: 0;	padding: 0;}

ol {margin : 0 0 1em 2em;}
ol li {margin : 0 0 1em 0; list-style: decimal outside; }

dl dt {}

dl dd {}

select, textarea {
	font-size : 1em;
	font-family: Arial, Helvetica, sans-serif;	
	padding: 1px;	
} 

select {height: 18px;	font-size: 0.75em;}

em {font-style:italic;}

a {text-decoration : none;}
a:link{color : #FF6600;}
a:visited {color: #FFA060; text-deocoration: none;}
a:hover {color: #FFA060; text-decoration: underline;}
a:active {color : #FF6600;}


/* page-wrapper */

#page-wrapper {
	text-align:left;
	margin:0 auto;
	width: 996px;
	font-size: 0.75em;
	background-color: #FFFFFF;
	position: relative;	
	min-height: 100%;
}
* html #page-wrapper {height: 100%;}

#header {
	position: relative;
	width: 996px;
	background: transparent url(../images/img_flexHeader.jpg) 0 0 no-repeat;
	height: 175px;
	margin: 0;
}

#header #logo {
	position: absolute;
	top: 10px;
	left: 11px;
}

#header a.member-login {
	position: absolute;
	top: 13px;
	right: 212px;
	font-size: 0.9em;
	padding: 3px 12px 0 0;
	height: 19px;

}
#header a.member-login:link{color : #C1C4CB;}
#header a.member-login:visited {color: #C1C4CB; text-deocoration: none;}
#header a.member-login:hover {color: #C1C4CB; text-decoration: underline;}
#header a.member-login:active {color : #C1C4CB;}

#header #search {
	position: absolute;
	top: 12px;
	right: 7px;
	font-size: 0.9em;
	height: 50px;
	z-index: 1;
	width: 202px;
}

#header #search .search-box {
	width: 145px;
	padding: 2px 1px 1px 2px;
	height: 18px;
	border: 1px solid #3C5365;
	background-color: #3C5365;
	color: #FFF;
	font-size: 1em;	
}

/*#header #search .search-submit{
	vertical-align: middle;
	margin: -2px 0 0 -3px;
	height: 17px;
	width: 17px;
}*/

#header #search .search-submit {
	vertical-align: middle;
	margin: 0 0 0 -3px;
	height: 24px;
	width: 52px;
}

* html #header #search .search-submit {	margin: -8px 0 0 -3px;}
*:first-child+html #header #search .search-submit {	margin: -8px 0 0 -3px;}


/* top navigation */

#top-nav {
	position: absolute;
	top: 14px;
	left: 227px;
	width: 460px;
	z-index: 10;
}

#top-nav li {float:left;}

#top-nav li a {
	font-weight: bold;
	text-decoration:none;
	font-family: Arial, Helvetica, sans-serif;
	float:left; 
	margin: 0 15px 0 15px;
	padding: 0 0 14px 0;
	font-size: 1.2em;
}

/** html #top-nav li a {padding: 0;} 
*:first-child+html #top-nav li a {padding: 0;}*/

#top-nav li a:link,
#top-nav li a:visited,
#top-nav li a:hover,
#top-nav li a:active { color: #FFFFFF;}

#top-nav li a:hover span {border-bottom: 2px solid #FF6600; text-decoration: none;}
#top-nav li a.selected span {border-bottom: 2px solid #FF6600;}

#top-nav li.first-item a:link,
#top-nav li.first-item a:visited,
#top-nav li.first-item a:hover,
#top-nav li.first-item a:active {margin-left: 0;}

/* second-level lists */

#top-nav li ul { 
	position : absolute;
	margin : 29px 0 0 0;
	padding : 0 ;
	width : 184px;
	clear : both;
	font-size: 0.8em;
	z-index : 2;
	left: -999em;
	text-align: left;
	border-bottom: none !important;
	 /* using left instead of display to hide menus because display: none isn't read by screen readers */
}

/*reset margin top for IE6/7*/
* html #top-nav ul {margin-top:-1px; } 
*:first-child+html #top-nav ul {margin-top: -1px;}

#top-nav li ul li {border-bottom : 1px solid #666666;}

#top-nav li ul li a:link,
#top-nav li ul li a:visited,
#top-nav li ul li a:hover,
#top-nav li ul li a:active {
	color : #FFFFFF;
	background: transparent url(../images/black.png) 0 0 no-repeat;
	text-decoration : none;	
	display : block;
	padding : 5px 8px 5px 6px;
	margin : 0;
	width : 170px;
	font-weight : normal;
	border-bottom: none !important;
}

#top-nav li ul li a:hover {
	color : #FFFFFF;
	background: transparent url(../images/orange.png) 0 0 no-repeat;
	text-decoration : none;
}

#top-nav li:hover, #top-nav li.over { position: static;}

#top-nav li ul li {margin:0;}

#top-nav li ul ul { /* third-and-above-level lists */
	margin: 0 0 0 184px;
	font-size: 1em; /* reset font size for 3rd level lists */
	border-bottom : none !important;
}
/*reset margin top for IE6/7*/
* html #top-nav li ul ul {margin-top: -25px; top:auto;} 
*:first-child+html #top-nav li ul ul {margin-top: -25px; top:auto;}


#top-nav li:hover ul ul, 
#top-nav li:hover ul ul ul, 
#top-nav li.over ul ul, 
#top-nav li.over ul ul ul {
	left: -999em;
}

#top-nav li:hover ul, 
#top-nav li li:hover ul, 
#top-nav li li li:hover ul, 
#top-nav li.over ul, 
#top-nav li li.over ul, 
#top-nav li li li.over ul { /* lists nested under hovered list items */
	left: auto;
}

/* 2nd level with arrow */

#top-nav li ul li.second-level a:link,
#top-nav li ul li.second-level a:visited,
#top-nav li ul li.second-level a:hover,
#top-nav li ul li.second-level a:active {
	color : #FFFFFF;
	background: transparent url(../images/blackArrow.png) 0 0 no-repeat;
	text-decoration : none;
	display : block;
	padding : 5px 8px 5px 6px;
	margin : 0;
	width : 170px;
	font-weight : normal;
	border-bottom: none !important;
}

/* 3rd level */

#top-nav li ul li.second-level ul li a:link,
#top-nav li ul li.second-level ul li a:visited,
#top-nav li ul li.second-level ul li a:hover,
#top-nav li ul li.second-level ul li a:active { 
	color : #FFFFFF;
	background: transparent url(../images/black.png) 0 0 no-repeat;
	border-bottom: none !important;
	font-weight : normal !important;
	text-decoration : none !important;
}

#top-nav li ul li.second-level ul li a:hover {
	color : #FFFFFF;
	background: transparent url(../images/orange.png) 0 0 no-repeat;
	text-decoration : none;
}

#top-nav li ul li.second-level a:hover {
	color: #FFFFFF;
	background: transparent url(../images/orangeArrow.png) 0 0 no-repeat;
	text-decoration : none;
}



#content-wrapper {
	width: 996px;
	margin: 0 ;
	padding: 0 ;
}

#swf-alternate-container { display: none; }

/* flex footer */

#footer {
	margin: 15px 0 0 15px;
	padding: 0 0 0 0;
	position: absolute;
	bottom: 0;
	width: 960px;
	color: #ADADAD;
	font-size: 0.9em;
}

#footer p.copy {float: right; margin: 0 0 0 0;}

#footer a {text-decoration : none;}
#footer a:link {color: #ADADAD;}
#footer a:visited {text-decoration: none; color: #666666;}
#footer a:hover {text-decoration: underline; color: #666666;}
#footer a:active { text-decoration: none; color: #ADADAD;}

#flex-footer ul {
	margin: 15px 0 0 0; 
	padding: 0;
	float: left;
}

#footer ul li {
	list-style-type: none;
	border-left: 1px solid #f8982a;
	float: left;
	padding: 0 5px 0 5px;
	line-height: 1.1em;
}

#footer ul li.first {border-left: none;}