/* CSS File */

/**************************************
Main body style
***************************************/
	body {
		margin:0px 10px 0px 10px;
		background: url("/images/bg1.gif");
		font-family : Arial, Verdana, sans-serif;
    	font-size : 10pt;
    	font-style : normal;
    	font-weight : normal;
    	color : #000;
  		}
	
	
	#header {
		border:0px solid #000; 
		background:#fff;
		background: url("/images/bg2.jpg");
		width:780px; 
		
		}
		
	#main {
		border:0px solid #000; 
		background:#fff;
		width:780px;  
		text-align : left;
		}

/* Looks like you have to specify the width of #menu or IE5 Mac stretches it all the way across the div, 
and Opera streches it half way. */

	#main #right {
	float:right;
	width:180px;
	margin:50px 5px 10px 10px;
	border: 2px solid #99FFCC;
	background-color: #99FFCC;
		}
		
	#main #left {
		margin-top: 1em;
		border-left:2px solid #999; 
		border-top:2px solid #999;
		border-right:2px solid #999; 
		border-bottom:2px solid #999;
		float:left;
		width:180px;
		background:#eee;
		margin: 10px 10px 10px 5px;
		}
	
	p,h1,h2,h3,h4,li,hr {
		margin:0px 10px 0px 10px;
		}
		
	h1 {
		font-size : 18pt;
        font-style : normal;
        font-weight : bolder;
        color : #000099;
        text-decoration : none;
		text-align : center;
    	padding-top:10px;
		}
	h2 {
		font-size : 16pt;
        font-style : normal;
        font-weight : bolder;
        color : #FF6600;
        text-decoration : none;
		text-align : left;
    	padding-top:10px;
		}
	
	h3 {
		font-size : 12pt;
        font-style : normal;
        font-weight : bolder;
        color : #000000;
        text-decoration : none;
		text-align : left;
    	padding-top:10px;
		}
	h3.box {
		font-size : 12pt;
        font-style : normal;
        font-weight : bolder;
        color : #000000;
        text-decoration : none;
		text-align : left;
    	padding-top:10px;
		}

	p {
		font-size : 10pt;
        font-style : normal;
        font-weight : normal;
        color : #333333;
        text-decoration : none;
		text-align : left;
    	padding-top:10px;
		}
	p.box {
		font-size : 8pt;
        font-style : normal;
        font-weight : bold;
        color : #000000;
        text-decoration : none;
		text-align : left;
    	padding-top:10px;
		}
		
	#news p { font-size:10px}
	
		
a:link {  color: #FF3300; font-weight : bolder; text-decoration: none}
a:visited {  color: #990000; font-weight: bolder; text-decoration: none}
a:hover {  color: #CC0000; font-weight: bolder; text-decoration: underline}
a:active {  color: #FF0000; font-weight : bolder; text-decoration: none}
	
		
/**************************************
footer content
***************************************/	
		
#footer {
	width:780px;
	border-top-width: 0px;
	border-top-style: solid;
	border-top-color: #99FFCC;
	background-color: #99FFCC;
		}
		

.footer1 {
	font-family : Arial, Verdana, sans-serif;
    font-size : 8pt;
    font-style : normal;
    font-weight : bold;
    color : #000000;
    text-decoration : none;
	text-align: center;
               
}	
.footer2 {
	font-family : Arial, Verdana, sans-serif;
    font-size : 8pt;
    font-style : normal;
    font-weight : bolder;
    color : #fff;
    text-decoration : none;
	text-align: center;
}


/**************************************
Links in the footer section
***************************************/
a.footer1:link {  color: #333333; font-weight : bolder; text-decoration: none; text-align: center;}
a.footer1:visited {  color: #990000; font-weight: bolder; text-decoration: underline}
a.footer1:hover {  color: #CC0000; font-weight: bolder; text-decoration: underline; text-align: center;}

a.footer2:link {  color: #000000; font-weight : bolder; text-decoration: none}
a.footer2:visited {  color: #000000; font-weight: bolder; text-decoration: underline}
a.footer2:hover {  color: #FFFFFF; font-weight: bolder; text-decoration: underline}