body {
	margin: 0;
	padding: 0;
	background: #fff url(../images/bk.gif);
}

body,td,th,input,select,textarea {
	line-height: 22px;
	font-family: "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
	font-size: 90%;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
}

a img {
	border: none;
}

ul {
	margin: 0;
}

.highlight {
	background: #ffffcc;
}

.border {
	border-top: 1px dotted #aaa;
	margin-top: 15px;
	padding-top: 15px;
}

h2, h3, h4{
margin: 0;
}

h1 {
	margin: 0;
	padding-bottom: 18px;
	color:#d00a0a;
	font-style:italic;
	font-size:20px;
}

p.red {
	color:#d00a0a;
}

h1.theme {
	font-size: 20px;
	color: #3a89c9;
	line-height: 20px;
	margin: 0;
	padding: 0 0 20px 0;
	font-weight: normal;
}
h2.theme {
	font-size: 15px;
	color: #666;
	font-weight: bold;
	line-height: 20px;
	padding-left: 10px;
}

h3.theme {
	font-size: 16px;
	color: #888;
	font-weight: normal;
}

ul.theme {
	font-size:11px;
	color: #000;
	padding-left: 15px;
	line-height: 20px;
}

hr {
	height: 0px;
	background-color: #fff;
	border: 0;
	padding: 0;
	border-top: 1px #aaa;
	overflow: hidden;
}

p.gallerypalette{
width: 125px;
height: 50px;
margin-left: 10px;
background: transparent url(palette.gif) top left no-repeat
}

p.gallerypalette a{
display: block;
float: left;
width: 16px;
height: 16px;
margin: 7px 3px 0 6px;
}

/* ######### Top Section ######### */

#head {
/*	background: #0270ba; */
	color: #fff;
	padding: 0;
	font-size: 11px;
/*	padding-bottom: 3px; */
}

#head-inner {
	background-image:url(../images/header.jpg);
	width: 900px;
	margin: 0 auto;
	overflow: hidden;
	padding: 0px 0px 0px 0px;
	height: 105px;
}

#head-menuBlock {
	width: 900px;
	margin: 0 auto;
	overflow: hidden;
	/*	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #CCC;*/
	line-height: 10px;
	background-image:url(../images/footer.jpg);
/*	height: 168px; */
}

#bannerdiv{
width: 490px;
float: right;
text-align: center;
}

#bannerdiv a{
color: white;
}

/* ######### BODY Wrapper ######### */

#entire{
clear: left;
	width: 100%;
	margin: 0 auto;
	padding: 0;
}

.content{
	width: 900px;
	margin: 0 auto;
	padding: 0px 11px 20px 0px;
}

.content .feature-list{
	margin: 0;
	padding: 0;
	list-style: none;
	font-size: 11px;
}

.content .feature-list li{
	padding: 2px 0px 2px 14px;
	border-top: 1px solid #dbd5c5;
	background: url(../imagefiles/arrow.gif) no-repeat;
	background-position: 0px 7px;
}

.bgmain {background: url(../imagefiles/bg_main.gif) repeat-y; overflow: visible}
.bgsub {background: url(../imagefiles/bg_sub_main.gif) repeat-y; overflow: visible}

.content a{
text-decoration: none;
}

.content a:link, .content a:visited{
	color: #003569;
}

.content a:hover{
color: green;
}

/* ######### Column 1 of 3 ######### 
Controls side "suckertree1" menu css*/

.content-menu {
	float: left;
	width: 112px;
	position: relative;
	background: #867d4d url(../images/menuLeftNav.jpg) no-repeat;
	height: 435px;
	z-index: 100;
}

.content-menu ul{
	width: 112px;
	margin: 0 auto;
	padding: 0;
	list-style-type:none;
	border-bottom: 0px solid #FFF;
	line-height: 20px;
	font-size: 12px;
}

.content-menu ul li{
	position:relative;
}

.content-menu ul li ul{
	position:absolute;
	width: 140px;
	top: 0;
	visibility:hidden;
}

.content-menu ul li a{
	display: block;
	overflow:auto;
	color: #FFF;
	text-decoration:none;
	background:#867d4d;
	padding: 2px 6px 2px 6px;
	border: 0px solid #CCC;
	border-bottom: 0;
}


.content-menu ul li ul a{
	color:#000;
	background:#FFF;
	border:1px solid black;
	border-width: 0 1px;
	border-bottom: 1px solid black;
/*	font-weight:bold;*/
}

/*.content-menu li a{
float: left;
color: white;
padding: 6px 6px 6px 6px;
text-decoration: none;
}*/

.content-menu li a:visited{

}

