/*CSS DOCUMENT*/

html, body {margin:0; padding:0; height:100%;font: normal 100%/150% tahoma, verdana, arial, helvetica, sans-serif; letter-spacing: 1px;}

h1 {font-size: 1.75em; line-height: 1.8em;}
h2 {font-size: 1.2em; line-height: 1.1em;}
h3 {font-size: 1.05em; line-height: 1.1em;}
h4 {font-size: 0.95em; line-height: 1em;}
h5 {font-size: 0.85em; line-height: 0.9em;}
h6 {font-size: 0.75em; line-height: 0.8em;}
img {border: 0;                                 /*fixes firefox bug */
display: inline;}                               /*fixes IE bug */
div,p  {margin-top:0}/*clear top margin for mozilla*/
/***************************************************************************/
/**************************** MAIN ELEMENTS ********************************/

body {
	padding:0;
	margin:0;
	text-align:center;
	min-width:760px;/* for mozilla*/
	background-color: #000000;
	background-image: url(images/bg.gif);
	background-repeat: repeat-x;
	color: #FFFFFF;
	overflow-x:hidden;
}

#container{
	letter-spacing:2px;
	min-height:100%;
	width:760px;
	color: #000000;
	margin:auto;
	position:relative;
	background: url(images/containerbg.gif) repeat-y;
}
* html #container{height:99.9%;} /*For ie as treats height as min-height anyway - also addreeses rounding bug at bottom of screen in IE*/

#header{
background:#ffffff;
color: #000;
min-height:240px;
background-image:url(images/header2.gif);background-repeat:no-repeat;
position:relative;
}
* html #header{height:240px}


#content {
margin:0;padding:0;
margin-left:138px;
text-align:left;
color:white;
padding: 20px;
width:320px;
background-image: url(images/contentbg.gif);
background-repeat: no-repeat;
}
* html #content {
height:1%;margin-bottom:12px; /* combat IE's 3 pixel jog */
margin-left:137px;
margin-top:-260px;
}
#content p{
font-size:80%;
line-height:1.2em;
}

/***************************************************************************/
/**************************** LEFT ELEMENTS ********************************/
/***************************************************************************/
/***************************************************************************/



#leftnav {
position:relative;/*ie needs this to show float */
width:137px;/* same as the left margin on #content*/
float:left;
background-image:url(images/leftnav.gif);
background-repeat:no-repeat;
min-height:205px;
text-align:right;
}
#leftnav p {
padding: .5em;
font-size:70%;
line-height:1.2em;
text-align:right;
}
#leftnav .title{
font-size:110%;
line-height:1.2em;
text-align:right;
border-top:1px solid #000066;
border-bottom:1px solid #000066;
}
#leftnav img {
padding-right:15px;
}
#leftnav .caption {
text-align:left;
font-size:9px;
line-height:1em;
letter-spacing:1px;
border-bottom:1px dotted #ad832f;
}
#leftnav ul {
list-style-type:none;
margin-left:-150px;
margin-right:10px;
}
#navlist li {
display: block;/* for IE5 and IE6 */
font-size:70%;
text-align:right;
padding: 1em;
margin:1em;
padding:.2em;
background-color:black;
color:#e0bc6c;
}
#navlist li a {
text-align:right;
padding:.5em .5em .5em 150px;
color:#e0bc6c;
}
#navlist li a:hover {
text-align:right;
background-color:#000066;
color: white;
}
#navlist p a {
font-size:10px;
}



/***************************************************************************/
/***************************************************************************/
/******************* RIGHT ELEMENTS ********************************************************/
/***************************************************************************/
/***************************************************************************/


#rightnav {
position:relative;/*ie needs this to show float */
width:260px;/* same as right margin on #outer*/
float:right;
background-image:url(images/rightnav.gif);
background-repeat:no-repeat;
min-height:200px;
}
#rightnav p {
padding: .5em;
font-size:70%;
line-height:1.2em;
text-align:right;
}
#rightnav .title{
font-size:110%;
line-height:1.2em;
text-align:right;
border-top:1px solid #000066;
border-bottom:1px solid #000066;
margin-top:15px;
}
#rightnav a {
color:#000066;
}
#rightnav a:hover{
background-color:#000066;
color:white;
}
#rightnav .sitethumb {
display:block;

margin:auto;
}
#rightnav .caption {
text-align:left;
line-height:1em;
padding:15px 20px;
font-size:10px;
border-bottom: 1px #4d3414 dotted;
}
#rightnav ul {
margin:0;padding:0;
list-style-type:none;
position:absolute;
margin-top:-10px;
margin-left:25px;
}
#rightnav li {
display:inline;
}
#rightnav li a{
font-size:9px;
color:#000066;
padding:2px;
background-color:#e0bc6c;
}
#rightnav li a:hover{
background-color:#000066;
color:#e0bc6c;
}


/***************************************************************************/
/***************************************************************************/
/******************* FOOTER ********************************************************/
/***************************************************************************/



#footer {
display:inline;
width:760px;
clear:both;
height:50px;
background: url(images/footerbg.png) repeat-x;
color: #000000;
text-align:left;
left:0;
bottom:0;
position: absolute;
font-size:70%;
}
* html #footer {/*only ie gets this style*/
\height:52px;/* for ie5 */
he\ight:50px;/* for ie6 */
margin-bottom:-1px;
}
#footer p{
padding-top:1.5em;
padding-left:1.5em;
}
#footer img .right {
text-align:right;
}
#clearfooter {width:100%;height:52px;clear:both} /* to clear footer */



/***************************************************************************/
/***************************************************************************/
/************************ DECORATIONS ***************************************************/
/***************************************************************************/
/***************************************************************************/


#navribbon{
position:absolute;
top:210px; left:0px;
height: 30px; width:100%;
background-image: url(images/navribbon.gif);
background-repeat: repeat-x;
}

#topcornerleft {
position:absolute;
top:0;left:0;
height:80px;width:80px;
background-image: url(images/topcornerleft2.gif);
background-repeat: no-repeat;
}
#topcornerright {
position:absolute;
top:0;right:-1px;
height:80px;width:80px;
background-image: url(images/topcornerright2.gif);
background-repeat: no-repeat;
}
#leftcolumn {
position:absolute;
top:70px;left:-45px;
height:470px;width:45px;
background-image:url(images/leftcolumn.gif);
}
#rightcolumn {
position:absolute;
top:70px;left:760px;
height:470px;width:45px;
background-image:url(images/rightcolumn.gif);
}