body,td,th {
	font-family: Verdana, "Trebuchet MS", Geneva, sans-serif;
	color: #555;
	font-size: 11px;
}
body {
	background-color: #a8b1b8;
	background-image: url(/images/bg.gif);
	background-repeat: repeat-x;
	background-position:top;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	text-align:center;
}
#wrapper{
width:1000px;
margin:0 auto;
text-align:left;
background:#fff;
}
#header{
background:url(/images/header.gif) top repeat-x;
height:110px;
width:100%;
}
#logoholder{
padding-top:3px;
padding-left:5px;
float:left;
}
h1{
background:url(/images/header.png) top left no-repeat;
width:381px;
height:100px;
margin:0;
overflow:hidden;
}
h1 a:link, h1 a:visited, h1 a:hover{
width:380px;
height:100px;
display:block;
text-indent:-999px;
}
#headerright{
float:right;
padding-right:10px;
padding-top:7px;
}
#topbanner{
width:500px;
height:60px;
text-align:right;
padding-bottom:7px;
}
#nav{
text-align:right;
position:relative;
padding-top:13px;
}
#nav ul {margin:0;padding:0;list-style:none}
#nav ul li {display:inline;margin-left:5px;height:33px;}
#nav ul li a {text-decoration:none; font-weight:bold;}
.left {background:url(/images/left.gif) top left;padding:10px 2px 10px 4px}
.green {background:url(/images/greentab.gif) top left;padding:10px 2px 10px 4px}
.greentabright {color:#FFF;background:url(/images/greentabright.gif) top right;padding:10px 12px 10px 0}
.right {color:#FFF;background:url(/images/right.gif) top right;padding:10px 12px 10px 0}
#current span {background-image:url(/images/freecssbluehomepage_03.gif) !important;color:black}
#currents span {background-image:url(/images/freecssgreenpage_03.gif) !important;color:black}
#nav ul li a:hover {color:black} /* MSIE fix */
#nav ul li a:hover span {background-image:url(/images/freecssbluehomepage_03.gif) !important; color:black}

#content{
width:100%;
background:url(/images/aternate.gif) left repeat-y;
padding-bottom:20px
}
#content2{
width:100%;
background: url(/images/contentbg.gif) top repeat-x;
}
#contenttos{
width:100%;
padding:10px;
}
.ad-links{
padding: 5px 0 5px 30px;
}
#leftcolumn{
width:505px;
float:left;
padding:10px;
}
.note{
width:490px;
padding:7px;
background:#fbedac;
font-size:11px;
border:1px solid #ddc000;
color:#8c6f13;
}
#contenttos h2{
margin-bottom:5px;
background:url(/images/h2.gif) repeat-x top;
border-left:5px solid #cbdcf6;
border-right:5px solid #cbdcf6;
width:960px;
padding-left:10px;
font-size:18px;
height:34px;
font-family: "Calibri", "Lucida Grande", "Lucida Unicode", Arial, Verdana, sans-serif;
padding-top:10px;
font-weight:normal;
color:#000;
}
#contenttos h2 span{
color:#0547a8;
}
h2{
margin-bottom:5px;
background:url(/images/h2.gif) repeat-x top;
border-left:5px solid #cbdcf6;
border-right:5px solid #cbdcf6;
width:490px;
padding-left:10px;
font-size:18px;
height:34px;
font-family: "Calibri", "Lucida Grande", "Lucida Unicode", Arial, Verdana, sans-serif;
padding-top:10px;
font-weight:normal;
color:#000;
}
h2 span{
color:#0547a8;
}
h3{
margin:0;
padding-bottom:0px;
font-size:13px;
font-weight:bold;
padding-left:5px;

}
h3 a:link, h3 a:visited{
color:#000;
text-decoration:none;
}
h3 a:hover{
color:#000;
text-decoration:underline;
}
.clear{
clear:both}
.articletos{
border-bottom:2px dotted #ccc;
padding:5px 0px 0px 0px;
width:978px;
}
.article{
border-bottom:1px dotted #ccc;
padding:10px 0px 0px 0px;
width:100%;
}

.icon{
border:0px;
float:left;
margin-right:5px;
margin-bottom:0px;

}
.info{
font-size:10px;
color:#999;
}
.info a:link, .info a:hover, .info a:visited{
font-size:10px;
color:#999;
}
.desc p{
margin-top: 5px;
}
.desc{
color:#666;
line-height:14px;
padding-left:5px;
}
a:link {
	color: #0347a8;
}
a:visited {
	color: #0347a8;
}
a:hover {
	color: #F16101;
}
a:active {
	color: #0347a8;
}

