﻿/* a fix for IE6 only - Star Hack \*/
* html * {
	zoom:100%; 
/* triggers IE6 "haslayout" - google 'IE6 haslayout' for details*/
	}
/* without the above hack, IE6 does not draw the header until the page is resized */
/* the problem is triggered by the universal * selector below that resets the margins, but I need to do that, hence the hack */
* {
	margin:0;
	padding:0;
	}
body {
	font: 1em Lucida Sans Unicode, Lucida, Arial, sans-serif; /* 1em = 16pts */
}

.float_left {float:left; margin: 0 .3em .3em 0;}      /* apply this class to any image or element with width - text will wrap it to the right */
.float_right {float:right;  margin: 0 0 .3em .3em;} /* apply this class to any image or element with width  - text will wrap it to the left */

/* DEFAULT TAG STYLES - font sizes, margins, padding, etc. */
/* NOTE: text colors follow below */
body { 
background-color:#333333;
}

#main_wrapper {background-color:#8A0000;}
#content, #header {background-color:#8A0000;}
#footer {background-color:#FFFFFF;}


h1, h2, h3, h4, h5, h6, ul, ol, dl {
	/*font-family: 'Trebuchet MS', Verdana,  serif;*/
	font: 1em Lucida Sans Unicode, Lucida, Arial, sans-serif;
} 

/* TEXT COLORS */
h1, p, #nav ul, #nav a, #header, .forgot_pass a {
	color:#FFFFFF;
}

h2, h3, h4, h5 {
	color:#808059;
}

h6 {
	color:#000000;
}

#content p, #nav a:hover {
	color:#000000;
}

ul, ol, dl, blockquote, cite {
	color:#000000;
	font-family: Lucida Sans Unicode, "Trebuchet MS", Verdana, serif;
}

a {
	color:#FFFFFF;
	text-decoration:none;
}

a:hover {
	color:#FFFFFF;
	text-decoration:underline;
}

#footer p {
	margin:0;
}

#content_header, #sidebar_header, #sidebar_header2 {font-size:1em; /* 18pt */
	font-family: "Lucida Sans Unicode", Lucida, Arial, sans;
	color:#333333;
	line-height:1.25;
	text-align:center;
	font-weight:bold;
}	

#content_separator, #sidebar_separator, #sidebar_separator2{

	background-color:#BD2900;
}

#content_header2 {font-size:.95em; /* 18pt */
	font-family: "Lucida Sans Unicode", Lucida, Arial, sans;
	color:#333333;
	line-height:1.25;
	text-align:center;
	font-weight:bold;
}

#content_body p {font-size:.8em; /* 18pt */
	font-family: "Lucida Sans Unicode", Lucida, Arial, sans;
	color:#FFFFFF;
	line-height:1.15;
	margin-bottom:.50em;
	padding-top:5px;
}

	

/* FONT SIZES */
h1 {font-size:1.5em; /* 24pt */
}

h2 {font-size:1.375em; /* 22pt */
	line-height:1.25;
	padding:.5em 0 0 0;	
}

h3, #navlist {font-size:1.125em; /* 18pt */
	line-height:1.25;
	padding-top:10px;
}

h4 {font-size:1.125em; /* 18pt */
}

h5 {font-size:1em; /* 16pt */

}

h6{font-size:.875em; /* 14pt */
}

p, #header_right  {
	font-size:.8em; /* 12pt */
	line-height:1.25; /* on 15pt */
	margin-bottom:.25em; /* 12pts of space */}


	
/* basic list styling - more-styled lists in list.css */
table, form {
	color:#666666;}
ul, dl, ol {
		margin:0 1em .75em 1em; /* lists without specific classes */
		font-size:.8em;
		line-height:1.5;}
li, dd {
		padding:0em 0; /* lists without specific classes */
		margin:0em;}
		
		
#footer_ul li, #footer_ul, #super_header_ul, #super_header_ul li
{
display: inline;
list-style-type: none;
color: #FFFFFF;
font-size:.875em;
line-height:14px;
margin: 0;
padding: 0;
}

#footer_ul li , #footer_ul , #footer_ul li a , #footer_ul a, #footer_left p{
color: #000000;
}

#main_features_ul li, #main_features_ul 
{
display: block;
list-style-type: none;
color: #FFFFFF;
font-size:1em;

margin: 12px 0 0 0;

}


#nav ul, #nav dl, #nav ol {
		margin:.5em 1em .75em 1em; /* lists without specific classes */
}

#nav li {
	list-style-type:none;
	margin-left:0
}

dt {font-weight:bold;}
code {font-size:1.25em;}
* html code {font-size:1.1em;} /* default size is smaller in IE */

img {
	border:0;}

/* basic table styling  - more-styled tables in tables.css */
table caption {
	font-weight:bold;
	font-size:1em;
	margin-top:.6em;
}

table {
	margin: .3em 1em 1em 1em;
	border-collapse:collapse;
	font-size:.8em;
}

table th	{
	padding: .3em .5em .3em .5em;
}

table td	{
	padding: 0em .5em 0em .5em;
}
	
/* THE ALSETT CLEARING METHOD */
.clearfix:after {
 	content: “ ”;
 	display: block; 
 	height: 0;
 	clear: both;
 	visibility: hidden;}
.clearfix {display: inline-table;}
/* backslash hack hides from IE mac \*/ LEAVE THIS COMMENT RIGHT HERE! 
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* end backslash hack */ 
