@charset "UTF-8";

/* CSS Document */

html, body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset {
	color: black;
	margin: 0;
	padding: 0;
	border: 0;
	font-family: "Trebuchet MS";
	
	}

body {
	font-size: 13px;
	padding:0;
	margin:0;	
	background: #ced7e1 url(layout_images/background_main.jpg) repeat-x 50% 0;
	}
	
h1 {
	font-size: 1.8em;
	margin-bottom: 1em;
	color: #092610;
}

h2 {
	font-size: 1.1em;
	margin-bottom: 1em;
	color:#092610;
}
h3 {
	font-size: 1em;
}


a name{
	color: black;
}

p {
	line-height: 1.5em;
	margin-bottom: 1.3em;
	color:#092610;
	font-size: .95em;
	}
	
ul {
	line-height: 1.5em;
	margin-bottom: 1.3em;
	color:#092610;
	font-size: .95em;
	margin-left: 15px;
	list-style:url(layout_images/arrow-list-dark.png);

}

a {
	color:#336699;
	text-decoration:none;
}
a:hover {
	color:black;
}

img{
	border: none;
}


/******** Classes ******/
/***********************/
/******** Classes ******/


.head {
	font-size: 1.2em;
	line-height: 24px;
	text-transform:uppercase;
}

.boxbody h2 {
	color: #6fa91e;
	font-size: 1.3em;
	font-weight: normal;
	padding: .3em 1em .6em 1em;
	background: white;
	margin: 25px 0;
}

.boxbody h3 {
	font-size: 1.3em;
	font-weight: normal;
	padding-bottom: .7em;
}

.boxbody h4 {
	font-size: 1.1em;
	padding-bottom: .3em;
}

.emphasized{
	font-style:italic;
	font-size: 1.1em;
	color:#000000;
	margin-top: 1em;
	padding: 1em;
	background-color:#FF3;
}
.comments {
	font-size: 1.1em;
	color:#8e914c;
	}

.date{
	float:right;
	font-size: .8em;
}
	
.logo {
	float:left;
	margin: 15px 0 0px 20px;
}

#home .logo {
	
}

#home #content {
	border: none;
	margin: 0;
	padding:225px 0 20px 0;
}

.related {
	border: 1px solid #888;
	margin: 30px 1px 18px 1px;
	padding: 3px 5px;
	background-color: #CCC;
}

.large li{
	line-height: 1.4em;
	color:#092610;
	font-size: 1.2em;
	margin: 0 20px 10px 30px;
	list-style:url(layout_images/arrow-list-dark.png);
}


/********** Layout Common **********/
/***********************************/
/********** Layout Common **********/


#clearfix {
	clear:both;
}


#footer {
	width:auto;
	text-align: center;
	margin: .5em 0 0 0;
	padding:0;
	font-size:.9em;
	font-style:oblique;
}	



/********** Layout Content**********/
/***********************************/
/********** Layout Content**********/

#wrapperContent {
	width: 900px;
	margin: 32px auto 10px auto;
	padding:0;
	border: 1px solid #000;	
	background: #30596A url(layout_images/banner_content.jpg) no-repeat top left;
}

#wrapperContent.banner {
	background: #30596a url(layout_images/banner_large.jpg) no-repeat top left;
	
}


.flashButtons{
	width: 900px;
	margin-top: 195px;
}

#contentContent {
	border: 1px solid #000;
	margin: 15px 15px 50px 15px;
	padding:25px 20px 15px 20px;
	width: 828px;
	color:#000;
	background-color:#fff;
	}


/* rounded corner boxes */

/* Show only to IE PC \*/
* html #rightBlock .boxhead h1 {height: 1%;} /* For IE 5 PC */


#rightBlock .boxhead {
	background: url(layout_images/boxes/sbhead-r.gif) no-repeat top right;
	margin: 0;
	padding: 0;
	text-align:left;
}
#rightBlock .boxhead h1 {
	background: url(layout_images/boxes/sbhead-l.gif) no-repeat top left;
	margin: 0;
	padding: 28px 0px 15px 42px;
	color: white; 
	font-weight: normal; 
	font-size: 1.7em; 
	line-height: 1.2em;
	text-shadow: rgba(0,0,0,.4) 0px 2px 5px; /* Safari-only, but cool */
}


