* {margin:0; padding:0;}

body { 
	font: 11px Tahoma, Verdana, Arial, Helvetica, sans-serif; 
	background: #A4C6EB url("images/bg.jpg") repeat-x;
	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: #000;
}

textarea{ font: 11px Tahoma, Verdana, Arial, Helvetica, sans-serif; }

p{ margin:10px 0; line-height:160%; }

a {color: #4D8DBB; text-decoration:none; }
a:visited {color:#4D8DBB; text-decoration:none; }
a:hover {color: #4D8DBB; text-decoration:none; }
a:active { color:#4D8DBB; text-decoration:none; }

h1,h2,h3,h4,h5,h6{ color:#555D6D; font-family: Tahoma, Arial, sans-serif; font-weight:normal;}
h1{ font-size: 20px; margin-bottom:5px; }
h2{ font-size: 18px; }
h3{ font-size: 16px; }
h4,h5,h6{ font-size: 14px; }

hr{ height:1px; color:#CFCFCF; margin:25px 0; border:none; border-top:2px solid #A7C3DF; }
ul{margin:10px 0 10px 20px;}
ol{margin:10px 0 10px 20px;}

/* ==== Text styles ==== */ 

.blue{ color:#4D8DBB; }

/* ==== Conatainers ==== */

#container { 
	width: 724px; 
	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. */
}

#header{ height:165px; }

#main-holder{ background: #A4C6EB url("images/main_bg.jpg") repeat-x 0 -60px; }

#main-navigation{ width:714px; height:45px; margin: 0 6px 0 4px; padding:0; /* border-bottom:10px solid #FFF; */}
#main-navigation ul{padding:0; margin:0;}
#main-nav-drop{ width:714px; height:24px; background: url("images/nav_drop_bg.jpg") repeat-x;  margin: 0 6px 0 4px; padding:0;}

#main{ width:714px; margin: 0 6px 0 4px; }
div#main { min-height:480px; height:expression(this.scrollHeight > 480 ? "auto":"480px"); }

#left-col{ width: 492px; float:left; }
#right-col{ width: 182px; float:right;}

#advert{ height:142px; width:479px; padding:6px; background: url("images/banner_bg.jpg") no-repeat; }

#left-holder{ background: url("images/left_bg.jpg") repeat-y top left; width:492px; float:left; }
#left{ width:440px; padding:25px 30px 30px 27px; background: url("images/left_top_bg.jpg") no-repeat top left; float:left; /* padding:17px 25px; */ }
div#left { min-height:150px; height:expression(this.scrollHeight > 150 ? "auto":"150px"); }
#left-footer{ background: url("images/left_bottom_bg.jpg") no-repeat bottom left; float:left; width:492px; height:4px; }

#right-holder{ background: url("images/right_bg.jpg") repeat-y top left; width:222px; float:right; }
#right{ width:182px; padding:20px; background-color:#FFF; background: url("images/right_top_bg.jpg") no-repeat top left; float:right; }
div#right { min-height:50px; height:expression(this.scrollHeight > 100 ? "auto":"100px"); }
#right-footer{ background: url("images/right_bottom_bg.jpg") no-repeat bottom right; float:right; width:222px; height:4px; }

#footer{ height:35px; padding:15px 15px 0 15px; }

.footer-text-left{float:left;}
.footer-text-right{float:right;}

.clearer{ clear:both; height:1px; overflow:hidden; }

/* ========== SIDE NAVIGATION =========== */

#side-nav{
  list-style:none;
  margin:0;
  padding:0;
}

#side-nav li{
  border-top:1px solid #CFCFCF;
  padding:4px;
}

/* ========== NAVIGATION TABS =========== */

#main-nav{
	overflow:hidden; /* wrap floats */
	height:45px; /* trips haslayout, wrap floats IE */
	list-style:none;
	background:url(images/articles/menu.png) 0 0 repeat-x;
	/*font:bold 16px/45px sans-serif;*/
	line-height:45px;
}

#main-nav li {
	display:inline;
}

#main-nav a {
	float:left;
	position:relative;
	padding-left:18px;
	padding-right:8px;
	padding-top:7px;
	margin-right:10px;
	text-decoration:none;
	color:#000;
	background: url(images/articles/menu.png) 0 -45px no-repeat;
}

#main-nav a span {
	position:absolute;
	top:0;
	left:100%;
	width:10px;
	height:45px;
	background:url(images/articles/menu.png) -502px -45px no-repeat;
}

#main-nav .current a, #main-nav .current a:hover {
	color:#000;
	background-position:0 -135px;
}

#main-nav .current a span, #main-nav .current a:hover span {
	background-position:-502px -135px;
}

#main-nav a:active,
#main-nav a:focus,
#main-nav a:hover {
	background-position:0 -90px;
}

#main-nav a:active span,
#main-nav a:focus span,
#main-nav a:hover span {
	background-position:-502px -90px;
}

/* icon styles to support the files code above */

.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');}