/* CSS Document */
/* Containt main color and font values for site */
body
{
margin: 0px;
padding: 0px;
font-family:Arial, Helvetica, sans-serif;
color: #333333;
font-size: 12px;
line-height: 1.4;
}

/* Main Div to hold everything together */
#container
{
margin: 0px auto 0px auto;
width: 985px;
padding-top: 15px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 36px;
}

/* Main Div to hold everything together */
#containerBackground
{
margin: 0px auto 0px auto;
width: 985px;
padding-top: 15px;
background-image: url(images/2col_background_image.jpg);
background-repeat: no-repeat;
background-position: bottom; 
}

/* global DL styles */
dl {
	padding-top: 	0px;
	padding-bottom: 4px;
	margin-top: 	0px;
	margin-bottom:	0px;
}


/* Global Link colors, effects everything unelss specifically set for an area */
a:link
{
color: #809D0D;
background-color: transparent;
text-decoration: underline;
}

a:hover, a:visited
{
color: #007CA4;
text-decoration: none;
}


/* Main Div to hold ALL of left column items */
#mainColLeft
{
float: left;
width: 272px;
background-color:#FFFFFF;
margin: 0px;
}

/* Class to use whenever you need the Blue Header and Image, can reuse as often as needed */
.leftHeader
{
width: 100%;
/*float: left;*/
color: #575176;
font-weight: bold;
text-transform: uppercase;
padding-bottom: 0px;
margin-bottom: 0px;
}

/* Class to hold the text which goes under the headers, can reuse as often as needed */
.leftText
{
padding-left: 36px;
font-size: 11px;
text-align: left;
margin-right: 15px;
margin-bottom: 18px;
padding-top: 0px;
}

/* Main Div to hold all the stuff in the full Right Column */
#mainColRight
{
float: left;
width: 708px;
margin: 0px;
padding: 0px;
}

/* Div to hold the Search box and buttons */
#search
{
width: 257px;
height: 25px;
text-align: left;
padding: 15px 0px 0px 15px;
color: #FFFFFF;
font-weight: bold;
font-size: 12px;
}

/* Div to hold Main Flash on index */
#flash
{
background-color: #FFFFFF;
width: 980px;
height: 160px;
}

/* Div to hold Main Image on page, doesn't necessarily have to be flash, just has to be the correct size */
#header
{
float: left;
background-color: #FFFFFF;
width: 708px;
height: 160px;
}


/* Div to Main Menu */
#mainMenu
{
float: left;
width: 708px;
height: 40px;
}

/* Div to act as a Container for all the main content, editable inside, but can't actually delete this div from a general page */
#mainContent
{
float: left;
padding-left: 25px;
padding-top: 15px;
width: 683px;
}

/* Div to sit below as independent section aka column 5 */
#mainContentBottom
{
float: left;
padding-left: 25px;
padding-top: 0px;
width: 683px;
}

/* Class used to make the Blue Headers, can reuse as often as needed */
.rightHeader
{
float: left;
color: #575176;
font-weight: bold;
text-transform: uppercase;
margin-bottom: 0px;
}


.rightHeaderSpecial
{
float: left;
color: #FFFFFF;
font-weight: bold;
font-size:12px;
text-transform: uppercase;
padding-bottom: 5px;
padding-top: 10px;
}

/* Div to hold left column information if you want content split up into columns, if not then just delete both ColLeft and ColRight */
#contentColLeft
{
float: left;
width: 321px;
margin: 0px;
padding: 0px;
}

/* Class to hold the text which goes under the headers in the main content area, can reuse as often as needed */
.content
{
border-bottom: 2px dotted #CCCCCC;
padding-bottom: 10px;
margin-bottom: 10px;
}

/* Class to hold the text which goes under the headers in the main content area, can reuse as often as needed */
.welcome
{
width: 662px;
border-bottom: 2px dotted #CCCCCC;
padding-bottom: 10px;
margin-bottom: 10px;
}

.welcome_NoDots
{
width: 662px;
border-bottom: none;
padding-bottom: 10px;
margin-bottom: 10px;
}

/* Class used to make the Blue Headers, can reuse as often as needed */
.welcomeHeader
{
float: left;
font-size: 18px;
font-style: italic;
color: #575176;
font-weight: bold;
/*margin-bottom: 10px;*/
}


