/* a fix for IE6 only - see Star Hack in Stylin' with CSS to see how the comments and * html hide this hack from other browsers \*/

* html * {zoom:100%; /* triggers IE6 "haslayout" */ }
/* 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 Verdana, Geneva, sans-serif; /* 1em = 16pts */ }

.float_left {float:left; margin: 0 20px .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 20px;} /* apply this class to any image or element with width  - text will wrap it to the left */

/* CLASS:umetro TAG STYLES */
body.umetro {background-color: #fff;} 
#main_wrapper {background-color:#fff;}
#rightcolumn {background-color:#000;} 
#content {background-color:#fff;}
#footer {background-color: #fff;}

/* CLASS:umetro TEXT COLORS */
h1 {color:#000;}
h2, h3, h4 {color:#000;}
h5, h6 {color:#000;}
p {color:#000;}
#rightcolumn p {color:#fff;}
a {color:#030;}
a:hover {color:#060; text-decoration:none;}  


#footer {
	font-size:.7em;
}

#footer p, #footer a {
	font-family: verdana, arial, sans-serif; 
	color:#fff;
}

.anchor {
	font-size:.8em; 
	font-weight:bold; 
	color:#030;
	text-align:right;
}

.photo {
	text-align:center;
}

.photo img {
		padding-bottom: 10px;
}

.bold {font-weight:bold;}
.it {font-style:italic;}
.itbold {font-style:italic; font-weight:bold;}
.ittiny {font-style:italic; font-size:.7em;}
.tiny {font-size:.7em;}
.small {font-size:.8em;}
.big {font-size:1.25em;}
.boldbig {font-weight:bold; font-size:1.4em;}
.reg {
	font-family:verdana, arial, helvetica, sans-serif;
	font-size:.6em;
	vertical-align:text-top;
}

#recaptcha_widget_div {margin:0 0 1em 12px;}

#content .warning {font-family:verdana, helvetica, sans-serif; font-size:.7em; color:#F00; font-weight:bold}

.terms p, .terms ul {font-size:.8em; margin-left:.75em;}
.terms p {line-height:1.25; margin-bottom:.75em;}
.terms ul { margin-bottom:1em;}
.terms li {margin-left:1em;}

ul.sitemap {list-style-type:none;}
ul.sitemap li {line-height:1.25em; font-weight:bold;}


/* DEFAULT TAG STYLES - font sizes, margins, padding, etc. */
/* NOTE: text colors follow below */


p, ul, ol, dl {font-family: arial, helvetica, sans-serif;}
h1, h2, h3, h4, h5, h6 {font-family: arial, helvetica, sans-serif;} 

#footer p {margin:0;}
#content ul {font-size: .8em;}
#content ul li {margin-bottom:.75em;}


/* FONT SIZES */
h1 {font-size:1.5em; /* 24pt */ letter-spacing:.02em; word-spacing: .05em; padding:0 0 10px 0;}
h2 {font-size:1.375em; /* 22pt */ line-height:1.25; padding:0 0 10px 0;}
h3 {font-size:1.25em; /* 18pt */ line-height:1.25; padding:0 0 6px 0;}
h4 {font-size:1.125em; /* 18pt */ letter-spacing:.02em; font-weight: normal; word-spacing: .05em; margin-bottom:.75em;}
h5 {font-size:1em; /* 16pt */}
h6 {font-size:.875em; /* 14pt */}
p  {font-size:.8em; /* 12pt */ line-height:1.25; /* on 15pt */ margin-bottom:.75em; /* 12pts of space */}
ul a {font-size:inherit}
li ul {font-size:inherit}


/* basic list styling - more-styled lists in list.css */
	
blockquote {margin:0 1em 1em 2em; padding:.3em .5em .3em .5em; font-size:.8em; font-family: arial, helvetica, sans-serif; font-style:italic;}	
blockquote p {margin-bottom:.5em;}
blockquote cite {font-size:.85em; }
abbr, acronym {border-bottom:1px dashed #000; cursor:default; }
address {margin:0 1em .75em 1em;}
img {border:0;}



/* 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 */