#rightBlock .boxhead img{
	float: right;
	margin: 13px 25px 0 0;
}




#rightBlock .boxbody {
	background: url(layout_images/boxes/sbbody-l.gif) no-repeat bottom left;
	margin: 0;
	padding: 28px 60px 14px 33pt;
}

#rightBlock .boxbody h2{
	margin-bottom: 1.2em;
}

#rightBlock .boxbody a{
}
	
	
#rightBlock{
	float:right;
	width: 590px; /* ems so it will grow */
	background: url(layout_images/boxes/sbbody-r.gif) no-repeat bottom right;

}	

#leftBlock{
	float: left;
	width: 230px;
	margin: 0 0 10px 0;
}

#leftBlock p{
	margin: 0 0 8px 25px;
}

#leftBlock h3{
	margin: 5px 0 13px 25px;
	padding-top: 10px;
	font-size: 1.05em;
	border-top:solid 1px #C3CDEC;
}

#navContainerContent{
	float:right;
	margin: 45px 15px 0 0;
	color:#369;
}

#home #navContainerContent{
	margin: 15px 15px 0 0;
}

#navContainerContent ul{
	list-style-type:none;
	margin: 0 0 0 30px;
}

#navContainerContent ul li{
	float:left;
	margin: 0px 0 0 2px;
	height: 45px;
	text-indent: 25px;
	display:block;
	font-size:1.2em;
}

#navContainerContent ul li a{
	margin: 5px 0 0 0;
	display:block;
	color: #FFF;
}

#navContainerContent ul li a:hover{
	color:#fff;
	text-decoration:underline;
}


/******** Front page specific ******/
/***********************************/
/******** Front page specific ******/

#wrapper {
	width: 900px;
	margin: 0 auto 10px auto;
	padding:0;
}


#banner {
	padding:0;
	width: 900px;
	height: 460px;
	margin: 2em auto 0 auto;
	background: transparent url(layout_images/banner_large.jpg) no-repeat 0px 0;
}

#header {
	height: 70px;
}

#content {
	border-right: 1px solid #000;
	border-bottom: 1px solid #000;
	border-left: 1px solid #000;
	margin:0;
	padding:15px;
	width: 870px;
	color:#FFF;
	}


#imageHold{
	height: 150px;
	margin: 260px 0 0 30px;
	width: 890px;
	float:left;
	display:block;
}

#imagePartners{
	float:left;
	margin: 20px 0 20px 0;
	height: 60px;
	width: 400px;
}

#navContainer{
	float:right;
	margin: 20px 1em 0 18px;
	height: 45px;
	color:#369;
}

#navContainer ul{
	list-style-type:none;
	margin: 0 0 0 30px;
}

#navContainer ul li{
	float:left;
	margin: 0px 0 0 2px;
	height: 45px;
	text-indent: 25px;
	display:block;
	font-size:1em;
}

#navContainer ul li a{
	margin: 10px 0 0 0;
	display:block;
}

#navContainer ul li.firstNav{
	background: transparent none no-repeat 0 -1px;
}

#navContainer a{
	color:#000;
}

#navContainer a:hover{
	color:#666;
}


#webTemplate{
	height: 230px;
}

#webTemplate p{
	font-size: .7em;
}
#webTemplate img{
	float: left;
	border: solid 1px black;
}

.webTemplateBody{
	float: left;
	margin-left: 10px;
	width: 165px;
}




/* rounded corner boxes */

/* Show only to IE PC \*/
* html .boxhead h2 {height: 1%;} /* For IE 5 PC */

.sidebox {
	margin: 0 auto 20px auto; /* center for now */
	width: 16em; /* ems so it will grow */
	background: url(layout_images/boxes/sbbody-r.gif) no-repeat bottom right;
	font-size: 100%;
}
.boxhead {
	background: url(layout_images/boxes/sbhead-r.gif) no-repeat top right;
	margin: 0;
	padding: 0;
	text-align: center;
}
.boxhead h2 {
	background: url(layout_images/boxes/sbhead-l.gif) no-repeat top left;
	margin: 0;
	padding: 22px 30px 15px;
	color: white; 
	font-weight: bold; 
	font-size: 1.2em; 
	line-height: 1em;
	text-shadow: rgba(0,0,0,.4) 0px 2px 5px; /* Safari-only, but cool */
}
.boxbody {
	background: url(layout_images/boxes/sbbody-l.gif) no-repeat bottom left;
	margin: 0;
	padding: 10px 25px 14px 0;
}