/* Class to hold the text which goes under the headers in the main content area, can reuse as often as needed */
.content_NoDots
{
padding-bottom: 10px;
margin-bottom: 10px;
}

.contentBanner
{
width: 301px;
background-color: #FFFFFF;
padding: 10px 10px 10px 10px;
margin-bottom: 0px;
background-image: url(images/backgroundImage_Special.gif);
background-repeat: no-repeat;
}

.contentSpecial
{

float: left;
width: 160px;
color: #FFFFFF;
font-size: 11px;
}

.contentSpecial a:link
{
background-color: transparent;
color: #fedabd;
text-decoration: underline;
}

.contentSpecial a:hover
{
color: #FFFFFF;
text-decoration: underline;
}

.imageSpecial
{

float: left;
width: 121px;
}

.image
{

width: 150px;
border: 1px solid #007F99;
margin-top: 5px;
}

.image2
{

width: 130px;
border: 1px solid #007F99;
margin-top: 5px;
}

.imageProfiles
{
width: 100px;
border: 1px solid #007F99;
margin-top: 5px;
}

/* Same as contentColLeft, this is the second column if you want two columns on a page */
#contentColRight
{
float: left;
width: 321px;
padding: 0px 0px 0px 20px;
margin: 0px;
}

hr
{
	border: none 0px;
	background-color: #007F99;
	color: #007F99;
	height: 1px;
	width: 100%;
}

/* Style of dashed bullets. */
.dashBulletUL
{ 
	list-style-image: url(images/dash.jpg);
	font: normal 11px Arial, Helvetica, sans-serif;
	/* color: #007F99; */
	color: #000000;
	font-size: 12px;
	line-height: 15px;
	}
	
.dashBulletUL a:link
{
	text-decoration: underline;
	color: #000000;
	}
	
.dashBulletUL a:hover
{
	text-decoration: none;
	color: #000000;
	}
	
.dashBulletUL a:visited
{
	text-decoration: underline;
	color: #000000;
}

#midSection
{
width: 980px;
margin: 0px;
padding: 0px;
}

#Lcolumn
{
float: left;
width: 671px;
margin: 0px;
padding: 0px 37px 0px 0px;
}

#Rcolumn
{
float: left;
font-weight: bold;
font-size: 11px;
width: 242px;
margin: 0px;
padding: 25px 10px 0px 20px;
}

.blogTitle {
font-size: 18px;
font-style: italic;
color: #575176;
font-weight: bold;
margin: 0px;
padding: 0px;
}

.blogSubTitle {
color: #007CA4;
font-weight: bold;
font-size: 12px;
text-transform: uppercase;
margin: 0px;
padding: 0px;
}

.text2
{
	
	color: #57527E;
	font-size: 12px;
	font-weight: bold;
	}
	
.text4
{
	
	color: #809D0D;
	font-size: 12px;
	font-weight: bold;
	}
	
.text5
{
	
	color: #FFFFFF;
	font-size: 12px;
	font-weight: bold;
	}
	
.text6
{
	
	color: #333333;
	font-size: 12px;
	font-weight: bold;
	}
	
.text6
{
	
	color: #007CA4;
	font-size: 12px;
	font-weight: bold;
	}
	
.text7
{
	
	color: #333333;
	font-size: 12px;
	font-weight: bold;
} 
	
.text8
{
	
	color: #007CA4;
	font-size: 30px;
	font-weight: bold;
	}
	
.text9
{
	
	color: #007CA4;
	font-size: 12px;
	}
	
.text10
{
	
	color: #8B9000;
	font-size: 11px;
	}
		
.text11
{
	
	color: #007CA4;
	font-size: 14px;
	font-weight: bold;
	}
	
.text12
{
	
	color: #007CA4;
	font-size: 12px;
	}
	
.text13
{
	
	color: #007CA4;
	font-size: 20px;
	font-weight: bold;
	}
	
.text14
{
	
	color: #000000;
	font-size: 12px;
	font-style: italic;
	}
	
.text15
{
	
	color: #007CA4;
	font-size: 12px;
	font-style: italic;
	}