.content-menu li a:hover, .solidblockmenu li .current{
color: white;
background: black;
}

/*###########################*/


.content-one {
	float: left;
	width: 581px;
	position: relative;
	margin-top: 15px;
	margin-left: 25px;
	z-index:0;
	line-height: 20px;
	padding-top: 3px;
	background-color: #FFF;
}

.content-inset {
	float: left;
	width: 581px;
	position: relative;
	margin-top: 15px;
	z-index:0;
	line-height: 20px;
	padding-top: 3px;
	background-color: #FFF;
}

.content-inset1 {
	float: left;
	width: 581px;
	position: relative;
	margin-top: 10px;
	z-index:0;
	line-height: 19px;
	padding-top: 5px;
	background-color: #FFF;
}

.resourcelist{
margin: 0;
padding: 0;
margin-bottom: 1.2em;
list-style-type: none;
}

.resourcelist li{
border-bottom: 0 dashed gray;
}

.resourcelist li a{
background: white url(../imagefiles/sm_page.gif) no-repeat center left;
padding-left: 15px;
}

/* ######### Column 2 of 3 ######### */

.content-two {
	float: left;
	width: 165px;
	padding: 0;
	margin-top: 0px;
	margin-left: 15px;
	padding-left: 0px;
	position: relative;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #CCC;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #CCC;
	padding-top: 15px;
	line-height: 16px;
}

.content-two p {
	padding-left:15px;
	padding-right:15px;
}

/* ######### Column 3 of 3 ######### */

.content-three {
	float: left;
	width: 185px;
	padding: 0;
	margin-left: 10px;
	margin-top: 20px;
	padding-left: 13px;
	position: relative;
}

.normallist{
margin-left: 0;
padding-left: 18px;
font-size: 13px;
}

.normallist li{
margin-bottom: 5px;
}

.normallist a:hover{
text-decoration: underline;
}

.group1{
text-align: center;
margin-top: 1em;
}

.group1 img{ /*micro banner ad*/
border: 0;
}

.content-two .group1{ /*corresponding text ad*/
border-bottom: 1px solid #d3d3d3;
padding-bottom: 5px;
}

.content-four {
	float: left;
	width: 165px;
	padding: 0;
	margin-top: 0px;
	margin-left: 15px;
	padding-left: 0px;
	position: relative;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #CCC;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #CCC;
	padding-top: 15px;
}

.content-four p {
	padding-left:15px;
	font-size:11px;
	padding-right:15px;
	line-height:14px;
}


/* ######### Column 1 of 2 ######### */

.content-sub {
	float: left;
	width: 632px;
	padding: 0;
	position: relative;
}

.sub_column-left {
	float:left;
	padding-top: 20px;
	padding-left:35px;
}

.sub_column-left1 {
	float:left;
	padding-top: 20px;
}

.sub_column-left2 {
	float:left;
	padding-top: 30px;
	padding-left:20px;
}

.sub_column-left3 {
	float:left;
	padding-top: 0px;
	padding-left:20px;
/*	width:325px;*/
	width:250px;
	line-height:24pt;
}

.sub_column-left4 {
	float:left;
	padding-top: 0px;
	padding-left:20px;
	width:250px;
}

.sub_column-left4 ul {
	font-size:10px;
	margin-left: 0;
	padding-top: 20px;
	padding-left: 40px;
	text-indent: -1em;
}

.sub_column-left5 {
	float:left;
	padding-top: 15px;
	padding-left:20px;
	width:250px;
}

.sub_column-left6 {
	float:left;
	padding-top: 15px;
	padding-left:20px;
	border:1px;
}

.sub_column-left7 {
	float:left;
	padding-top: 0px;
	padding-left:20px;
	width:340px;
}

.sub_column-right {
	float:right;
	padding-top: 20px;
	padding-right:35px;
}

.sub_column-right1 {
	font-size:10px;
	float:right;
	padding-top: 20px;
	width:430px;
}

.sub_column-right2 {
	float:right;
	padding-top: 20px;
}

.sub_column-right3 {
	float:right;
	padding-top: 0px;
	padding-right:20px;
	/*	width:330px;*/
	width:250px;
	line-height:24pt;
	color:#025B97;
}

.sub_column-right4 {
	float:right;
	padding-top: 0px;
	padding-right:10px;
	padding-left:10px;
	width:270px;
}

.sub_column-right4 ul {
	font-size:10px;
	margin-left: 0;
	padding-top: 20px;
	padding-left: 40px;
	text-indent: -1em;
}

.sub_column-right5 {
	float:right;
	padding-top: 15px;
	padding-right:10px;
	padding-left:10px;
	width:270px;
}