#rightholder{
width:467px;
float:right;
}
#r1{
float:left;
width:286px;
padding:9px 0px 9px 9px;
}
#r2{
float:right;
width:151px;
padding:9px;
}
h4{
margin-bottom:5px;
padding-left:110px;
height:25px;
padding-top:9px;
font-size:14px;
margin-top:3px;
font-family: "Calibri", "Lucida Grande", "Lucida Unicode", Arial, Verdana, sans-serif;
background:url(/images/alternateh4.gif) right top no-repeat;
padding-bottom:7px;
border-bottom:1px solid #e3e3e3;
color:#363636;
width:177px;
margin-right:0;
font-weight:bold;
}
#rightholder ul{
padding-left:5px;
margin:0;
line-height:18px;
padding-bottom:10px;
}
#rightholder ul li{
list-style-type:none;
}
#accessibility {
	padding-bottom:10px;
	padding-left:10px;
}

#accessibility span {
	background-repeat: no-repeat;
}

#accessibility a {
	text-decoration: none;
	cursor: pointer;
}

#accessibility .buttons {
	padding-bottom:10px;
	float:left;
}

#accessibility .button {
	display: block;
	float: left;
	width: 13px;
	height: 14px;
	margin-right: 10px;
}
#accessibility .button2 {
	display: block;
	float: left;
	width: 20px;
	height: 21px;
	margin-right: 10px;
}
a.large .button {
	background: url(/images/large.gif) 0 0 no-repeat;
}

a.small .button {
	background: url(/images/smaller.gif) 0 0 no-repeat;
}

a.default .button {
	background: url(/images/normal.gif) 0 0 no-repeat;
}
a.blue .button2 {
	background: url(/images/blue.gif) 0 0 no-repeat;
}

a.purple .button2 {
	background: url(/images/purple.gif) 0 0 no-repeat;
}

a.green .button2 {
	background: url(/images/green.gif) 0 0 no-repeat;
}
.share{
padding-left:10px;
padding-bottom:10px;
}
.note2{
background:#fbedac url(/images/note2_03.gif) bottom right no-repeat;
padding:5px 5px 10px 5px;
color:#8c6f13;
line-height:18px;
border-top:1px solid #f9df00;
border-left:1px solid #f9df00;
font-size:11px;
margin-bottom:20px;
}
h5{
color:#0d0d0d;
font-weight:bold;
margin-top:0;
margin-bottom:4px;
font-size:11px;
}
#tutorialbox{
background:url(/images/tutorial_03.gif) bottom right no-repeat;
height:25px;
padding-left:4%;
text-align:center;
padding-top:156px;
width:96%;
}
#adbox{
width:100%;
text-align:center;
padding-top:0px;
padding-bottom:10px;
}
#footer{
background:#191919;
border-top:20px solid #000;
width:100%;
}
.topof{
width:270px;
float:left;
padding-right:30px;
padding-left:30px;
}
h6{
background:url(/images/footerh6_07.gif) bottom center no-repeat;
width:100%;height:26px;
font-size:13px;
font-weight:bold;
color:#cccccc;
margin-top:0;
margin-bottom:10px;
text-align:center;
}
.topof ul{
padding:0;
margin:0;
}
.topof ul li{
list-style-type:none;
height:32px;
width:268px;
margin-bottom:2px;
border-left:1px solid #575757;
border-top:1px solid #575757;
}
.topof ul li a:link, .topof ul li a:visited{
color:#fff;
display:block;padding-top:8px;
padding-left:40px;height:24px;
width:228px;
font-weight:bold;
text-decoration:none;
background:#2b2b2b url(/images/star_11.gif) top left no-repeat;
}
.topof ul li a:hover{
color:#fff;
display:block;height:24px;
width:228px;
font-weight:bold;padding-top:8px;
padding-left:40px;text-decoration:none;
background:#3e3e3e url(/images/starover_11.gif) top left no-repeat;
}
.viewall{
margin:0 auto;
background:url(/images/viewall_11.gif) bottom center no-repeat;
width:93px; height:20px;padding-top:10px;
font-weight:bold;
text-align:center;
}
.viewall a:link, .viewall a:visited{
background:url(/images/viewall_11.gif) bottom center no-repeat;
color:#ccc;margin:0 auto;
width:93px; height:20px;
font-weight:bold;padding-top:10px;
display:block;text-align:center;
}
.viewall a:hover{
background:url(/images/viewall_11.gif) bottom center no-repeat;
color:#fff;
width:93px; height:20px;text-align:center;padding-top:10px;margin:0 auto;
font-weight:bold;display:block;
}
#designby{
margin-top:20px;
width:100%;
font-size:11px;
text-align:center;
color:#ccc;
background:#000;
padding-top:9px;
padding-bottom:9px;
}
#designby a:link, #designby a:visited{
color:#ccc
}
#designby a:hover{
color:#fff;
}

