/*******************
	Page Layout
********************/
body{ background:url("../../../images/stripe.gif"); text-align:center; }
#page-container{ width:684px; border:10px solid #fff; margin:0 auto; text-align:left; background-color:#fff; }
	#header{ width:684px; float:left; border-top:30px solid #fff; }
		#header h2{ width:300px; float:right; line-height:20px; font-size:14px; text-align:right; margin:0; padding:0; }
		#header a{ display:block; width:148px; height:44px; }
	#masthead{ width:664px; background-color:#666; clear:both; padding:10px; float:left; }
		#masthead ul{ width:110px; float:right; margin:0; padding:0; list-style:none; }
		#masthead ul li{ margin:0; padding:0; }
		#masthead ul li.middle{ margin:5px 0; }
		#masthead img#front{  }
	#content{ width:684px; float:left; background:url("../../../images/faux.gif") repeat-y; margin-top:10px;  min-height:452px; height:auto !important; height:452px; }
		#left-side{ width:150px; float:left; }
			#left-side ul{ margin:0; padding:0; }
			#left-side ul li{ border-bottom:4px solid #fff; margin:0; padding:0; list-style:none; }
			#left-side ul li a{ display:block; background:url("../images/menu_bg.gif") no-repeat right center; text-transform:uppercase; text-decoration:none; padding:4px 6px; color:#fff; font-size:10px; }
			#left-side ul li a.bgcolor1 { background-color: #525252; }
			#left-side ul li a.bgcolor2 { background-color: #6B6B6B; }
			#left-side ul li a.bgcolor3 { background-color: #848484; }
			#left-side ul li a.bgcolor4 { background-color: #949494; }
			#left-side ul li a:hover, #left-side ul li a#on{ background-color: #6394C6 !important; }
		#right-side{ width:120px; float:right; }
			#right-side ul{ margin:0; padding:0; list-style:none }
			#right-side ul li{ margin:0; padding:8px; border-bottom:5px solid #fff; font-size:11px; }
			#right-side ul li.last{ border-bottom:none; }
			#right-side ul li p{ margin:0 0 8px 0; }
		#main{ width:394px; margin:0 127px 0 157px; }
	#footer{ width:684px; float:left; margin-top:12px; }
		#footer ul{  }
		#footer ul li{  }
		#footer ul li a, #footer ul li a:link, #footer ul li a:visited{  }
		#footer ul li a:hover, #footer ul li a:active{  }


/*************************
	Site wide elements
**************************/
.inside{ padding:12px 12px 12px 16px; }
/*.inside{ padding:0; }*/
.inside h1, .inside h2, .inside p{ margin-bottom:12px; }
.inside h1{ font-size:16px; }
.inside h2{ font-size:14px; }

/***********
	Utils
************/
.hide{ display: none; }
.show{ display: block; }
.show_{ display: inline; }
.underline{ text-decoration: underline; }
.italic{ font-style: italic; }
.right{ text-align: right; }
.left{ text-align: left; }
.center{ text-align: center; }
.bold{ font-weight: bold; }
.bolder{ font-weight: bolder; }
.sstrike{ text-decoration: line-through; }
.floatRight{ float: right !important; }
.floatLeft{ float: left !important; }
hr{ width:100%; height:2px; }

.floatRightImg{ float:right; margin: 0 0 8px 8px; clear: right; }
.floatLeftImg{ float:left; margin: 0 8px 8px 0; clear: left; }

a{ outline:none; }

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */