@charset "utf-8";
/*
---------------------------------------------
| 															|
| 	1. External Includes					|
| 	2. General Style Rules					|
| 		2.1 Headings						|
| 		2.2 Lists							|
| 		2.3 Links							|
| 		2.4 Images                          |
| 		2.5 Tables	                        |
|		2.6 iframe   						|		
| 											|
| 	3. General Layout Rules					|
| 											|
| 	4. MastHead								|
| 		4.1 Logo							|
| 		4.2 Primary Navigation				|
| 		4.3	Banner							|
| 											|
| 	5. Page Content							|
| 		5.1 Primary Content					|
| 		5.2 Secondary Content				|
|			5.2.1	Secondary Navigation	|
| 											|
| 	6. Footer								|
| 											|
| 	7. Misc Rules							|
| 		7.1 Clearing						|
| 											|
---------------------------------------------
*/

/* 1. External Includes 
============================================================ */
/* Tripoli Typography Stylesheet and CSS Reset */
@import url('tripoli.simple.css');
/* 2. General Style Rules	
============================================================ */
/*  2.1 Headings	*/
	#content-holder h1 {background:#fff url(../images/heading-bottom-border.jpg) no-repeat left bottom;}
	#content-holder h2 {background:#fff url(../images/heading-bottom-border.jpg) no-repeat -25px bottom;}
	#content-holder h3 {background:#fff url(../images/heading-bottom-border.jpg) no-repeat -50px bottom;}
/*	2.2 Lists		*/
/* 	2.3 Links		*/
a {text-decoration:none;}
a:link{color:#313131;} a:visited{color:#313131;} a:hover{color:#313131;} a:active{color:#313131;}
/*	2.4 Images		*/
#content-holder img { border:3px solid #757170; margin:5px;}
/*	2.5 Tables */
table, tbody, tr, td { border:none; margin:0; padding:0; }
/*	2.6 iframe */
iframe{border:3px solid #757170;}
/* 3. General Layout Rules
============================================================ */
body {color:#313131; background:#fff url(../images/bg-top.jpg) repeat-x left top;}
#container { 
	position:relative; margin:0 auto; width:950px;	
	height:auto !important; height:100%; min-height:100%;
	overflow:hidden;
}
/* 4. MastHead
============================================================ */
#masthead { overflow:hidden; font-size:1.2em; padding-top:10px;}
	#masthead address {text-align:right; margin:6px 0 8px 0; float:right; font-size:1.6em; font-style:italic;}
		#masthead address p { padding:2px 0;}
	#masthead #imgwrapper { width:30%; float:left; overflow:hidden; padding:5px 0 0 20px;}
		#masthead img {float:left;}	
	#masthead #imgwrapper h1{float:left; width:130px; color:#605957; font-size:1.4em; text-align:center; padding-top:20px; font-weight:normal;}	
		#masthead ul {
			list-style: none; padding:10px 30px 0 0; margin:0 0 40px 0;
			float: right; clear:right;
			width: 600px; font-size: 1.4em;
		}
		#masthead ul li {
			float: left;			
			position: relative; 			
			z-index:100;
			padding-bottom:2px;
		}
		#masthead ul li a{
			display: block;
			text-decoration: none;
			padding: 0 7px 4px 7px;
			float: left;
			border-bottom:1px solid #313131;
		}
		#masthead li a:hover + li ul { border:none;}
		#masthead ul li a:hover, #masthead ul li.menu-current a {			
			border-bottom:4px solid #313131; padding-bottom:1px;	
		}
		#masthead ul li span { /*--Drop down trigger styles--*/			
			float: left;
		}
		#masthead ul li span.subhover {background-position: center bottom; cursor: pointer;} 
		#masthead ul li ul {
			list-style: none;
			position: absolute;  z-index:100;
			left: 0; top: 25px;
			margin: 0; padding: 0;
			display: none;
			float: left;
			width: 166px;
			border:none;
			background: url(../images/navi-back.png);
			font-size:0.7em;
		}
		#masthead ul li ul li{
			margin: 0; padding: 0;			
			clear: both;
			width: 100%;
		}
               #masthead ul li ul li span { border:none; }
		html #masthead ul li ul li a, #masthead ul li.menu-current ul li a {
			float: left;
			width: 155px;			
			padding:3px 0 3px 10px;
			color:#fff;
			font-size:1em;			
			border:none;
		}
		html #masthead ul li ul li a:hover { /*--Hover effect for subnav links--*/
			background: #222;
			border-bottom:none;
			padding:3px 0 3px 10px;
			font-size:1em;
		}
		html #masthead  ul ul ul { display:none;}
		#banner { z-index:10; }
	#banner { width:890px; height:370px; margin:0 auto; clear:both; overflow:hidden; }
		#banner img {border:5px solid #757170; }
/* 5. Page Content		
============================================================ */
#content-holder {padding:0 1.7%;}
	#content-holder h1, #content-holder h2, #content-holder h3 {font-style:italic; font-family:"Times New Roman", Times, serif; letter-spacing:2px; padding:0 0 2px 2px;}

	#main-content{float:left; width:70%; background:url(../images/edge.jpg) no-repeat left top; padding:0 1%; }
	#secondary-content{float:right; width:25%; overflow:hidden; background:url(../images/edge.jpg) no-repeat right top; padding:0 1%;}		
		#secondary-content ul {margin:0;}
			#secondary-content li {list-style:none; padding:2px 5px;}
				#secondary-content ul a{ color:#cfcfcf; }
	#secondary-content #offer-box { background:#313131; color:#fff; margin:10px; padding:0 5px; font-size:1.2em; text-align:center;}
		#secondary-content #offer-box * { padding:5px 0; margin:5px 0;  }
		#secondary-content #offer-box h5 {font-weight:normal;}
		#secondary-content #offer-box h6 {font-weight:normal;}
/* 6. Footer		
============================================================ */
#footer{ height:5em; border-top:1px solid #74706F; background:#000;}
/* 7. Misc Rules		
============================================================ */
.times {font-family:"Times New Roman", Times, serif; letter-spacing:2px;}
.clear-left {clear:left;} .clear-right{clear:right;} .clear-both{clear:both;} 
.left {float:left;} .right{float:right;} .both{float:both;} 
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}