body {
	margin: 0;
	padding: 0;
	background: #fff;
}

body,td,th,input,select,textarea {
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	list-style-image: url(../images/max.gif);
	line-height: 16px;
}

a img {
	border: none;
}

ul {
	margin: 0;
}

.highlight {
	background: #ffffcc;
}

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

h1, h2, h3, h4{
margin: 0;
}

h1.theme2 {
	font-size: 20px;
	color: #003300;
	line-height: 20px;
	margin: 0;
	padding: 0 0 20px 0;
	font-weight: normal;
}

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

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

hr {
	height: 0px;
	background-color: #fff;
	padding: 0;
	overflow: hidden;
	border-top-width: 1px;
	border-right-width: 0;
	border-bottom-width: 0;
	border-left-width: 0;
	border-top-style: solid;
	border-top-color: #aaa;
}

p.gallerypalette{
width: 125px;
height: 50px;
margin-left: 10px;
background: transparent url(../CSS%20Drive-%20Categorized%20CSS%20gallery%20and%20examples_files/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 {
	color: #fff;
	padding: 0;
	font-size: 11px;
	padding-bottom: 3px;
	background-color: #336600;
}

#head-inner {
	width: 840px;
	overflow: hidden;
	height: 112px;
	background-color: #336600;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 22;
	margin-left: auto;
	padding-top: 3px;
	padding-right: 11px;
	padding-bottom: 4;
	padding-left: 10px;
}

#bannerdiv{
	width: 390px;
	float: right;
	text-align: left;
}

#bannerdiv a{
color: white;
}

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

#entire{
	clear: left;
	width: 100%;
	padding: 0;
	height: 100%;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}

.content{
	width: 840px;
	margin: 0 auto;
	padding: 30px 11px 20px 10px;
}

.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{
	text-decoration: none;
	height: 81px;
	width: 380px;
}

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

.content-dee {
	float: left;
	width: 800px;
	position: relative;
}

.content-one {
	float: left;
	width: 840px;
	position: relative;
}

.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: right;
	width: 233px;
	margin-left: 8px;
	padding-left: 8px;
	position: relative;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	background-color: #EFEFEF;
}

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

.content-three {
	float: left;
	width: 245px;
	margin-left: 12px;
	padding-left: 15px;
	position: relative;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	margin-right: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
}

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

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

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

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



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

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

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

#pre-foot {
	margin: 0;
	overflow: hidden;
	background-color: #666;
}

#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: 10px 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 {
}
.bullet a:hover {
}

.bullet {
	list-style: none;
	text-align: left;
	margin: 0 0 10px 0;
	padding: 0;
	color: #CCFFEC;
}

.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: 12px;
	line-height: 24px;
	color: #999;
	background: #2f2f2f;
}

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

#foot-inner {
	width: 840px;
	margin: 0 auto;
	padding: 15px 11px 15px 10px;
}


/* ######### 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 {
	position: absolute;
	right: 0;
	top: 112px;
	width: 44px;
	height: 30px;
	padding: 14px 0 0 0;
	background: url(../imagefiles/bg_score.gif) no-repeat;
	text-align: center;
	font-weight: bold;
	color: #fff;
	z-index: 2;
}

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

.menuheader{
border-bottom: 1px solid gray;
font-size: 130%;
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: #000000;
	font-weight: bolder;
	font-size: 12px;
}
#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: none
}
#forumtable .tableone {
	width: 50%;
}
#forumtable .tabletwo {
	width: 50%;
}

/* ######### 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: 110%;
}

#sortbox a{
font-weight: bold;
text-decoration: underline;
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: 80%
font-weight: bold;
	width: 100%;
	overflow: hidden;
	border-width: 1px 0;
	background-color: #0B8FD7;
}

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

.solidblockmenu li{
display: inline;
}

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

.solidblockmenu li a:visited{
color: #FFFFFF;
}

.solidblockmenu li a:hover, .solidblockmenu li .current{
	color: #000000;
	background-color: #BFEFAB /*#0B8FD7#96DAF3*/;
}

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


.pagination{
margin: 20px 0;
text-align: right; /*Set to "right" to right align pagination interface*/
clear: both;
font: bold 13px Verdana;
}

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

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

}

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


.finger{
cursor: hand;
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: #ffffff;
text-decoration: none;
}

blockquote{
background: #EBEBEB;
padding: 5px;
font-size: 90%;
border:1px solid silver;
}

blockquote p{
padding:0;
margin:0;
}
.text {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	line-height: 18px;
	padding-top: 12px;
}