﻿

body
{

	background-image: url('images/gradient.png');
	background-color: #0F5B96;
	background-repeat: repeat-x; 
	font-family: "Trebuchet MS", Arial, Verdana, Helvetica, sans-serif;
    margin: 0 0 0 0;
	padding: 0;
	width: 99%;
	min-width: 900px; 
}

.tagline
{
	color: #FFF;
	font-size: 9pt;
	padding-left: 80px;
	font-style: italic;
}
.listheader
{
	margin: 0 0 2em 0;
	text-align: left;
	line-height: 26px;
	font-size: 11pt;
	 list-style: none;	
}
.web
{
	margin: 0;
	font-weight: normal;
	color: #bbbbdd;
}
.web a {
	text-decoration: none;
	font-weight: bold;
}
.web a:visited {
	color: #FFF;
}
.web a:link {
	color: #FFF;
	text-decoration: none;
}
.web a:hover {
	color: #334455;
	text-decoration: underline;
}
.headertext
{
 margin-top: 50px;
 font-size: 16pt;
 color: #FFF;
 line-height: 20pt;
}
.rightcolumnelement
{
 margin-left: 35px;
 margin-right: 70px;

}
.centercolumnelement
{
	margin-left: 15px;
}

#bottomcenterframe .bottom
{
 text-align: center;
 font-size: 11px;
 color: #FFF;
 line-height: normal;
 height: 125px;
}
img
{
	padding: 0 5px 0 5px;
}

p, ul, ol {
	margin: 0 0 2em 0;
	text-align: left;
	line-height: 26px;
	font-size: 11pt;
	 
}
.list2
{
		margin: 0 0 2em 0;
	text-align: left;
	line-height: 26px;
	font-size: 11pt;
}

#centerframe h1{
	margin: 0;
	font-weight: normal;
	color: #bbbbdd;
	padding-bottom: 0.5em;
	font-size: 18pt;
}

#centerframe h2{
	margin: 0;
	font-weight: normal;
	color: #bbbbdd;
	padding-bottom: 0.5em;
	font-size: 16pt;
}

#centerframe h3 {
	margin: 0;
	font-weight: normal;
	color: #bbbbdd;
	padding-bottom: 0.5em;
	font-size: 14pt;
}


.title {
	margin-bottom: 15px;
	padding-bottom: 5px;
	border-bottom: 1px solid #bbbbdd;
}

a:link {
	color: #ccccff;
}

a:hover, a:active {
	text-decoration: none;
	color: #003448;
}

a:visited {
	color: #bbbbdd;
	
}

.list{
	margin: 0;
	padding-left: 12px;
	background: url(images/bullet.png) no-repeat;
	background-position: 0.8em left;
	font-size: 11pt;
}
/*frame components LC is left column, RC is right column*/
#header
{
	margin-top: 0px;	
  position: relative;
  padding-top: 0;

}
#containertwo {
	padding-left: 56px;   /* LC width  */
	padding-right: 303px;  /* RC width */
	overflow: hidden;
	position: relative;
	margin-top: 0px;
}

#containertwo .columntwo {
	position: relative;
	float: left;
	padding-bottom: 20000px;
	margin-bottom: -20000px;
	
}
#container {
	padding-left: 303px;   /* LC width  */
	padding-right: 56px;  /* RC width */
	overflow: hidden;
	position: relative;
	margin-top: 0 ;
}

#container .column {
	position: relative;
	float: left;
	padding-bottom: 20000px;
	margin-bottom: -20000px;
	
}
#centerframe 
{
	background-image: url('images/center3.png');
	background-repeat: repeat;
	width: 100%;
	z-index: 1;
}
#leftframe 
{
	background-image: url('images/centerleft3.png');
	background-repeat: repeat-y;
	width: 56px;          /* LC width */
	right: 56px;          /* LC width */
	margin-left: -100%;

}
#rightframe 
{
	background-image: url('images/centerright2.png');
	background-repeat: repeat-y;
	width: 303px;          /* RC width */
	margin-right: -303px;  /* RC width */
	z-index: 0;
}
#topcenterframe 
{
	background-image: url('images/topmiddle2.png');
	background-repeat: repeat-x;
	height: 140px;
	width: 100%;
	position: relative;
	float: left;
}
#topleftframe 
{
	background-image: url('images/topleft2.png');
	background-repeat: no-repeat;
	height: 140px;
	width: 303px;          /* LC width */
	right: 303px;          /* LC width */
	margin-left: -100%;
	position: relative;
	float: left;
}
#toprightframe 
{
	background-image: url('images/topright2.png');
	background-repeat: no-repeat;
	height: 140px;
	width: 56px;          /* RC width */
	margin-right: -56px;  /* RC width */
	position: relative;
	float: left;
}
#bottomcenterframe 
{
	background-image: url('images/bottomcenter2.png');
	background-repeat: repeat-x;
	height: 183px;
	width: 100%;
	position: relative;
	float: left;
	text-align: center;
}
#bottomleftframe 
{
	background-image: url('images/bottomleft2.png');
	background-repeat: no-repeat;
	height: 183px;
	width: 56px;          /* LC width */
	right: 56px;          /* LC width */
	margin-left: -100%;
	position: relative;
	float: left;
}
#bottomrightframe 
{
	background-image: url('images/bottomright2.png');
	background-repeat: no-repeat;
	height: 183px;
	width: 56px;          /* RC width */
	margin-right: -56px;  /* RC width */
	position: relative;
	float: left;
}
#footer 
{
	overflow: hidden;
	clear: both;
	padding-left: 56px;   /* LC width  */
	padding-right: 56px;  /* RC width */
	overflow: hidden;
	clear: both;
	position: relative;
	height: 183px;
}	

/*** IE6 Fix ***/
* html #leftframe {
  left: 56px;           /* RC width */
}

/** Navigation Menu ** */
#nav
{
	min-width:800px;
	z-index: 1;
}
#nav, #nav ul { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: .9;
	text-align: left;
	margin: 0 0 1em 0;
	
	
}
#nav a {
	display: block;
	padding: 0.25em 1em;
	text-decoration: none;
}
#nav a:visited {
	color: #334455;
}
#nav a:link {
	color: #334455;
	text-decoration: none;
}
#nav a:hover {
	color: #334455;
	text-decoration: underline;
}
#nav li { /* all list items */
	float: left;
	padding: 0;
	height: 24px;
	padding-top: -1px;
	margin-top: -3px;
}

#nav li ul li
{
	width: 15em;
}

#nav li ul { /* second-level lists */
	position: absolute;
	background: #FFF;
	width: 15em;
	height: auto;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
	border-width: 0.25em;
	border-color: #266AA0;
	margin: 0;
}


#nav li ul ul { /* third-and-above-level lists */
	margin: -1.25em 0 0 15em;
}

#nav li:hover ul ul, #nav li.sfhover ul ul {
	left: -999em;
}

#nav li:hover ul, #nav li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
}

#nav a.parent{
	background: url('images/rightarrow.gif') center right no-repeat;
}

#nav li:hover, #nav li.hover {
    position:static;
}

.style1
{
    width: 254px;
}
.style2
{
    width: 38px;
    font-size: small;
}
.style3
{
    font-size: small;
}
.style4
{
    width: 254px;
    font-size: small;
}




