/* Works in IE 7, 6, 5.5, 5.01, Firefox, Safari */
/* Set the minimum width of the screen to 775px so that the menu items don't drop to the next line*/
body {text-align:center; margin:0px; padding:0px; font: 1.0em verdana, arial, sans-serif; min-width:775px; /*perfectly align background image */ background: #424242 url(images/bg.jpg) repeat-y; background-position: 50% 50%;}
/* Remove all padding and margin to start clean */
* {margin:0px; padding:0px;}
p {font-size:.7em; line-height:1.3em; margin-top:10px; color:#000000}
h1{font-size:1.2em; font-weight:normal; text-decoration:none; color:#8C0000; margin-left:20px; margin-right:25px; margin-top:20px;}
h2{font-size:1em; font-weight:normal; text-decoration:none; color:#8C0000; margin-left:20px; margin-right:25px; margin-top:8px;}
li{color:#3C3C3C; font-size: .7em;  margin-top: 10px;}
ul{list-style-type: disc; list-style-position: inside; margin-top: 10px; margin-left: 25px;}
ol{list-style-position: inside; margin-top: 10px; margin-left: 50px;}
sub {vertical-align:sub; font-size:65%; color:#3C3C3C}
sup {vertical-align:30%; font-size:65%; color:#3C3C3C}
.quote {font-size:.75em; line-height:1.5em; margin-left:10px; margin-top:1em; margin-bottom:1.2em; font-style:italic; color:#3C3C3C;}
table{font: .8em verdana, arial, sans-serif; text-align:left;}
td{font: 12px verdana, arial, sans-serif; text-align:left; padding:3px;}
img{border:0px;}

/* Center DIVS in the middle of the page */
div#topcenter {margin:0 auto; padding:0; background: url(images/fade-bg.jpg) repeat-x;}
div#center {width:776px; margin:0 auto; padding:0; background-color: #FFFFFF;}
div#header{height:140px; margin:0; padding:0; background-image: url(images/header-bg.jpg);}

/* MENU CSS START */
/* Don't use margin-top on the menu - adds weird spacing to Firefox, Safari */
	div#menu{height:34px; text-align:left; }
	div#menu ul{text-align:center; margin-left: 4px;}
	div#menu ul li{display:inline;}
	div#menu ul li a{font: arial, verdana, sans-serif; font-size:9px; margin-left:10px; margin-right:10px; color:#000000; text-decoration:none; letter-spacing: 1px;}
	div#menu ul li a:hover{text-decoration: underline;}
/* MENU CSS CLOSE */

/* BGSPLASH CSS START */
	div#background-splash{width:775px; height:173px; margin-top:2px; background-image: url(images/background-home.jpg); background-repeat: no-repeat;}
	div#background-splash p{color:white; margin-top:5px; margin-left:30px; margin-right:140px;}
	div#background-splash h1{color:white;}
/* BGSPLASH CSS CLOSE */

/* Content Begin */
	div#homepage-content{width:775px; text-align:left;}
	div#homepage-content p{margin-left:29px; line-height: 1.5em; margin-right:28px;}
	div#homepage-content ul{margin-right:28px; line-height: 1em; margin-left: 50px;}
/* Content End */

/* Footer Begin */
	div#footer{width:776px; height:80px; text-align:left; margin-top:25px; background-color:gray;}
	div#footer p{margin-left:28px; margin-right:28px; margin-top:10px; color: #FFFFFF;}
	div#footer p a{color: #FFFFFF;}
	div#footer ul{margin-left:28px; margin-right:28px;}
/* Footer End */

/* TransMenu CSS Begin */
	.transMenu {position:absolute;overflow:hidden; left:-1000px; top:-1000px; z-index:10;}
	.transMenu .content {position:absolute; z-index:10;}
	.transMenu .items {position:relative; left:0px; top:0px; z-index:20;}
	.transMenu.top .items {border-top:none;}
	.transMenu .item {color:#000000; font-size:13px; font-weight:normal; font-family:verdana, sans-serif; text-decoration:none; /* hack for mac/ie5*/ border:none; cursor:pointer; padding-left:8px; padding:3px;}
	.transMenu .background {position:absolute; left:0px; top:0px; z-index:10; -moz-opacity:.95;	filter:alpha(opacity=95);}
	.transMenu .shadowRight {position:absolute; z-index:30;	top:3px; width:2px;	-moz-opacity:.4; filter:alpha(opacity=40);}
	.transMenu .shadowBottom {position:absolute; z-index:10; left:3px; height:2px; -moz-opacity:.4; filter:alpha(opacity=40);}
	.transMenu .item.hover {background:#0033CA;	color:#ffffff; font-weight:normal;}
	.transMenu .item img {margin-left:10px;}
/* TransMenu CSS End */

.clearfix: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 */
}

.clearfix {display: inline-block;}   /* a fix for IE Mac */

/* next a fix for the dreaded Guillotine bug in IE6 */
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
/* end of "no-extra-markup" clearing method */