
/*sitewrap maintains the width of your site.*/
#sitewrap {
	width: 960px;
	margin-right: auto;
	margin-left: auto;
}

body {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10px;
  margin:0px;
  background-position:center;
  background:#dee5f0;
  color: #555;
  padding:0;
 }

#outer {
 width:960px;
 margin:auto;
 background-color: #FFF;
 border-left: 1px solid #cecece;
 border-right: 1px solid #cecece;
 }

#hdr {
    position:relative;
	height:115px; 
	width: 960px;
	margin:auto;
	padding-top: 10px;
	padding-bottom: 10px;
 }
 
 #hdr img {padding-top: 15px;
 border: 0px;
 }
 
 #logo { 
    position:relative;
	height: 125px; 
	width: 960px;
	text-align: right;
	background-image: url(../../images/hdr_back_2.png); 
	background-repeat: no-repeat;
	background-position: top;
	float: center;
}


#hdr h1 {
    font:bolder 1.0em 'Georgia, "Times New Roman", Times, serif';
	letter-spacing:-1px;	
	margin: 0px;
	padding-right: 15px;
	padding-top: 0px;
	line-height: normal;
	font-weight: bold;
	font-size: 36px;
	color: #3B5998;
	text-align: right;
}

#hdr  p {
 padding-top: 10px;
 padding-right:15px;
}

#bar {
 height:26px;
 background-color: #353C42;
 border-left: 1px solid #cecece;
 border-right: 1px solid #cecece;
 border-bottom: 1px solid #000;	
 }

#bodyblock {
 position:relative;
 background: #fff;
 color: #333333;
 width:960px;
 padding:0;
 }

/*Left Column*/
#l-col {
    float:left;
	background-image: url(../../images/sidenav_220.jpg);
	background-repeat: no-repeat;
	background-position: right top;
    color: #333333;
    width:220px;
 }

#cont {
 width:730px;
 background:#ffffff;
 color: #333333;
 text-align:left;
 padding-top: 25px;
 float:right;
 }

#cont p, h1, h2, h3, h4 {
	 padding-right: 50px;
	 padding-left: 20px;
}

#cont_noside {
 width:900px;
 background:#ffffff;
 color: #333333;
 text-align:left;
 padding-top: 25px;
 }

#cont_noside p, h1, h2, h3, h4 {
	 padding-right: 50px;
	 padding-left: 20px;
}
	
 /*Footer Elements*/
#foot {
	background-image: url(../../images/bottom_bg.png);
	background-repeat:repeat-x;
	background-position:bottom;
	display: block;
	border-top: 1px solid #CCC;
	clear: both;
	padding: 9px;
	font-size: 11px;
}
#foot p {
		font-size: 11px;
}
#foot a:link, #foot a:visited {
	text-decoration: none;
	color: #000099;
}
#foot a:hover {
	text-decoration: none;
	color: #527B35;
}
#foot li a:link, #foot li a:visited  {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	display: block;
	padding-bottom: 5px;
}
#foot li a:hover {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	display: block;
	padding-bottom: 5px;
	color: #527B35;
}
/*3 Panels in the footer*/
/*First (Left) Panel*/
#panela {
	padding: 10px;
	padding-left: 18px;
	float: left;
	width: 280px;
	display: block;
	margin-right: 10px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #CCCCCC;
}
/*Second (Center) Panel*/
#panelb {
	padding: 10px;
	float: left;
	width: 280px;
	margin-right: 10px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #CCCCCC;
}
/*Third (Right) Panel*/
#panelc {
	padding: 10px;
	float: left;
	width: 280px;
}
/*Footer Headings*/
#foot h4 {
	font-size: 15px;
	color: #3e3e3e;
}
/*Designer Link*/
#designer {
	clear: both;
	font-size: 10px;
	text-align: right;
}
#designer a:link, #designer avisited, #designer a:hover {
	color: #333333;
	text-decoration: none;
}

.awesome, .awesome:visited {
	background: #353C42 url(../../images/alert-overlay.png) repeat-x; 
	display: inline-block; 
	padding: 5px 10px 6px; 
	color: #fff; 
	text-decoration: none;
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px;
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
	border-bottom: 1px solid rgba(0,0,0,0.25);
	position: relative;
	cursor: pointer;
}

	.awesome:hover							{ background-color: #111; color: #fff; }
	.awesome:active							{ top: 1px; color: #fff;}
	.small.awesome, .small.awesome:visited 			{ font-size: 11px; padding: ; color: #fff;}
	.awesome, .awesome:visited,
	.medium.awesome, .medium.awesome:visited 		{ font-size: 13px; font-weight: bold; line-height: 1; text-shadow: 0 -1px 1px rgba(0,0,0,0.25); color: #fff;}
	.large.awesome, .large.awesome:visited 			{ font-size: 14px; padding: 8px 14px 9px; color: #fff;}
	
	.green.awesome, .green.awesome:visited		{ background-color: #91bd09; }
	.green.awesome:hover						{ background-color: #749a02; }
	.blue.awesome, .blue.awesome:visited		{ background-color: #36a5e0; }
	.blue.awesome:hover							{ background-color: #26759f; }
	.dk_blue.awesome, .dk_blue.awesome:visited		{ background-color: #3165aa; }
	.dk_blue.awesome:hover							{ background-color: #0d4290; }
	.red.awesome, .red.awesome:visited			{ background-color: #7a050d; }
	.red.awesome:hover							{ background-color: #5b0409; }
	.magenta.awesome, .magenta.awesome:visited		{ background-color: #a9014b; }
	.magenta.awesome:hover							{ background-color: #630030; }
	.orange.awesome, .orange.awesome:visited		{ background-color: #ff5c00; }
	.orange.awesome:hover							{ background-color: #d45500; }
	.yellow.awesome, .yellow.awesome:visited		{ background-color: #ffb515; }
	.yellow.awesome:hover							{ background-color: #fc9200; }
	.grey.awesome, .grey.awesome:visited		{ background-color: #4a545c; }
	.grey.awesome:hover							{ background-color: #111;}


	