/*____________________________________________________
  Tags
  ____________________________________________________
*/
body {
	margin: 0;
	padding: 0;
	font-size: 75%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
	color: #000000;
	line-height: 130%;
	background: #114486 URL(../../images/main_bg.jpg) repeat-x;
}

a:link, a:visited{
	color: #7cc9ff;
	border-bottom: 1px dashed #7cc9ff;
	text-decoration: none;
}

a:hover{
	text-decoration: none;
	color: #FFFFFF;
	background-color: #7cc9ff;
}

ul li {
	list-style-image: url(../../images/bullet.gif);
}

/*____________________________________________________
  Divs
  ____________________________________________________
*/
/* container div for the entire site */
#wrapper {
	position: relative;
	text-align: center;
	padding-right: 10px;
	padding-left: 10px;
	min-width: 800px;
	background: url(../../images/body_bg.gif) repeat-y top;
}
/* middle section to of the site that holds content */
#content {
	position: relative;
	margin: 0 auto;
	font-size: 95%;
	padding: 0px;
	padding-top: 5px;
	padding-bottom: 5px;
	width: 800px;
	text-align: left;
	color:#FFF;	
}
#content .column {
	position: relative;
	float: left;
}
/* top section of the site */
#header {
	font-family: Arial, Helvetica, sans-serif;
	position: relative;
	margin: 0 auto;
	padding-bottom: 0px;
    text-align: left;
	width: 800px;
	height: 112px;
	background: url(../../images/header_bg.jpg) no-repeat top center;
}
/* used to position logo in the header */
#logo {
position: absolute;
top: 0px;
left: 0px;
width: 166px;
height: 107px;
background: url(../../images/logo.gif) no-repeat;
}
/* used to position tagline in the header */
#tagline {
position: absolute;
top: 30px;
right: 0px;
width: 343px;
height: 27px;
background: url(../../images/tagline.gif) no-repeat;
}
/* positions main navition in the header */
#headerLinks {
	position: absolute;
	right: 0px;
	top: 60px;
	text-align: right;
	padding-left: 10px;
	font-weight: light;
	padding-top: 7px;
	font-size: 105%;
}

#header ul{
	list-style: none;
	margin: 0;
	padding: 0;
	padding-bottom: 3px;
	}
	
#header ul li {
	list-style: none;
	display: inline;
	margin-right: 0px;
	margin-left: -4px;
	padding-left: 12px;
	padding-right: 10px;
	padding-bottom: 2px;
	padding-top: 0px;
	/* used to give bevel effect - delete if not needed */
	border-right: #CCC solid 1px;
	border-left: #FFF solid 1px;
}

#header ul li.first{ 
	border-left: none;
}
#header ul li.last{ 
	border-right: none;
}

#header a:link, #header a:visited{
	color:#999;
	border:none;
}

#header a:hover{ 
	color:#80CDFF;
	background: none;
}

/* Column1 is used for secondary navigation if needed */
#column1{
	width: 140px;
	margin-left: 0px;
	margin-top: 12px;
	padding-left: 15px;
	padding-top: 10px;
	padding-bottom: 10px;
	background: url(../../images/shadow_right.jpg) top right no-repeat;
	
}

#column1 ul{
	list-style: none;
	margin: 0;
	padding: 0;
	padding-bottom: 3px;
	margin-left: -15px;
	border: none;
	}
	
#column1 li {
	list-style: none;
	list-style-image: none;
	
}

#column1 .heading_Small{
	color: #7cc9ff;
	display: block;
	width: 145px;
	padding-bottom: 3px;
	margin-left: -15px;
	border-bottom: #7cc9ff dashed 1px;
	}

#column1 li a:link, #column1 li a:visited {
	display: block;
	width: 130px;
	padding-top:5px;
	padding-bottom:5px;
	padding-left: 15px;
	color: #ffffff;
	}
	
#column1 li a:hover {
	background-color: #7cc9ff;
	}
	
html>body #column1 li a {
	width: auto;
	}
/* column2 holds the main content if template is not 3 column */
#column2{
	width: 370px;
	margin-top: -50px;
	padding-left: 25px;
	padding-right: 10px;
	padding-bottom: 20px;
}
/* column3 holds the secondary content */
#column3{
	width: 190px;
	margin-top: 12px;
	padding-left: 30px;
	padding-right: 0px;
	padding-top: 10px;
	padding-bottom: 20px;
	background: url(../../images/shadow_left.jpg) top left no-repeat;
}
/* column 4 holdes the main content if the template is a 3 column */
#column4{
	width: 550px;
	padding-left: 25px;
	padding-bottom: 20px;
	margin-top:-50px;
}
/* used if page title needs to be above other columns */
#pageTitle{
	right: auto;
	left: auto;
	width: 800px;
	border-bottom: #999999 dashed 1px;
	font-weight: bold;
	color: #005FD4;
	font-size: 190%;
	margin-left: 20px;
	margin-right: 20px;
	padding-bottom: 10px;
	padding-top: 35px;
}
/* bottom section of the site */
#footer {
	position: relative;
	margin: 0 auto;
	width: 800px;
	height: 100%;
	padding-top: 10px;
	padding-bottom:10px;
	clear: both;
	bottom: 0;
	color: #c0bd85;
	font-size: 85%;
	text-align: center;
	/* background: url(../../images/footer_bg.gif) no-repeat bottom; */
}

#footer ul{
	list-style: none;
	margin: 0;
	padding: 0;
	padding-bottom: 3px;
	}
	
#footer ul li {
	list-style: none;
	display: inline;
	margin-right: 5px;
	margin-left: 0;
	padding-left: 0;
	padding-right: 8px;
	border-right: #c0bd85 solid 1px;
}

#footer ul li.last{ 
	border-right: none;
}

#footer a:link, #footer a:visited{
	color:#c0bd85;
	border:none;
}

#footer a:hover{ 
	color:#FFF;
	background:none;
}

#topImage{
	
	margin-left:-5px;
}


/*____________________________________________________
  Classes
  ____________________________________________________
*/

.bottomDivider{
	border-bottom: 1px #cccccc solid;
	}
	
.topDivider{
	padding-top: 5px;
	padding-bottom: 10px;
	border-top: 1px #cccccc solid;
	}
	
/*____________________________________________________
  Form Elements
  ____________________________________________________
*/

form { display: inline; margin: 0; }

.req { background: #FFCCCC; border: #CC0000 1px solid; }

.formInput { background: #FFFFFF; border: #999999 1px solid; }

.attention {color: #E70000;}