.sub_column-right7 {
	float:right;
	padding-top: 0px;
	padding-right:10px;
	padding-left:10px;
	width:180px;
}

.sub_column-left-gray {
	float:left;
	padding-top: 0px;
	padding-left: 0px;
	width:250px;
	line-height:24pt;
	height: 150px;
	/*clear: inherit;*/
}

.sub_column-right-gray {
	float:right;
	background-color:#ECECEC;
	padding-top: 18px;
	padding-bottom: 0px;
	padding-left: 20px;
	padding-right:20px;
	width:291px;
	height: 132px;
	line-height:10pt;
}

/* ######### Pre Footer Area ######### */

#pre-foot {
	margin: 0;
	overflow: hidden;
	background: #1f1f1f;
}

#pre-foot a:link {color: white;}
#pre-foot a:visited {color: white;}
#pre-foot a:hover {color: white;}

#pre-foot-inner {
	width: 840px;
	margin: 0 auto;
	padding: 30px 11px 30px 10px;
}
.bgfoot {background: url(../imagefiles/bg_foot.gif) repeat-y;}
.bgsubfoot {background: url(../imagefiles/bg_sub_foot.gif) repeat-y;}


.bullet a:link, a:visited {
	text-decoration: none;
	/*font-size: 90%;*/
}
.bullet a:hover {
	text-decoration: underline;
}

.bullet {
	font-weight:bold;
	color: #093;
}

.bullet li {
	padding: 2px 0 2px 20px;
	border-bottom: 1px dotted #3f3f3f;
	background: url(../imagefiles/bullet.gif) no-repeat;
	background-position: 0px 7px;
}

/* ######### Footer ######### */

#foot {
	margin: 0;
	overflow: hidden;
	font-size: 10px;
	line-height: 20px;
	color: #999;
}

#foot a:link {color: #999; text-decoration: none;}
#foot a:visited {color: #888; text-decoration: none;}
#foot a:hover {color: #888;}

#foot-inner {
	width: 900px;
	margin: 0px auto;
	padding: 3px 0px 15px 0px;
	text-align:center;
	background-image: url(../images/footer.jpg);
}


/* ######### Gallery, News, and Comment boxes ######### */

.box-gallery {
	float: left;
	width: 184px;
	margin-bottom: 8px;
	font-size: 12px;
	position: relative;
	z-index: 1;
}

.box-gallery a{
text-decoration: underline;
}

.box-gallery img {
	float: left;
	border: 1px solid #ccc;
	padding: 4px;
	margin-bottom: 4px;
	background: #fff;
}
.box-gallery i {
	font-size: 10px;
	color: #777;
	font-style: normal;
}

.box-news {
	width: 100%;
	border: 1px solid #ccc;
	margin-bottom: 12px;
	background: #fff;
	padding: 0;
	font: normal 12px Verdana;
}

.box-news h2{
padding: 1px 8px 8px 8px;
font-size: 13px;
font-weight: bold;
}

.box-news P {
	padding: 0 8px 8px 8px;
	margin: 0;
	text-align: left;
	line-height: 17px;
}


.box-news .base, .box-news .basecomment {
	padding: 5px;
	margin: 0;
	margin-top: 10px;
	font: normal 11px Arial;
	color: #777;
	background: #e9f2f9;
}

.box-news .basecomment{
font-size: 12px;
/*
padding-left: 20px;
background-image: url(../imagefiles/sm_page.gif);
background-repeat: no-repeat;
background-position: 5px 8px;
*/
}

.box-news .basecomment .count{
color: black;
margin-right: 3px;
}

.box-news .basecomment a{
text-decoration: underline;
color: gray;
}

.box-recom {
	float: left;
	width: 185px;
	margin-bottom: 15px;
}

.box-login {
	float: left;
	width: 185px;
	border: 1px solid #ccc;
	margin-bottom: 10px;
}

.rss-float {
	position: absolute;
	right: 0;
	top: 0;
}

.box-score{
	font-weight: bold;
	color:#C00;
	text-decoration:none;
}

.box-score a{
	font-weight: bold;
	color:#C00;
	text-decoration:none;
}

/* ######### Menu Design Container ######### */

.menuheader{
border-bottom: 1px solid gray;
font-size: 100%;
margin-top: 1em;
}

.menudate{
text-align:right; font:normal 11px Verdana; margin:3px 0 1.5em 0;
}

.menubox{
float: left;
font-size: 13px;
width: 302px;
margin-bottom: 25px;
}

.menubox img{
border: 1px dashed gray;
}

.menubox img:hover{
border-color: red;
}


/* ######### Forum Table ######### */

