@charset "UTF-8";
/* CSS Document */


/* navigation */
#navigation{
	height:25px; 
	font-size:14px; 
	color:#FFFFFF; 
	padding-top:4px;
	padding-bottom:0px; 
	width:1008px; 
	margin-left:auto; 
	margin-right:auto; 
	background-color:#782f20;
}

#navigation ul {
  padding:0;
  margin: 0;
  list-style: none;
}

#navigation li{
  float: left;
  position: relative;
  width: 90px;
  padding-left:10px;
}

#navigation li ul{
  display: none;
  position: absolute; 
  top: 10px;
  left: 0;
  
  background-color:#782f20;
  color:#CCCCCC;
  border:1px solid #333333;
  border-top:none;
  padding-right:100px;
  }

#navigation li > ul {
	
	width:12em;
	}

#navigation li:hover ul, li.over ul,#navigation li.sfhover ul{ display: block; margin-top:7px; }

#navigation ul li a:link,
#navigation ul li a:visited {
color: #fff;
text-decoration: none;
}

#navigation ul li a:hover,
#navigation ul li a:active {
color: #CCC;
}

/****************************************************************************/
/* Blue Navigation */
#bluenavwrap{
	margin-left:60px;
	margin-top:0px;
	width:400px;
	clear:left;
	display:none;
}

#bluetitle{
	font-size:24px;
	color:#FFF;
	margin-top:0px;
	padding-bottom:10px;
	clear:left;
	display:none;
}

.bluenavclass{
	color:#FFF;
	padding-top:5px;
	font-size:12px;
	border-bottom:1px dotted white;
	display:none;
}

.bluenavclass a:link,
.bluenavclass a:visited {
color: #fff;
text-decoration: none;
display:none;
}

.bluenavclass a:hover,
.bluenavclass a:active {
color: #CCC;
display:none;
}



/* breadcrumbs */

#breadcrumb a:link,
#breadcrumb a:visited {
color: #888;
line-height: 1em;
font-size: 1em;
text-decoration: none;
}

#breadcrumb a:hover,
#breadcrumb a:active {
color: #888;
}

/* footer links */
#footer a:link,
#footer a:visited {
color: #888;
line-height: 1em;
font-size: 1em;
text-decoration: none;
}

#footer a:hover,
#footer a:active {
color: #888;
}

/* other stuff */
body{
	background-color:#acacac;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

#title{
	height:78px; 
	width:1008px; 
	margin-left:auto; 
	clear:both; 
	margin-right:auto; 
	background-color:#333333;
	background-image:url('newtitlebanner copy.jpg');
}

/* heading image */
#bluecontent1{
	height:360px; 
	width:1008px; 
	margin-left:auto; 
	margin-right:auto; 
	background-image:url('bluecontent.jpg');
	clear:left;
}

#bluecontent2{
	height:221px; 
	width:1008px; 
	margin-left:auto; 
	margin-right:auto; 
	background-image:url('bluecontent2.jpg');
	clear:left;
	display:none;
}

#whitecontent1{
	height:800px; 
	width:1008px; 
	margin-left:auto; 
	margin-right:auto; 
	background-color:#FFFFFF;
	background-image:url("whitecontent1.jpg");
	background-repeat:no-repeat;
	background-position:bottom;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#333333;
	font-size:12px;
}

/* body content */
#whitecontent2{
	height:auto;; 
	width:1008px; 
	margin-left:auto; 
	margin-right:auto;
	padding-left:0px;
	padding-right:0px;
	padding-top:0px;
	background-color:#FFFFFF;
	float:none;
}

#wccontainer{
	margin-left:60px;
	margin-top:0px;
	margin-right:60px;
	width:888px;
	height:auto;
	padding-bottom:50px;
}

#lefthalf{
	width:686px;
	float:left;
}

#pagetitle{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#000;
	font-size:22px;
}

#subtitle{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#3366FF;
	font-size:15px;
}

#subtitle2{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#333333;
	font-size:15px;
}

#content{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#333333;
	font-size:12px;
}

#righthalf{
	width:180px;
	float:left;
	margin-left:20px;
	margin-top:40px;
}

#rhtitle{
	color:#000;
	font-size:14px;
}

#rhtext{
	color:#333;
	font-size:12px;
}

#breadcrumb{
	color:#888;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;
}


#footer{
	height:60px; 
	width:1008px; 
	margin-left:auto; 
	margin-right:auto; 
	background-color:#353535;
	color:#FFFFFF;
	text-align:center;
	font-size:12px;
}



/*********************** CLEARFIX *********************/
.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.clearfix {
    display: inline-block;
}

html[xmlns] .clearfix {
    display: block;
}

* html .clearfix {
    height: 1%;
}


/**************** FRONT PAGE **************************/
#front1{
	width:23%;
	float:left;
	border-right:1px dotted #CCCCCC;
	padding-left:15px;
	padding-rigth:10px;
	font-size:14px;
}
#front2{
	width:23%;
	float:left;
	border-right: 1px dotted #CCCCCC;
	padding-left:10px;
	padding-right:10px;
	font-size: 14px;
}
#front3{
	width:23%;
	float:left;
	border-right: 1px dotted #CCCCCC;
	padding-left:10px;
	padding-right:10px;
	font-size:14px;
}
#front4{
	width:23%;
	float:left;
	padding-left:10px;
	padding-right:10px;
	font-size:14px;
}

#frontcontent{
	color:#666666;
	line-height:1.6;
}