@charset "utf-8";

html {
	background:#eeeeee;
}

body  {
	background-repeat:no-repeat;
	background:url(../images/layout/background.jpg) repeat-x;
	position:relative;
	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:13px 0 0 0;
} 

#header {
	background:url(../images/layout/header.png) no-repeat;
	width:993px;
	height:322px;
	margin:0 auto 0 auto;
	padding: 0 0 0 0;
}

#headerBar {
	background:url(../images/layout/header-bar.png) repeat-x;
	background-position:bottom;
	width:100%;
	height:322px;
	padding-top:30px;
}

#starburst {
	background:url(../images/layout/starburst.png) no-repeat;
	position:relative;
	top:125px;
	left:745px;
	width:212px;
	height:154px;
	z-index:3;
}

#starburst a {
	background:url(../images/layout/starburst.png) no-repeat;
	background-position: center 0;
	position:relative;
	top:125px;
	left:745px;
	width:212px;
	height:154px;
	display:block;
	z-index:3;
}

#starburst a:hover {
	background:url(../images/layout/starburst.png) no-repeat;
	background-position: center -154px;
	position:relative;
	top:125px;
	left:745px;
	width:212px;
	height:154px;
	z-index:3;
}

#sidebar {
	position:absolute;
	right:0;
	width: 217px;
	height:100%;
	padding:0 0 0 16px;
	margin:0;
}

.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%;
}

.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:15px 0 15px 0;
	line-height:1.25em;
	color:#c4161c;
}

#mainContent h2 {
	font-size:24px;
	padding-left:18px;
}

h3 {
	font-size:18px;
	padding:5px 0 5px 18px;
	margin-top:7px;
}

#mainContent p {
	margin:0;
	padding:0 40px 14px 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;
}

#headerColumnContainer {
	width:950px;
	height:144px;
	margin:0 auto;
}

#headerColumnA {
	float:left;
	width:650px;
}

#headerColumnB {
	width:200px;
	height:144px;
	float:left;
}

#logo {
	background:url(../images/layout/logo.png) no-repeat;
	width:310px;
	height:77px;
	margin:0px 0 0 50px;
}

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

#navMain {
	position:relative;
	background:url(../images/layout/nav_main/nav-bar.png) repeat-x;
	margin:0 auto;
	padding:0;
	width:100%;
	height:46px;
	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:41px;
}

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

li a {
	background-position:center 0;	
}

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

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

#firstPipe {
	margin-left:2px;
}

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

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

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

li#button4 a {
	background-image:url(../images/layout/nav_main/button4.png);
	width:83px;	
}


li#button5 a {
	background-image:url(../images/layout/nav_main/button5.png);
	width:77px;	
}


li#button6 a {
	background-image:url(../images/layout/nav_main/button6.png);
	width:97px;	
}


li#button7 a {
	background-image:url(../images/layout/nav_main/button7.png);
	width:175px;	
}

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

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

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

.sectionContainerMiddle a:link {
	color:#fff;
}

.sectionContainerMiddle a:hover {
	color:#CCFFFF;
}

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

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

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

.footerBar {
	background:url(../images/layout/footer-bar.jpg) no-repeat;
	width:968px;
	height:16px;
	margin:25px auto 0 auto;
}

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

#footerInfo ul,
#footerInfo p {
	padding:0 0 5px 14px;
	margin:0 0 7px 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:#8a8a8a;
	font-weight:normal;
}

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

#footerSwirl {
	background:url(../images/layout/footer-swirl.png) no-repeat;
	background-position:center;
	width:100%;
	height:144px;
	margin:0 auto;
}


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

a:link {
	font-weight:bold;
	color:#c4161c;
	text-decoration:none;
}

a:visited {
	font-weight:bold;
	/*color:#551a8b;*/
	color:#c4161c;
	text-decoration:none;
}

a:hover {
	font-weight:bold;
	color:#ff5c62;
	text-decoration:none;
	
}

a:active {
	font-weight:bold;
	color:#c4161c;
	text-decoration:none;
}

.bigLink {
	font-size:18px;
}