#forumtable {
	padding: 0;
	margin: 0;
}
#forumtable th {
	text-align: left;
	color: #3a89c9;
	background: #1f1f1f;
}
#forumtable td {
	text-align: left;
	border-top: 1px dotted #3f3f3f;
	padding: 2px 4px;
	color: #CCFFEC;
}
#forumtable a{
	text-decoration: none;
}
#forumtable a:hover{
	text-decoration: underline
}
#forumtable .tableone {
	width: 70%;
}
#forumtable .tabletwo {
	width: 30%;
}

/* ######### Form CSS ######### */

.cssform {
	margin: 0;
	padding: 0;
}

.cssform input, .cssform textarea{
	padding: 3px;
	border: 1px solid #ccc;
	background: #f1f1f1;
	font-size: 12px;
}

.cssform textarea{
width: 98%;
height: 120px;
}

/* ######### Site Footer ######### */

#bottombar{ /*bottom bar containing partner links*/
clear: left;
font: normal 11px Arial;
text-align: center;
background: #1f1f1f;
}

#bottombar a{
margin-right: 5px;
text-decoration: none;
color: #F0F0F0;
}

#bottombar a:link {color: #F0F0F0;}
#bottombar a:visited {color: #F0F0F0; text-decoration: none;}
#bottombar a:hover {color: #F0F0F0;}


/* ######### Sort box ######### */

#sortbox{
	font-size: 11px;
	line-height: 13px;
}

#sortbox a{
font-weight: bold;
text-decoration: none;
margin-right: 5px;
}

#sortbox a:hover{
color: red;
}

#sortbox  a#selected{
cursor: default;
text-decoration: none;
color: #888;
}

#sortbox #selected:hover{
color: #888;
}


/* ######### Top Menu ######### */

.solidblockmenu{
	/*	border-top: 3px solid silver; */
	margin: 0;
	padding: 0;
    font-size: 77%;
    font-weight: bold;
	/*	width: 100%; */
	overflow: hidden;
	/*	border-width: 1px 0; */
	background: #d00a0a url(../images/menuSpacer.jpg) no-repeat;
}
/* Set top sub-menu setting here */
.solidblockmenubot{
	float: left;
	width: 130px;
/*	border-top: 3px solid silver; */
	margin: 0; 
	padding: 0;
    font-size: 77%;
/*  font-weight: bold;
	width: 100%; */
/*	border-width: 1px 0; */
	background: #000 url(../images/menuSpacer.jpg) no-repeat;
}

.solidblockmenu ul{
	width: 676px;
	margin: 0px auto;
	padding: 0px;
}

.solidblockmenu li{
display: inline;
}

.solidblockmenu li a{
float: left;
color: white;
padding: 6px 10px;
text-decoration: none;
border-right: 0px solid #D1D1D1;
}

.solidblockmenu li a:visited{
color: white;
}

.solidblockmenu li a:hover, .solidblockmenu li .current{
color: white;
background: black;
}

/* ######### Pagination Links ######### */


.pagination{
	/*text-align: right; Set to "right" to right align pagination interface*/
	clear: both;
	font: 10px Verdana;
	line-height: 14px;
	margin-top: 0px;
	margin-right: 0;
	margin-bottom: 0px;
	margin-left: 0;
	padding-top: 15px;
	padding-right: 20px;
	padding-bottom: 10px;
	padding-left: 365px;
}

.pagination a, .pagination a:visited{
padding: 1px 5px;
padding-bottom: 2px;
border: 1px solid #9aafe5;
text-decoration: none !important; 
color: #2e6ab1;
background-color: #F0F0F0;
}

.pagination a:hover, .pagination a:active{
border-color: #2b66a5;
color: #000;
background-color: #FFFF80;
}

.pagination2{
	/*Set to "left" to right align pagination interface*/
	clear: both;
	font: 10px Verdana;
	line-height: 20px;
	margin-top: 0px;
	margin-right: 0;
	margin-bottom: 20px;
	margin-left: 0;
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 10px;
	height: 110px;
	/*padding-left: 370px;*/
}

.pagination2 a, .pagination2 a:visited{
padding: 1px 5px;
padding-bottom: 2px;
border: 1px solid #9aafe5;
text-decoration: none !important; 
color: #2e6ab1;
background-color: #F0F0F0;
}

.pagination2 a:hover, .pagination2 a:active{
border-color: #2b66a5;
color: #000;
background-color: #FFFF80;
}

.pagination2 ul{
	margin-left: 0;
	padding-top: 20px;
	padding-left: 40px;
	
}

.pagination2 h3{
	font:14px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
	padding-left:25px;
	line-height: 0px;
}