.boxbody h3{
	margin: 3px 0 5px 0;
	}

.boxbody a{
}



/*Form*/

fieldset { 
	border:0;
	margin:0 0 0 15px;
	padding:0;
	}
	
label { 
	display:block;
	margin: 10px 0 0 0;
	}
	
input.text,textarea { 
	width:350px;
	padding:3px;
	margin:1px 0;border:1px solid #ccc; 
	}

 #sendContactEmail{
 	float:right;
  	padding: 0;
	margin:0;
	width: 90px;
	height: 60px;
	border: none;
	background:url(layout_images/emailIT.png) no-repeat 0 0;
}

/* Quick Form */

fieldset#compact{
	position:relative;
  	margin: 0 15px 0 0;
	width: 220px;
	float:left;
}


fieldset#compact h3{
	float:left;
}

div#email,
div#message {
  position:relative;
  float:left;
}

#compact input#posEmail {
	width: 186px;
	border: none;
	margin:5px 0 0 0;
	background: #ced7e1;
}

#compact textarea#posText {
  width:180px;
  border: none;
  margin: 5px 0;
  background: #ced7e1;
  OverFlow:auto;
}

#compact label.overlabel {
  position:absolute;
  top:2px;
  left:5px;
  z-index:1;
  color:#6e92b7;
}

#compact label.overlabel {
    color:#6e92b7;
  }

#compact label.overlabel-apply {
    position:absolute;
    top:2px;
    left:5px;
    z-index:1;
    color:#6e92b7;
  }
  
#compact #sendContactEmail{
 	float:left;
  	padding: 0;
	margin: 0px 25px 0pt 19pt;
	width: 50px;
	height: 20px;
	border: none;
	background:url(layout_images/send.png) no-repeat 0 0;
}


#compact label{
	margin: 4px 0 0 0;
	}

/* Tables */

table {
	border-collapse: collapse;
	width: 100%;
	}

th, td {
	border: 1px solid #5E89B1;
	font-size: 1em;
	padding: 6px 10px;
	line-height: 1.2;
	}


tr {
	border: 1px solid #5E89B1;
}

tbody td {
	border-top: 0;
	border-bottom: 0;
	background-color: #e0eefa;
	}

caption {
	font-weight:bold;
	font-size: 1.2em;
	padding: 0 0 5px;
	color: #333;
	}
th {
	background: #e4e5e4 url(layout_images/table-heading-background.gif) 0 50% repeat-x;
	text-align:left;
	}
	
tfoot {
	background-color: #e2e2e2;
	color: #555;
	}

tfoot td {
	font-size: .9em;
	text-align: center;
	}
	
tbody tr.alt td{
	background-color: #fff;
	}
	
tbody tr.over td, tbody tr:hover td {
	background-color: #5E89B1;
	}
	
tbody tr.over+tr td {
	background-image: url(layout_images/table-shadow.png);
	background-repeat: repeat-x;
	}




/* footer layout */
	
#footerArea {
	margin: 15px 0 10px 15px;
	}
	
#footerArea h3{
	color: #CED7E1;
	margin: 0 0 10px 0;
	font-weight: light;
	}
	




/* about */

.about {
	float: left;
	width: 40%;
	color:white;
}


.about li{
	color: #CED7E1;
	font-size:1em;
	list-style:url(layout_images/arrow-list.png);
}

.about h3{
	font-size: 1.1em;
	padding-bottom: 13px;
}

/* popular */

#popular {
	float: left;
	width: 15%;
	margin-left: 50px;
	}

#popular p{
color:#ced7e1;
}

#popular a{
	color:#CED7E1;
}

#popular a:hover{
	color:#fff;
}

#popular ul{
	margin-left: 0;
	
	}
#popular ul li{
	list-style: none;
}