@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	*/
/*	2.2 Lists		*/
/* 	2.3 Links		*/
a {text-decoration:none;}
a:link{} a:visited{} a:hover{ color:#B9B9B9; } a:active{}
/*	2.4 Images		*/
/*	2.5 Tables */
table, tbody, tr, td { border:none; margin:0; padding:0; }
/*	2.6 iframe */
iframe{ border:4px solid #000; padding:2px; }
/* 3. General Layout Rules
============================================================ */
body { background:url(../images/background-tile.jpg) repeat-x left top; }
#container { 
	position:relative; margin:0 auto; width:950px;	
	height:auto !important; height:100%; min-height:100%;
}
/* 4. MastHead
============================================================ */
#masthead { overflow:hidden; font-size:1.2em; background:url(../images/masthead-bg.jpg) no-repeat left 30px;}
	#masthead address { color:#fff; text-align:right; margin:6px 0 8px 0;}
		#masthead address strong { color:#B9B9B9; font-weight:normal;}
	#masthead #imgwrapper { width:100%; overflow:hidden; padding-left:20px;}
		#masthead img { float:left; }	
	#masthead ul { overflow:hidden; float:right; padding:0 20px 5px 0;}
		#masthead ul li {float:left; }
			#masthead li a {
			   display: block; padding:5px 5px 0 5px; float:left;
			   text-align:center; color:#fff;
			}
			#masthead li a:hover {color:#B9B9B9;}
	#banner { padding:7px; width:900px; height:273px; margin:0 auto; 
		background:#fff; 
		clear:both; overflow:hidden; }
/* 5. Page Content		
============================================================ */
#content-holder { padding:0 1.7%; }
	#main-content{float:left; width:70%; background:url(../images/edge.jpg) no-repeat left top; padding:0 1%;}	
		#main-content #gallery-pager a.selected{ background:#fff; color:#000;}
		#main-content table h3 { margin-top:0; padding-top:0;}
	#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 .selected, #secondary-content a:hover { color:#000; }
/* 6. Footer		
============================================================ */
#footer{ height:5em; }
/* 7. Misc Rules		
============================================================ */
.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;
}