.pagination3{
	/*Set to "left" to right align pagination interface*/
	clear: both;
	font: 12px Verdana;
	line-height: 20px;
	margin-top: 0px;
	margin-right: 0;
	margin-bottom: 20px;
	margin-left: 0;
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 10px;
	height: 300px;
	/*padding-left: 370px;*/
}

.pagination3 ul{
	margin-left: 0;
	padding-top: 20px;
	padding-left: 40px;
	
}

.pagination3 h3{
	font:14px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
	padding-left:25px;
	line-height: 0px;
}

.pagination4{
	/*text-align: right; Set to "right" to right align pagination interface*/
	clear: both;
	font: 10px Verdana;
	line-height: 14px;
	margin-top: 0px;
	margin-right: 0;
	margin-bottom: 0px;
	margin-left: 0;
	padding-top: 30px;
	padding-right: 15px;
	padding-bottom: 10px;
	padding-left: 300px;
}

.pagination5{
	/*text-align: right; Set to "right" to right align pagination interface*/
	clear: both;
	font: 10px Verdana;
	line-height: 14px;
	margin-top: 25px;
	padding-left: 10px;
}



.codeblock{
border: 1px solid gray;
background-color: #ededed;
padding: 10px !important;
margin-bottom: 1em !important;

}

/* ######### Thumbs Up ######### */


.finger{
cursor: pointer;
}

.thumbsdiv{
margin-top: 6px;
}

/*.thumbsdiv img{
filter:progid:DXImageTransform.Microsoft.alpha(opacity=100);
-moz-opacity: 1;
}*/

/* ######### Formatting Buttons ######### */

.buttonMode {
font-family: Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif;
font-size: 10px;
color: #73769D;
background-color: transparent;
white-space: nowrap;
}

.htmlButtonOuter, .htmlButtonOuterL {
background-color: #f6f6f6;
padding: 0;
border-top: #333 1px solid;
border-right: #333 1px solid;
border-bottom: #333 1px solid;
}
.htmlButtonOuterL {
border-left: #333 1px solid;
}
.htmlButtonInner {
background-color: transparent;
text-align: center;
padding: 0 3px 0 3px;
border-left: #fff 1px solid;
border-top: #fff 1px solid;
border-right: #ccc 1px solid;
border-bottom: #ccc 1px solid;
}
.htmlButtonOff {
font-family: Verdana, Arial, Trebuchet MS, Tahoma, Sans-serif;
font-size: 11px;
font-weight: bold;
padding: 1px 2px 2px 2px;
white-space: nowrap;
}
.htmlButtonOff a:link {
color: #000;
text-decoration: none;
white-space: nowrap;
}
.htmlButtonOff a:visited {
text-decoration: none;
}
.htmlButtonOff a:active {
text-decoration: none;
color: #999;
}
.htmlButtonOff a:hover {
background-color: #fff;
text-decoration: none;
color: #999;
}
.htmlButtonOn {
font-family: Verdana, Arial, Trebuchet MS, Tahoma, Verdana, Sans-serif;
font-size: 11px;
font-weight: bold;
background: #f6f6f6;
padding: 1px 2px 2px 2px;
white-space: nowrap;
}
.htmlButtonOn a:link {
color: #990000;
text-decoration: none;
white-space: nowrap;
}
.htmlButtonOn a:visited {
text-decoration: none;
}
.htmlButtonOn a:active {
text-decoration: none;
color: #999;
}
.htmlButtonOn a:hover {
background-color: #fff;
color: #999;
text-decoration: none;
}

blockquote{
	padding-left: 50px;
	font-weight: bold;
	padding:0;
}

blockquote p{
	padding:0;
	margin:0;
}

.bio {
	font-size: 7pt;
	color:#666;
	font-weight: normal;
	padding-bottom:10px;
}

sup {
	font-size: 0.7em;
	top: -0.3em;
	}

div.pic {
	margin: 0 auto;
	float:left;
	text-align:left;
	height: 170px;
	width: 140px;
	padding: 15px;
	margin: 0 auto;
	border: 1px solid;
}
  
div.pic img {border: 1px solid;}

div.pt img {height: 100px; width: 86px; margin: 0 20px;}

div.pic ul {}

li.name {list-style: none; text-align: left;
font-weight:bold}

li.title {list-style: none; text-align: left;}

/******************************/
/******************************/
/**   Project Page Styles    **/
/******************************/
/******************************/

.sO { /*sO = Stand Out for red stars on project pages*/
     color:#D00A0A;
}

img.EngStar {
     position:absolute;
     margin-top:-50px;
     margin-left:310px;
}