@charset "utf-8";

html {
	background:url(../images/layout/background.jpg) repeat;
}

body  {
	position:relative;
	background:url(../images/layout/container-bkgd.jpg) repeat;
	font: 13px Verdana, Arial, Helvetica, sans-serif;
	margin: 0 auto; 
	padding: 0 0 0 0;
	text-align: left;
	line-height:1.4em;
	/*letter-spacing:.015em;*/
}

#container {
	position:relative;
	width: 950px;
	margin: 0px auto; /* the auto margins (in conjunction with a width) center the page */
	padding:60px 0 0 0;
	text-align:left;
} 

#headerBkgd {
	position:relative;
	background:url(../images/layout/header-bkgd.jpg) repeat-x;
	width:100%;
	height:190px;
	margin:0 auto 0 auto;
	padding: 0 0 0 0;
}

#header {
	background:url(../images/layout/header.png) no-repeat;
	width:992px;
	height:193px;
	margin:auto;
}

#sideBar {
	position:absolute;
	right:0;
	border-left:solid #5c5c5c 3px;
	width: 300px;
	height:27em;
	padding:0 0 0 25px;
	margin:20px 0 0 0;
	text-align:center;
}

#sideBar .itemContainer {
	background:#1e1e1e;
	width:250px;
	padding:14px;
}

.verticalBar {
	position:absolute;
	left:0;
	width:2px;
	height:100%;
	background:#d8d8d8;
}

.horizontalBar {
	width:100%;
	height:2px;
	background:#d8d8d8;
	margin:15px 0;
}

#sidebarContent {
	padding:0 0 0 5px;
	margin:0;
	text-align:center;	
}

.thrColFixHdr #mainContent {
	text-align:justify;
	color:#000000;
	width:710px;
	height:100%;
	margin-top:15px;
}

.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
}
.fltlft { /* this class can be used to float an element left in your page */
	float: left;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

.firt {
	display:none;
}

h1, h2, h3, h4 {
	margin:0;
	padding:0;
	line-height:1.25em;
}

.sectionContainerMiddle h2 {
	font-size:24px;
	color:#FFFFFF;	
}

h3 {
	font-size:18px;
}

.smallText {
	font-size:11px;
	font-weight:normal;
	line-height:1.4em;
}

.boldText {
	font-weight:bold;
}

.featuredText {
	color:#b11500;
	font-weight:bold;
}

img {
	border:none;
}

.commonBorder {
	padding:7px;
	border:1px solid #CCCCCC;
	background:#fff;
}

#logo {
	position:relative;
	top:120px;
	background:url(../images/layout/logo.png) no-repeat;
	width:440px;
	height:56px;
	margin:0px 0 0 50px;
}

/*------------------NAV_MAIN---------------------*/

#navMain {
	position:absolute;
	bottom:-77px;
	background:url(../images/layout/nav_main/nav-bar.png) repeat-x;
	margin:0 auto;
	padding:17px 0 0 0;
	width:100%;
	height:74px;
	z-index:2;
}

#navMain ul {
	margin:0 auto;
	padding:0 0 0 0;
	list-style-type:none;
	height:51px;
	width:950px;
}

#navMain ul li {
	display:inline;
	height:39px;
}

#navMain ul li a{
	height:39px;
	background-repeat: no-repeat;
	float:left;
}

li a {
	background-position:center 0;	
}

li a:hover {
	background-position:center -39px;
}

#navMain ul li.pipe {
	margin: 1px 0 0 0;
	background:url(../images/layout/nav_main/pipe.png) no-repeat;
	width:3px;
	height:38px;
	float:left;
}

#firstPipe {
	margin-left:2px;
}

li#button1 a {
	background-image:url(../images/layout/nav_main/button1.jpg);
	width:110px;	
}

li#button2 a {
	background-image:url(../images/layout/nav_main/button2.jpg);
	width:117px;	
}

li#button3 a {
	background-image:url(../images/layout/nav_main/button3.jpg);
	width:157px;	
}

/*----------------/NAV_MAIN--------------------*/	
#navSideFirstButton {
	border-top:#FFFFFF solid 1px;
}

.sectionContainerTop {
	background:url(../images/layout/section-container-top.png) no-repeat;
	height:27px;
	font-size:0;	
}

.sectionContainerMiddle {
 	background:url(../images/layout/section-container-middle.png) repeat-y;
	width:540px;
	padding:5px 30px;
 	height:100%;
	color:#9a9a9a;
}

.sectionContainerMiddle a:link {
}

.sectionContainerMiddle a:hover {
}

.sectionContainerMiddle h3 {
	color:#FFFFFF;
	margin-top:0;
	padding:0;
}

.sectionContainerBottom {
	background:url(../images/layout/section-container-bottom.png) no-repeat;
	height:27px;
	padding-bottom:15px;
}

.sectionContainerTop, .sectionContainerBottom {
	width:600px;
}

.footerBkgd {
	background:url(../images/layout/footer-bkgd.jpg) repeat;
	width:100%;
	height:100%;
	padding:30px 0 30px 0;
}

#footerInfo {
	position:relative;
	margin:0 auto;
	width:942px;
 	font-size:12px;
	color:#868787;	
	text-align:left;
}

#footerInfo ul,
#footerInfo p {
	padding:0 0 0 30px;
	margin:0 0 0 0;
}

#navlist li {
	display: inline;
	list-style-type: none;
	padding-left:0;
	padding:0 5px 0px 0;
	margin:0;	
	/*text-decoration:underline;*/
	
}

#navlist li a,
#navlist li a:link,
#navlist li a:hover,
#navlist li a:visited {
	color:#FFFFFF;
	font-weight:normal;
}

#navlist li a:hover {
	color:#999999;
}

/*--------------------MAIN LINK STATES----------------------*/
a {
	font-weight:bold;
	color:#FFFF00;
	text-decoration:underline;
}

a:link {
	font-weight:bold;
	color:##FFFF00;
	text-decoration:underline;
}

a:visited {
	font-weight:bold;
	color:#FFFF00;
	text-decoration:underline;
}

a:hover {
	font-weight:bold;
	color:#FFCC00;
	text-decoration:underline;
	
}

a:active {
	font-weight:bold;
	color:##FFFF00;
	text-decoration:underline;
}

.bigLink {
	font-size:18px;
}

p#awesometown {
	width:250px;
	height:30px;
	text-align:right;
	padding:0 30px 0 0;
}

/*-------------------AWESOMETOWN LINK-------------------------*/

p#awesometown a {
	color:#FFFFFF;
}

p#awesometown a:hover {
	color:#999999;
}