* {margin:0; padding:0;}

body { 
	font: 12px Tahoma, Verdana, Arial, Helvetica, sans-serif; 
	background: #472F2F;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #5F5F5F;
}

p{ margin-bottom:10px; }

a {color: #9E1213; text-decoration:none; }
a:visited {color:#9E1213; text-decoration:none; }
a:hover {color: #9E1213; text-decoration:none; }
a:active { color:#9E1213; text-decoration:none; }

img{ border:none; }

ul{margin-left:15px;}
ol{margin-left:20px;}

h1{ color:#9E1213; font-size: 22px; padding:10px 0; font-family: Helvetica, sans-serif; }
h2{ color:#5F5F5F; font-size: 20px; padding:10px 0; font-family: Helvetica, sans-serif; }
h3{ color:#5F5F5F; font-size: 13px; padding:10px 0 5px 0; margin-bottom:10px; font-weight:normal; border-bottom: 1px solid #DEDFE1; }
h4{ color:#5F5F5F; font-size: 13px; padding:10px 0 5px 0; margin-bottom:10px; font-weight:normal; border-bottom: 1px solid #DEDFE1; }
h5{ color:#5F5F5F; font-size: 13px; padding:10px 0 5px 0; margin-bottom:10px; font-weight:normal; border-bottom: 1px solid #DEDFE1; }

.quote{ font-weight:bold; color: #9E1213; font: 13px Arial bold;}
.small{ font-size:11px; line-height:130%; }
.red{ color:#9E1213; }
.searchbox{ margin:10px 0; padding:5px 0; border-top: 1px solid #DEDFE1; border-bottom: 1px solid #DEDFE1;}
.formfield{ border: 1px solid #CCCCCC; padding:3px; font: 11px Tahoma, Verdana, Arial, Helvetica, sans-serif; color: #5F5F5F; }
.contact-details{ float:right; margin:12px 12px 12px 0; font-size:11px; line-height:130%; }
.contact-icon{ margin-left:5px; }

#container { 
	width: 900px; 
	background: #FFFFFF;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */
	margin-top:15px; 
}
#header { color: #9F9F9F; background: #FFFFFF; height:74px;}
#left { float: left; width: 180px; padding: 20px 0 0 20px; }
#right { float: right; width: 180px; padding: 20px 20px 0 0;}
#content { background-color: #ffffff; padding: 20px 20px 20px 20px; margin-left: 200px; margin-right: 200px;}
div#content { min-height:500px; height:expression(this.scrollHeight > 500 ? "auto":"500px"); }
#footer { height:76px; color: #7F7F7F; background:#DEDFE1; font-size:11px; line-height:180%; clear:both;}
#footer-text { width:400px; float:left; padding: 10px 20px;  }

.panel{ border: 1px solid #DEDFE1; margin-bottom:20px; padding:10px; line-height:140%; display:block;}
.panel-title { margin:0; font-size:10px; padding:4px 0 0 16px; background: #DEDFE1 url("images/panel_title_arrow.gif") no-repeat; height:16px; }

.panel-image{ border: 1px solid #DEDFE1; margin-top:10px; display:block; }
.panel-image-title{ margin:0; font-size:10px; padding:1px 0 1px 16px; border: 1px solid #DEDFE1; border-top: 1px solid #FFFFFF; background: #FFFFFF url("images/panel_image_title_arrow.gif") no-repeat; height:16px; }

#navlist{ margin-left: 5px; padding-left: 0; list-style: none;}
#navlist li{ margin:4px 0; padding-left: 12px; background-image: url(images/arrow.gif); background-repeat: no-repeat; background-position: 0 .5em;}
#navlist li a{ color:#5F5F5F; }
#navlist li a:hover{ color:#9E1213; }
#navlist li a:active{ color:#5F5F5F; }
#current{ font-weight:bold; }
li#active{ margin:4px 0; padding-left: 12px; background-image: url(images/arrow_red.gif); background-repeat: no-repeat; background-position: 0 .5em;}
li#active a{ color:#9E1213; }

#subnavlist { margin-left: 5px; padding-left: 0; list-style: none;}
#subnavlist li{ margin:0; padding-left: 12px; background:none; font-size:11px; color:#9E1213;}
#subnavlist li a{ color:#9E1213; }
#subnavlist li a:hover{ color:#9E1213; }
#subnavlist li a:active{ color:#9E1213; }
#subcurrent{ font-weight:bold; }

#subsubnavlist { margin-left: 5px; padding-left: 0; list-style: none;}
#subsubnavlist li{ margin:0; padding-left: 12px; background:none; font-size:11px; color:#9E1213;}
#subsubnavlist li a{ color:#5F5F5F; }
#subsubnavlist li a:hover{ color:#9E1213; }
#subsubnavlist li a:active{ color:#9E1213; }
#subsubcurrent{ font-weight:bold; }

/* icon styles */

.icon{
	background-repeat: no-repeat;
	padding-bottom: 10px;
	padding-left: 23px;
	
}

.icon.access{background-image: url('../../fileicons/access.gif');}
.icon.audio{background-image: url('../../fileicons/audio.gif');}
.icon.mp3{background-image: url('../../fileicons/audio.gif');}
.icon.binary{background-image: url('../../fileicons/binary.gif');}
.icon.chm{background-image: url('../../fileicons/chm.gif');}
.icon.doc{background-image: url('../../fileicons/doc.gif');}
.icon.dvi{background-image: url('../../fileicons/dvi.gif');}
.icon.htm{background-image: url('../../fileicons/htm.gif');}
.icon.image{background-image: url('../../fileicons/image.gif');}
.icon.js{background-image: url('../../fileicons/js.gif');}
.icon.oo-calc{background-image: url('../../fileicons/oo-calc.gif');}
.icon.oo-draw{background-image: url('../../fileicons/oo-draw.gif');}
.icon.oo-impress{background-image: url('../../fileicons/oo-impress.gif');}
.icon.oo-write{background-image: url('../../fileicons/oo-write.gif');}
.icon.pdf{background-image: url('../../fileicons/pdf.gif');}
.icon.php{background-image: url('../../fileicons/php.gif');}
.icon.ppt, .icon.ms-powerpoint {background-image: url('../../fileicons/ppt.gif');}
.icon.project{background-image: url('../../fileicons/project.gif');}
.icon.ps{background-image: url('../../fileicons/ps.gif');}
.icon.rtf{background-image: url('../../fileicons/rtf.gif');}
.icon.txt{background-image: url('../../fileicons/txt.gif');}
.icon.video{background-image: url('../../fileicons/video.gif');}
.icon.visio{background-image: url('../../fileicons/visio.gif');}
.icon.xls{background-image: url('../../fileicons/xls.gif');}
.icon.xml{background-image: url('../../fileicons/xml.gif');}
.icon.zip{background-image: url('../../fileicons/zip.gif');}