/* Styles that apply to the main Dreamweaver template */
/* If you want a style to be available to users, place it inside user-styles.css */

img {
	border: 0;
}

/* Global link style */
a:link {
	text-decoration:none;
	color: #4f5458;
}

a:visited {
	text-decoration:none;
	color: #4f5458;
}

.midcontent a:hover, .content a:hover, .footercontainer a:hover {
	color: #26679f;
	text-decoration:underline;
}

.midcontent a:visited, .content a:visited{
	color: #487bb5;
}

.midcontent a:link, .content a:link {
	color: #487bb5;
}

.footercontainer a:link {
	color: #487bb5;
	font-size: .9em;
}

.footercontainer a:visited {
	color: #487bb5;
	font-size: .9em;
}

/* Style that applies to the main body tag */
body {
	color: #4f5458;
	font-family: Verdana;
	font-size: .7em;
	background-color:#193e5e; 
	text-align:center; 
	margin:0;
}

/* Make form tags display inline */
form {
	display: inline;
}

h1, h2, h3, h4, h5 {
	margin: 0 0 5px 0;
}


/* Puts a 5 pixel space between list items.  Makes list items more distinguishable */
li {
	padding-bottom: 5px;
}

/* Style to trim back list indention  */
ol.nopad {
	margin: 5px 5px 5px 13px;
	padding: 2px 2px 2px 13px;
}

.field {
	font: normal normal 100 10px verdana;
}

/* Container for the flash banner area */
.flashbanner {
	width:761px;
	height: 80px;
	margin: 0px;
	padding: 0px;
	background-image:url(../images/template/subgradient.jpg); 
	background-repeat:repeat-x; 
}

/* Container for the body area */
.bodycontainer {
	width: 784px; 
	background-image:url(/images/contentbg.gif); 
	background-repeat:repeat-y; 
	text-align:left; 
	padding-left: 2px;
	margin:0 auto;
}

/* Footer links area */
.footercontainer {
	text-align: center; 
	padding-bottom: 3px;
}

/* Footer graphic block */
.footer {
	background-image:url(../images/contentbot.gif); 
	background-repeat:no-repeat; 
	background-color:#193e5e;  
	text-align: right;
}

.belowfooterlinks {
	text-align: right;
	padding: 3px 42px 0 0;
	width: 784px;
	margin: 0 auto;
}

/* Search form */
.search {
	background:url(../images/sback.png) 3px 0 no-repeat; 
	text-align: center; 
	width: 200px; 
	height: 37px; 
	padding: 5px 0 0 2px; 
	float:left; 
	margin-top:3px;
}

/* Quick jump form */
.quickjump {
	position:absolute;
	z-index: 30;
	top: 84px;
	padding-left: 620px;
}

/* Breadcrumbs (SiteMapPath) */
.breadcrumbs {
	padding: 10px 0 0 10px;
	width:450px;
	float:left;
}

/* Social Networking Box */
.social {
  text-align:right;
  float:right;
  width:70px;
  padding-right:20px;
  padding-top:10px;
}

/* Sidebar with search and submenu */
.sidebar {
	border-right: 1px solid #CCCCCC; 
	background-image:url(../images/sideback.jpg); 
	background-repeat:repeat-x; 
	padding: 5px 0 0 0;
	margin-bottom: 0;
}

.rightColumn {
	width: 556px;
	float: left;
	background-image:url(../images/midback.jpg);
	background-repeat:repeat-x;
}

.leftColumn {
	width: 205px;
	float: left;
}

/* Links below submenu */
.sectionlinks {
	text-align: center;
	padding-left: 10px;
}

/* Div that holds the landing page banner */
.landingbanner {

}

/* Style for the main content div */
.content {
	margin: 10px 0 10px 0;
	padding: 0 5px 5px 10px;
}

/* Floats div and causes additional floating divs to stack horizontally */
div.float {
  float: left;
}

/* Clear floats so that boxes do not continue to stack horizontally.  */ 
.clear { 
	height: 1%; 
	padding: 0; 
	margin: 0; 
	clear: both; 
}

/* Left content column for pages with 2 content columns */
.leftside {
	float: left;
	min-width: 330px;
	padding-right: 5px;
}

/* rRight content column for pages with 2 content columns */
.rightside {
	float: left;
	width: 182px;
	margin-bottom: 10px;
}

.rightside p {
	padding: 0;
	margin: 0;
}
	

.readmore {
	background-image: url(../images/readmore2.gif);
	background-repeat: no-repeat; 
	background-position: 0px 1px;
	padding-left: 10px;
	float: right;
}


/* Submenu container on the side of each page */
.sidelink {
	background-image:url(/images/sidelink.gif); 
	background-repeat:no-repeat; 
	background-position: 0px 0px; 
	padding: 1px 3px 1px 20px; 
	border: 1px solid #999999; 
	background-color: #f9f9f9;
	width: 160px;
	margin: 5px 0 5px 0;
}

/* Text in footer area */
.footercontainer {
	font-size: .9em;
}

/* Get Flash Player text */
.belowfooterlinks {
	font-size: .9em;
}
	
/* Border code for the web style guide Colors grid */
.bordergrid {
   border-width:1px; 
   border-color:#5b8dc6; 
   border-style:solid; 
	border-left-width:0px;
	border-top-width:0px;
}
 
/* Border code for the top elements in the grid */
.bordergrid1 {
   border-width:1px; 
  	border-color:#5b8dc6; 
   border-style:solid; 
	border-left-width:0px;
	border-top-width:1px;
}

.smallpad_list {
	padding: 0 5px 5px 10px; 
	margin: 0 5px 5px 10px;
}

.dottedborder {
	border: 1px dotted #999999;
}

.lightgreybg {
	background-color: #f9f9f9;
}

.Light_Grey_Background_2 {
	background-color: #f3f3f3;
}

.midgreygb {
	background-color: #ebebeb;
}

.notebox {
	background-color:#FFFFAE; 
	border: 1px dashed #999999; 
	padding: 5px; 
	font-size: .9em; 
	text-align:center;
}

.whitebox {
	border: 1px dotted #999999; 
	background-color:#FFFFFF; 
	padding:3px; 
	margin:0;
}

/* Makes a box to go around contact information */
.contactbox {
	background-color: #f9f9f9;
	padding: 5px;
	width: 60%;
	border: 1px dotted #999999;
}

.submenu {
	margin-bottom: 10px;
}