/* forms
------------------------------------------------------*/
.forms-desc{
color:#666;
padding-left:10px;
}

.forms-desc label
{
	font: bold 1.2em Arial, Tahoma, sans-serif;
	color: #33393c;
	margin: 15px 0px 3px 0px;
	display: block;
}

.forms-desc span
{
	font: normal .7em Arial, Tahoma, sans-serif;
	color: #AD3E14;
	margin: 15px 0px 3px 0px;

}
.forms-desc input, .forms-desc textarea
{
	font: normal 1.5em Arial, Tahoma, sans-serif;
        font-weight:bold;
	color: #194673;
	margin: 0px 0px 1px 0px;
	padding: 5px;
	display: block;
	border: 1px solid #cccccc;
	width: 98%;
}
.forms-desc select
{
	font: normal 1.5em Arial, Tahoma, sans-serif;
        font-weight:bold;
	color: #194673;
	margin: 0px 0px 1px 0px;
	padding: 5px;
	display: block;
	border: 1px solid #cccccc;
}
.forms-desc em{
	color: #194673;
}
.forms-desc textarea
{
	font: normal 1.2em Arial, Tahoma, sans-serif;
	height: 150px;
}

.forms-desc input:focus, .forms-desc textarea:focus
{
	border: 1px solid #454545;
}

.forms-desc input.submit
{
	background-color: #1472E6;
	display: block;
	float: left;
	width: 140px;
	margin: 10px 10px 20px 0px;
	padding: 6px 0px 6px 0px;
	font: bold 1.1em Arial, Tahoma, sans-serif;
	color: #fff;
	text-transform: uppercase;
	border: 1px solid #fff;
}

.forms-desc input.reset
{
	background-color: #33393c;
}

.forms-desc input.submit:hover
{
	background-color: #6EA525;
}

.forms-desc .short
{
	width: 35%;
}

.forms-desc .medium
{
	width: 60%;
}
.forms-desc .message
{
	width: 90%;
}
.forms-desc .dropdown
{
	width: 63%;
}
.forms-desc .dropselect
{
	width: 55%;
}
/* forms
------------------------------------------------------*/
.join-desc{
color:#666;
padding-left:10px;
}

.join-desc label
{
	font: bold 1.2em Arial, Tahoma, sans-serif;
	color: #33393c;
	margin: 15px 0px 3px 0px;
	display: block;
}

.join-desc span
{
	font: normal .7em Arial, Tahoma, sans-serif;
	color: #AD3E14;
	margin: 15px 0px 3px 0px;

}
.join-desc input, .join-desc textarea
{
	font: normal 1.5em Arial, Tahoma, sans-serif;
        font-weight:bold;
	color: #194673;
	margin: 0px 0px 1px 0px;
	padding: 5px;
	border: 1px solid #cccccc;
	width: 98%;
}
.join-desc em{
	color: #194673;
	display: block;
}
.join-desc textarea
{
	font: normal 1.2em Arial, Tahoma, sans-serif;
	height: 150px;
}

.join-desc input:focus, .join-desc textarea:focus
{
	border: 1px solid #454545;
}

.join-desc input.submit
{
	background-color: #1472E6;
	float: right;
	width: 140px;
	margin: -34px 0px 0px 0px;
	padding: 7px 0px 7px 0px;
	font: bold 1.1em Arial, Tahoma, sans-serif;
	color: #fff;
	text-transform: uppercase;
	border: 1px solid #fff;
}
.join-desc input.newsletter
{
	background-color: #1472E6;
	float: right;
	width: 140px;
	margin: -34px 0px 0px 0px;
	padding: 7px 0px 7px 0px;
	font: bold 1.1em Arial, Tahoma, sans-serif;
	color: #fff;
	text-transform: uppercase;
	border: 1px solid #fff;
}
.join-desc input.newsletter:hover
{
	background-color: #6EA525;
}
.forms-desc input.contact
{
	background-color: #1472E6;
	display: block;
	float: left;
	width: 140px;
	margin: 10px 10px 20px 0px;
	padding: 6px 0px 6px 0px;
	font: bold 1.1em Arial, Tahoma, sans-serif;
	color: #fff;
	text-transform: uppercase;
	border: 1px solid #fff;
}
.forms-desc input.contact:hover
{
	background-color: #6EA525;
}
.join-desc input.submit:hover
{
	background-color: #6EA525;
}

.join-desc .medium
{
	width: 65%;
}

