body {
	margin: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-image: url(../img/site/body_background.gif);
	color: #333333;
}
body a{
	color: #333333;
}
h1 {
	color:#020177;
	font-weight:bold;
	font-size:18px;
}
h2 {
	color:#020177;
	font-weight:bold;
	font-size:16px;
}
#container {
	width: 880px;
	margin: 0px auto 10px auto;
	background-image: url(../img/site/content_background.gif);
	background-position: left;
	background-repeat: repeat-y;
}

#header {

}

#leftnav {
	float: left;
	width: 170px;
	margin: 0px;
	padding: 0px;
}

#content {
/*	margin: 10px 10px 10px 180px; */
	margin: 10px;
	margin-left: 0px;
	float: right;
	width: 690px;
}

#footer {
	clear: both;
	margin: 0px;
	padding: 10px 0px 10px 0px;
	color: #FFFFFF;
	background-color: #020177;
	text-align: center;
	height:30px;
}
#footer a{

	color: #FFFFFF;
	text-decoration: none;
}

#indextable td{
	border: 1px solid #020177;
	text-align: center;
	color: #FFFFFF;
	font-size:11px;
}
.blueback{
	background-color: #020177;
	padding-top: 5px;
	padding-bottom: 5px;
}
.grayback{
	height:135px;
	background-image: url(../img/site/index_back_gray.jpg); 
	background-position: top; 
	background-repeat: no-repeat;
	font-size:16px;
	color:#020177;
}
#indextable a{
	color: #FFFFFF;
	text-decoration: none;
}
.buttons {
	list-style: none;
	padding: 0px;
	margin: 10px;
	width:157px;
}

.buttons li{
	margin:0px;
	height:23px;
	color:#FFFFFF;
	margin-bottom:3px;
}
.buttons li a{
	color:#FFFFFF;
	text-decoration: none;
	background-image: url(../img/site/button_background.gif);
	line-height:23px;
	padding-left:5px;
	width:152px;
	height:23px;
	font-size: 11px;
	display: block;
	background-position: top;
	background-repeat: no-repeat;
	text-align: left;
}

div.imagelist div {
	text-align: center;
	float:left; 
	width: 120px; 
	height: 170px;
	background: #eee;
	border-right: 1px solid white;
	border-bottom: 1px solid white;
}

tr.odd td {
	border-bottom: 3px solid pink;
}

tr.imagerow td {
	border-bottom: 1px solid black;
}

ul.files {
	padding: 0; margin: 0;
	background: #4A4A4A;
	display: block;
	width: 300px;
	height: 475px;
	overflow: auto;
	line-height: normal;
	border: 1px solid #222;
}

.files li {
	list-style: none;
	padding: 0; margin: 0;
	font-size: 0;
}

.files li a {
	font-size: 11px;
	display: block;
	background-color: #EEE;
	color: #333;
	margin: 1px;
	padding: 3px;
	text-align: left;
	text-decoration: none;
	font-weight: bold;
	margin-top: 0px;
}
#commentBox {
	position:relative;
	display:block;
	border-bottom:1px solid #CCC;
	margin-top:5px;
	margin-bottom:5px;
}
#commentBoxHead {
	display:block;
	padding-top:3px;
	padding-bottom:3px;
	padding-left:10px;
	padding-right:10px;
}
#commentBoxBody {
	display:block;
	padding-top:5px;
	padding-bottom:10px;
	padding-left:10px;
	padding-right:10px;
}
#commentBoxReply {
	display:block;
	padding-top:10px;
	padding-bottom:10px;
	padding-left:10px;
	padding-right:10px;
	background-color:#CCCCCC;
	margin-bottom:10px;
	margin-top:10px;
	width:90%;
	margin-left:auto;
	margin-right:auto;
	border-left:thin #666666 solid;
	border-right:thin #666666 solid;
}
.commentAdd {
	color:#000066;
	font-weight:bold;
	text-decoration:none;
}
.commentAdd a{
	color:#000066;
	font-weight:bold;
	text-decoration:none;
}
.commentAdd a:hover{
	color:#000066;
	font-weight:bold;
	text-decoration:underline;
}
.commentReply {
	color:#999;
	text-decoration:none;
}
.commentReply a{
	color:#999;
	text-decoration:none;
	padding:5px;
}
.commentReply a:hover{
	text-decoration:underline;
}
.commentReply a:visited{
	text-decoration:none;
}


/*---------- bubble tooltip -----------*/
a.tt{
    position:relative;
    z-index:55;
    color:#3CA3FF;
    text-decoration:none;
}
a.tt span{ display: none; }

/*background:; ie hack, something must be changed in a for ie to execute it*/
a.tt:hover{ z-index:88; color: #aaaaff; background:;}
a.tt:hover span.tooltip{
    display:block;
    position:absolute;
    top:0px; left:15;
	padding-left:15px;
	padding-top:7px;
	width:400px;
	color: #000000;
    text-align: left;
	filter: alpha(opacity:98);
	KHTMLOpacity: 0.98;
	MozOpacity: 0.98;
	opacity: 0.98;
}
a.tt:hover span.top{
	display: block;
	padding: 30px 8px 0;
    background: url(../img/bubble.gif) no-repeat top;
	font-weight:bold;
}
a.tt:hover span.middle{ /* different middle bg for stretch */
	display: block;
	padding: 0 8px; 
	background: url(../img/bubble_filler.gif) repeat bottom; 
}
a.tt:hover span.bottom{
	display: block;
	padding:3px 8px 10px;
	color: #00CCFF;
	background: url(../img/bubble.gif) no-repeat bottom;
}

.page_navigation { 
	width: 167px; text-align: right; margin-right: 1px; top:4px; float:right;
} 
.page_navigation a { 
	font: 0.9166em "Lucida Grande", Tahoma, Arial; display: inline; border: 1px solid #999 !important; border-top: 1px solid #ccc !important; border-bottom: 1px solid #ccc !important; padding: 3px 4px;
} 
.bottom_navigation a{ 
	padding: 7px 8px; background-color:#66A3BF; color:#000000;
} 
.page_navigation a:hover { 
	background-color: #000; color: #fff;
} 
.style1 {color: #FFFFFF}