/*
-----------------------------------------------------------------------------
STRUCTURE & GENERAL TEXT STYLES
-----------------------------------------------------------------------------*/
body, html { margin: 0; padding: 0; }
body {
	font: normal 90%/1.5em Georgia, "Times New Roman", Times, serif;
	background: #2d382c url(_img/bg_page.gif) repeat-y 0 0;
}

a:link, a:visited { text-decoration: underline; }
a:hover, a:focus { text-decoration: none; }

h1 { font: bold 200%/1em  Arial, Helvetica, sans-serif; color: #2d382c; padding: 20px 0 0 0; margin: 0; }
h2 { font: bold 125%/1em  Arial, Helvetica, sans-serif; color: #333; padding: 0; margin: 0; }
h3 { font: bold 100%/1em  Arial, Helvetica, sans-serif; color: #666; padding: 0; margin: 0; }

ul { list-style-type: square; }

img { border: none; }

.invis { display: none;}

hr { border-top: 1px dotted #000; border-bottom: none; border-right: none; border-left: none; height: 1px; padding: 0 0 5px 0; margin: 10px 0; }

#header { width: 100%; height: 100px; background: transparent url(_img/bg_header.gif) repeat-x 0 0; }

#title { float: left; width: 100%;  height: 70px; background: transparent url(_img/title.gif) no-repeat 0 0; }

#nav { float: left; width: 700px; height: 30px; list-style-type: none; margin: 0; padding: 0; }
	#nav li { float: right; margin: 0 ; padding: 3px 10px 0 0; }
	#nav li a, #nav li a:visited { padding: 5px; margin: 0; color: #000; font-family: Arial, Helvetica, sans-serif; font-size: 10pt; text-decoration: none; background: none; }
	#nav li a:hover { padding: 5px; margin: 0; color: #000; font-family: Arial, Helvetica, sans-serif; font-size: 10pt; text-decoration: none; background: #ccc; }


#col1 { width: 430px; margin: 20px 0 0 0; padding: 0 0 0 50px; float: left; }
#col2 { width: 160px; margin: 20px 0 0 20px; padding: 0 10px; float: left; 
		font: normal 90%/1em Arial, Helvetica, sans-serif; color: #2d382c; }
		
/*
-----------------------------------------------------------------------------
MISC COMPONENTS
-----------------------------------------------------------------------------*/

#video { background: transparent url(_img/loading.gif) no-repeat center center; width: 450px; height: 338px; }

.photo-right { float: right; padding: 10px 0 10px 10px; }
.photo-left { float: left; padding: 10px 10px 0 10px; }

	.photo-right a, .photo-left a { text-decoration: none; }

/*
-----------------------------------------------------------------------------
TABLE SETUP
-----------------------------------------------------------------------------*/

table {
	width: 100%;
	margin-top: 10px;
	border-top: 1px solid #999;
	border-left: 1px solid #999; }

th { 
	padding: 4px;
	border-bottom: 1px solid #999;
	border-right: 1px solid #999;
	background-color: #ccc;
	font: bold 90%/1em  Arial, Helvetica, sans-serif;
	text-transform: uppercase; }

td { 
	padding: 4px;
	border-bottom: 1px solid #999;
	border-right: 1px solid #999;
	font: normal 90%/1em  Arial, Helvetica, sans-serif; }

/*
-----------------------------------------------------------------------------
CLEAR FLOATS
-----------------------------------------------------------------------------*/
.clear { clear: both; height: 1%; margin: 0; padding: 0; }

/*
-----------------------------------------------------------------------------
CLEAR "FIX" for ACCOUNTABILITY
-----------------------------------------------------------------------------*/

.clear-fix:after {
    content: ".";                /* the period is placed on the page as the last thing before the div closes */
	display: block;             /* inline elements don't respond to the clear property */ 
    height: 0;                 /* ensure the period is not visible */
    clear: both;              /* make the container clear the period */
    visibility: hidden;	     /* further ensures the period is not visible */
}

* html .clear-fix {   
	height: 1%;      /* fix for Guillotine bug in IE6 */
}

.clear-fix {
	display: block;
}