.text9
{
	
	color: #000000;
	font-size: 10px;
	}

.text16
{
	
	color: #007CA4;
	font-size: 12pt;
	font-weight: bold;
	}
	
.text17
{
	
	color: #575176;
	font-size: 12px;
	font-weight: bold;
	font-family: Georgia, "Times New Roman", Times, serif;
	line-height: 17px;
	}

/* Div to hold left column information as Quotes */
.Indent
{
width: 550px;
margin: 0px 40px 0px 40px;
}
	
/* Specify pairs of quotes for two levels in two languages */
q:lang(en) { quotes: '"' '"' "'" "'" }
q:lang(no) { quotes: "«" "»" '"' '"' }

/* Insert quotes before and after Q element content */
q:before { content: open-quote }
q:after  { content: close-quote }

/* Holds all the stuff for the footer information */
#footer
{
width: 985px;
height: 35px;
margin: 0px auto 0px auto;
padding-bottom: 5px;
padding-top: 30px;
text-align: center;
color: #B2B1B1;
font-size: 12px;
font-weight: bold;
background-image: url(images/ColorBar_Bottom.gif);
background-position: top;
background-repeat: no-repeat;
}

#footer a:link
{
color: #B2B1B1;
text-decoration: none;
}

#footer a:hover, a:visited
{
color: #007CA4;
text-decoration: none;
}

/* Class that clears both, and has nothing in it. If you stick it directly under floating divs, but inside of the container div, it will recognize the floats, plus the container will recognize the fixer, allowing the container div to expand vertically correctly. */
.fixer
{
	clear: both;
	margin: 0px;
	padding: 0px;
	}

/* Div to hold the left menu system */
#leftMenu
{
	width: 240px; /* Width of Menu Items */
	color: #007CA4;
	font-size: 12px;
	font-weight: bold;
	background-image: url(images/menuUnderlineDots.gif);
	background-repeat: repeat;
	margin: 30px 0px 35px 15px;
}

ul {	
	color: #007CA4;
	padding: 0px;
	margin: 0px;
	list-style: none;
	width: 190px;
	}
	
ul li {
	position: relative;
	line-height: 20px;
	cursor: pointer;
	}
	
ul li a:link {
	text-decoration: none;
	}
	
li ul {
	position: absolute;
	left: 189px; /* Set 1px less than menu width */
	top: 0;
	display: none;
	color: #007CA4;
	font-size: 12px;
	font-weight: bold;
	padding: 5px 10px 10px 10px;
	margin: -10px 0px 0px 0px;
	background-color: #FFFFFF;
	border: 1px solid #007CA4;
	width: 270px;
		}

li ul ul{
	position: absolute;
	left: 270px; /* Set 1px less than menu width */
	top: 0;
	display: none;
	color: #007CA4;
	font-size: 12px;
	font-weight: bold;
	padding: 5px 10px 10px 10px;
	margin: -10px 0px 0px 0px;
	background-color: #FFFFFF;
	border: 1px solid #007CA4;
	width: 250px;
		}
		
li ul li{
	background-image: url(images/menuUnderlineDots.gif);
	background-repeat: repeat;
	background-color: #FFFF66;
		}

/* Styles for Menu Items */
ul li a {
	display: block;
	text-decoration: none;
	color: #007CA4;
	font-size: 12px;
	font-weight: bold;
	margin: 0px;
	padding: 0px;
	}

/* List Item Color Change */
ul li a:hover
	{
	color: #57517b;
	}

ul li a:visited
	{
	color: #8B9000;
	}	

/* Holly Hack. IE Requirement \*/
* html ul li { float: left; height: 1%; }
* html ul li a { height: 1%;}
/* End */

li:hover ul, li.over ul
{
	display: block;
	 } /* The magic */

ol
{
list-style: disc;
/* color: #007CA4; */
color: #0000000;
/*line-height: 22px;*/
padding-top: 0px;
margin-top: 0px;
padding-bottom: 0px;
margin-bottom: 0px;
	}

a:hover {
	color: #809D0D;
}
a:active {
	color: #809D0D;
	
#apDiv1 {
	position:absolute;
	left:473px;
	top:518px;
	width:545px;
	height:307px;
	z-index:1;
}