* 
{
    margin:0;
    /*padding:0*/
}

/*p{margin-bottom:1em}*/

/* mac hide \*/
html, body {height:100%}
/* end hide */


body 
{
	color: #000000;
	background-image:url(../images/mainbg.gif);
	background-repeat:repeat;
	color: white;
	font-family:Arial, Verdana;
	font-size:90%;
}

H1
{
    color:#CC0000;
    font-size:180%;
}

H2
{
    color:yellow;
    font-size:110%;
}

H3
{
    color:orange;
    font-size:110%;
    padding-bottom:20px;
}

/*
'''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''' 
    SET UP
'''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''' */
#outer
{
	min-height:100%;
	margin-left:300px;
	/*border-left:1px solid #000;*/
	margin-bottom:-52px;
	color: #000000;
}

* html #outer{	height:100%} /*IE treats height as min-height anyway*/

.outerwrap 
{
    float: left;
    width: 100%;
    position:relative;
}

/*
'''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''' 
    HEADER
''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''*/
#header
{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:142px;
	background-image:url(../images/headerbg.gif);
	border-bottom:1px solid white;
	overflow:hidden;/* fixed height so hide overflow*/
	color: #000000;	
}

#header TABLE
{
    height:114px;
}

#logo
{
    position:absolute;
    left:30px;
    top:20px;
}

#title
{
    position:absolute;
    right:30px;
    top:15px;
}

.logo
{
    padding-left:30px;
    padding-top:5px;
}

.title
{
    text-align:right;
    padding-right:30px;
    padding-top:10px;
}

#contact
{
    position:absolute;
    right:30px;
    top:118px;
}

#contact a, #contact a:visited, #contact a:active
{
    color:White;
    text-decoration:underline;
    font-weight:bold;
}

#contact a:hover
{
    text-decoration:none;
}

/*
'''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''' 
    LEFT MENU
'''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''' */
#left
{
	float: left;
	position: relative; /* Needed for IE/win */
	width:300px;  /*same as margin on outer */  
	margin-left: -299px; /*must be 1px less than width otherwise won't push footer down */   
	left:-1px;/* line it up exactly*/
	padding-top:195px;/* space for header*/
	/*margin-bottom: 50px;  needed to make room for footer */
	text-align:left;
	/*border:solid 2px yellow; */
}

#left 
{
    /* 3 px jog for ie (also fixes mozilla issue with float drop)*/
    margin-right: -3px;
}
    
#left p 
{
    padding-left:3px;
    padding-right:2px
}

#left A, #left A:Active, #left A:Visited
{
    color:white;
    font-size:120%;
    text-decoration:none;
}

#left A:Hover
{
    text-decoration:none;
    color:#C8160B;
}

#left UL
{
    margin-left:0px;
    padding-left:60px;
}

#left LI
{
    list-style:square;
    color:#C8160B;
    margin-bottom:25px;
}

/*
'''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''' 
    MAIN
'''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''' */

#centrecontent 
{
	float:right;
	width:100%;
	position:relative;
	padding-top:195px;/* space for header*/
	color:White;
    text-align:justify;
    line-height:25px;
    font-size:90%;
    padding-top:29px;
    margin-top:165px;
}

#centrecontent p
{
    margin-top:10px;
    margin-bottom:10px;
}

#centrecontent TABLE
{
    margin-right:32px;
}

#centrecontent A, #centrecontent A:Active, #centrecontent A:Visited
{
    color:yellow;
    font-size:100%;
}

#centrecontent A:Hover
{
    text-decoration:none;
}

.mainimages
{
    padding-left:50px; 
    padding-right:50px; 
    /*padding-bottom:20px;*/
}

.red
{
    color:#C8160B;
    font-size:120%;
}

#centrecontent UL
{
    margin-left:0px;
    padding-left:40px;
}

#centrecontent LI
{
    color:white;
}

.small
{
    font-size:8pt;
}

.largetext
{
    color:White;
    font-size:160%;
}
    
/*
'''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''' 
    FOOTER
''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''*/
#footer 
{
	width:100%;
	clear:both;
	height: 30px;
	color: #000000;
	text-align:center;
	position:relative;
	background-image:url(../images/footerbg.gif);
    font-size:90%;
    text-align:center;
    border-top:solid 1px white;
    bottom: -21px;
}

#footerleft
{
    margin-left: 20px;
    margin-top: 6px;
    float: left;
    color: white;
}

#footerright
{
    margin-right: 20px;
    margin-top: 6px;
    float: right;
    color: white;
}

#footer A, #footer A:Visited, #footer A:Active
{
    color:White;
    text-decoration:underline;
}

#footer A:Hover
{
    color:#FEFDCE;
}
    
* html #footer 
{
    /*only ie gets this style*/
	\height:52px;/* for ie5 */
	he\ight:50px;/* for ie6 */
}

#clearfooter
{
    /*needed to make room for footer*/
    clear:both;
    height:52px;
}