.forms-desc input.button
{
	background-color: #1472E6;
	display: block;
	float: left;
	width: 140px;
	margin: 10px 10px 20px 0px;
	padding: 6px 0px 6px 0px;
	font: bold 1.1em Arial, Tahoma, sans-serif;
	color: #fff;
	text-transform: uppercase;
	border: 1px solid #fff;
}
.forms-desc input.button:hover
{
	background-color: #6EA525;
}
.box{
width: 250px;
border-width:0;
border-color:#CCCCCC;
margin-bottom: 5px;
margin-top: 2px;
padding-top: 0px;
padding-left: 0px;
padding-right: 2px;
padding-bottom:2px;
overflow:hidden;
}
.current {
width: 241px;
margin-bottom:0;
background:url(/images/h2.gif) repeat-x top;
border-left:5px solid #cbdcf6;
border-right:5px solid #cbdcf6;
padding-left:0px;
font-size:16px;
height:40px;
font-family: "Calibri", "Lucida Grande", "Lucida Unicode", Arial, Verdana, sans-serif;
padding-top:2px;
font-weight:normal;
color:#000;
}
.current span{
color:#0547a8;
}
#thelinks {
height:42.5em;
overflow:auto;
}
.listfeatured a{
text-decoration:none;
color:#ffffff;
}
.listfeatured:hover{
text-decoration:none;
background: #81BF2F;
color:#ffffff;
}
.listfeatured {
width: 225px;
text-align:left;
background: #6EA525;
color:#ffffff;
border: 1px solid;
border-color: #ADCF81;
text-align:left;
padding-top: 2px;
display:block;
padding-bottom: 1px;
padding-left: 3px;
padding-right: 3px;
}
.listitems a{
text-decoration:none;
color:#3B47B8;
}
.listitems {
width: 225px;
text-align:left;
background-color:#EFF6FF;
border: 1px solid;
border-color:#C3D1DF;
text-align:left;
padding-top: 2px;
display:block;
padding-bottom: 1px;
padding-left: 3px;
padding-right: 3px;
}
.listitems:hover{
text-decoration:none;
background: #D1DDEF;
}
.but{
padding-left: 0;
width: 236px;
}
.randomlink {
background-color:#EFF6FF;
width: 240px;
border: 1px solid #CBDCF6;
color:#0F427F;
font-size:12px;
padding-top: 0px;
display:block;
padding-bottom: 1px;
cursor:hand;
}
/****************** template list items ******************/
.templateleft, .templateright{
	height: 300px;
	width: 220px;
	padding: 0px;
	position:relative;
	background-color:#FFFFFF;
	display: inline;
}
.templateleft{float:left;margin: 0px 0px 0px 30px;clear: both;}
.templateright{
	float:right;
	margin: 0px 30px 0px 0px;
	
}
.download{background-image:url(/images/bluebutton.gif)}
.download a:hover{background-image:url(/images/bluebutton.gif)}
.template a{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;font-style: normal;font-size: 12px;
	color: #FFFFFF;
	background-color:#333333;
	}
.template a:hover{color: #FFFFFF;}
.download,.preview{
	display: inline;
	height: 17px;
	padding-top: 3px;
	width: 82px;
	color:#FFFFFF;
	background-image:url(/images/bluebutton.gif);
	text-align: center;
	text-decoration:none;
	margin-top:2px;
	position:relative;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;font-style: normal;font-weight: bold;
}
a.download,a.preview{
color:#FFFFFF;
}
.download:hover,.preview:hover{background-image:url(/images/buttongrn.gif); color:#FFFFFF;}
.download{float: left;left:15px;}
.preview{float: right;left:-15px;}
.title{
	text-align: center;
	color: #0B4E82;
	width: 215px;
	height: auto;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;font-style: normal;font-size: 12px;
	background-color:#FFFFFF;
	margin: 5px 0px 5px 10px;
	display:block;
}
#leftside{
	float: left;
	width: 544px;
	background-color:#FFFFFF;
	position:relative;
}
#rightside{
	display: block;
	float: right;
	width: 235px;
	background-color:#FFFFFF;
	margin:0px;
}
.clear{clear:both;}
.ss{
	display: block;
	height: 230px;
	padding: 1px;
	width: 215px;
	background-color:#fff;
	border:1px solid #0B4E82;
	margin-bottom: 10px;
}
/****************** warnings ******************/
.yellow_form{
	width:490px;
	margin-left: -10px;
	margin-bottom: 5px;
	padding:7px;
	background:#FBEDAC;
	font-size:12px;
	border:1px solid #8C6F32;
	color:#8C6F32;
	font-weight:bold;
}
.red_form{
	width:490px;
	margin-left: -10px;
	margin-bottom: 5px;
	padding:7px;
	background:#FF0000;
	font-size:12px;
	border:1px solid #0D1FBE;
	color:#FFFFFF;
	font-weight:bold;
}
.green_form{
	width:490px;
	margin-left: -10px;
	margin-bottom: 5px;
	padding:7px;
	background:#65981E;
	font-size:12px;
	border:1px solid #0D1FBE;
	color:#FFFFFF;
	font-weight:bold;
}