@charset "utf-8";
/* CSS Document */
body{background:#000 
url(../images/bg.jpg) top center no-repeat fixed; margin:0;
font:0.8em/1.4em Verdana, Geneva, sans-serif;
}
#tip{position:absolute; background:#000;border: 1px solid #F36F21; color:#fff; padding:0.5em}
.contentpanel{width:245px; height:180px; padding:10px; background:url(../images/panelbg.png); float:right}

#container{margin:auto; width:770px; padding-left:20px; background:#231F20; border-left:1px solid #bbb;  border-right:1px solid #bbb; margin-top:-10px }
#header{height:150px; background:url(../images/angelfire-header.jpg)}

#header .contact em{color:#F37022; font-style:normal}
#header .contact{position:relative; top:20px; left:300px; width:450px; text-align:right; color:#fff; font-size:0.7em}
#header .email{color:#fff}

#header .contact .website{font-size:1.8em; color:#F37022}
#header a{text-decoration:none}


#mainnav{background:url('../images/angelfire-mainnav.jpg') -1px 0; height:25px; text-align:right; padding-right:20px; text-transform:uppercase; font-size:0.8em; width:731px; border-right:1px solid #B3B1B2;  border-left:1px solid #B3B1B2}

#mainnav a{text-decoration:none; padding:0.5em}
#mainnav a:link,
#mainnav a:visited
{color:#000}


#mainnav a:hover,
#mainnav a:active
{background:#231F20; color:#fff}


#sidebar{ width:155px; padding-top:10px; float:left
}
#main_content{padding-top:10px;width:580px; padding-left:10px; float:left; color:#fff;}
#breadcrumbs {color:#fff}
#breadcrumbs em{color:#fff; text-decoration:underline; font-style:normal}

#footer{text-align:center;}


#leftnav{margin: 0;width:155px;  
padding-left:0;
width:150px;
font-family: Verdana, sans-serif; font-size:0.87em;
background:url(../images/sq.png) repeat-y;
}
label{display:block; font-weight:bold;}


#leftnav ul, #leftnav li {
	display: block;
	margin: 0;
	padding: 0;
	color: #fff;
	line-height:20px;
	white-space:nowrap
	}

#leftnav a{display:block; padding-left:4px;  width:146px; text-decoration:none;  font-size:0.8em;text-transform:uppercase;}

#leftnav  a:link,
#leftnav  a:visited
{background:url(../images/sidenav-inactive.png) no-repeat top right;color:#fff	}

#leftnav a:hover{background:url(../images/sidenav-active.png) no-repeat top right;color:#000 }

#leftnav li {margin-bottom:2px;}


#leftnav  li ul{margin-top:2px; }

#leftnav  li ul a{padding-left:10px; width:140px}

#leftnav li a:link,
#leftnav li a:visted{color:#fff}


#leftnav li a:active,
#leftnav li a:hover{color:#000}


#box{background:url(../images/angel-fire-maincontent.jpg) #404040 bottom repeat-x; width:751px; border-right:1px solid #B3B1B2; border-left:1px solid #B3B1B2;  border-bottom:1px solid #B3B1B2}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
table{border:1px solid #f90}
td {text-align:center; vertical-align:top}

#main_content {font-size:12px}

#main_content img {border:1px solid #F90; padding:5px; }

#main_content table img {border:1px solid #F90; padding:5px; background:#000}


#footer{color:#fff}
.widecol{width:60%; float:left}
.widecol textarea{width:80%}
a:link,
a:visited{color:#fff}
a:hover,
a:active{color:#F90}

.pgsection{clear:both; padding-bottom:50px; padding-top:10px}

h1,
h2{text-transform:uppercase; font-size:1.5em; font-weight:normal; font-style:italic}