* {
		margin: 0;
		padding: 0;
		border: none;
		list-style: none;
}

body {
     text-align: center;
	 font:small Verdana,Sans-serif;
	 background-color:#CCC;
	 padding:0;
	 margin:0;
}
blockquote {
	
		background-color: #FFF;
		margin:0px;
		padding: 10px 0 10px 40px;
		overflow: auto;
	
}
li.codeEven{
		background-color: #f5f5f5;
}
li.codeOdd{
		background-color: #FFF;
}
.linecount {
		float: left;
		width: 29px;
		background-color: #FFF;
		color: #000;
		border-right: 1px solid #000;
		text-align: right;
		margin: 10px 10px 10px 10px;
		padding: 10px 0;
		
}
div.article-body {
	margin: 10px 0;
}
#precont {
	   min-width: 902px;
	   max-width: 1200px;
	   width: auto !important; 
	   width:902px;
	   margin: 0 auto;
	   text-align: left;
	   
	background: #FFF url(../images/cont-left.png) no-repeat bottom left;
}
#container {
	   padding: 10px;
	   background: transparent url(../images/cont-right.png) no-repeat bottom right;
}
#content {
	background: #336699 url(../images/center-bg.png) no-repeat top left;
	width: 100%;
	margin-top: 10px;
}
#head h1{
		background: transparent url(../images/head-left.png) no-repeat top left;
	font: bold 350%/97px Helvetica,Arial,Verdana,Sans-serif;
	text-transform:lowercase;
	padding:0 0 0 20px;
	margin:0;
	color: #FFF;
	height: 97px;
}
#head h1 span {
	background: transparent url(../images/head-right.png) no-repeat top right;
	display: block;
}
#head h1 a {
	color: #FFF;
	text-decoration: none;

}
#head {
	position: relative;
	background: #226699 url(../images/header-bg.png) no-repeat top center;
	padding:0;
	margin: 0;
	height: 97px;
	
	
}
#head-login {
		position: absolute;
		top:10px;
		right: 10px;
		padding: 0;
		margin: 0;
}
#head-login a {
		padding: 5px;
		text-decoration: none;
		color: #FFF;

}

#head-nav {
	position: absolute;
	bottom:0;
	right: 10px;
	padding: 0;
	margin: 0;

}
#head-nav li{
		float:left;
		list-style: none;
		padding: 0;
		margin: 0;
		margin-right: 2px;
		
		
}
#head-nav a {
		display: block;
		padding: 5px;
		text-decoration: none;
		color: #FFF;

}


#center {
	background-color:#2E8CBA;
	color: #222;
	padding: 10px 10px 10px 10px;
	margin: 0;
	border-left: 5px solid #FFF;
	border-right: 5px solid #FFF;
	margin-left: 130px;

	width: auto;
	}
	

#center h2{
	font-size: 175%;
	font-weight: normal;
	margin: 0;
	color:#CCDDBB;
	
}
#center p{
padding: 0;
}
#googleads {
	width: 170px;
	float: right;
	min-height: 100px;
	height: auto !important;
	height: 100px;
	margin-top: 10px;
}
#left {
	width:130px;
	float: left;
	min-height: 100px;
	height: auto !important;
	height: 100px;

}
#left li {
	list-style: none;
	margin-bottom: 3px;
}
#left ul{
	padding: 0;
	margin: 10px;
	margin-right: 0px;
}
#left a {
	background-color: #2570A3;
	font-size: 14px;
	line-height: 24px;
	padding:10px 0% 10px 30px;
	color: #ECE7B2;
	text-decoration: none;
	display: block;
	border-right: 8px solid #2C86B5;
	border-bottom: 1px solid #2C86B5;
	
}
#left a:hover {
	background-color: #2C86B5;
	border-right: 8px solid #2570A3;
	
}
#footer {
	clear: both;
	text-align: center;
	color: #000;
}
	
.form {
	position: relative;
			border: 1px solid #ccc;
		background-color: #2E8CBA;
		padding: 10px;

	text-align: left;
}
.form form {
	
	margin: 0 0 1.5em
}
.form input {
	font-family: arial,tahoma,verdana,sans-serif;
	margin: 2px 0
}
.form fieldset {
	border: none
}
.form label{
	display:block;
	padding: 5px 0
}
.form label br{
	clear:left
}

	/* FORMS - general classes */
	/*input.f-submit {padding: 1px 3px;background:#666;color:#fff;font-weight:bold;font-size:96%}*/
                                        
form.f-wrap-1 {
	width:100%;
	padding: .5em 0;
	border-top: 0;
	position:relative;
	text-align:left
}
form.f-wrap-1 fieldset {
	width:auto;
	margin: 0 1em
}
form.f-wrap-1 h3 {margin:0 0 .6em;
	font: bold 125% arial;
	color:#c00
}
form.f-wrap-1 label {
	clear:left;
	float:left;
	
}
		
/* hide from IE mac \*/
form.f-wrap-1 label {float:none}
/* end hiding from IE5 mac */
	
form.f-wrap-1 label input, form.f-wrap-1 label textarea, form.f-wrap-1 label select {
	padding: 3px;
		width:12em;
	float:left;
	margin-left:10px;
	border: 1px solid #ccc;
}

form.f-wrap-1 label input.f-files {
	width: 20em;
}
		
form.f-wrap-1 label b {
	float:left;
	width:12em;
	line-height: 1.7;
	display:block;
	position:relative;
	text-align: right;
}
form.f-wrap-1 label b .req {
	color:#c00;
	font-size:150%;
	font-weight:normal;
	position:absolute;
	top:-.1em;
	line-height:1px;
	left:-.4em;
	width:.3em;
	height:.3em
}
		
form.f-wrap-1 div.req {
	color:#666;
	font-size:96%;
	font-weight:normal;
	position:absolute;
	top:.4em;
	right:.4em;
	left:auto;
	width:13em;
	text-align:right
}

form.f-wrap-1 div.req b {
	color:#c00;
	font-size:140%
}
form.f-wrap-1 label select {
	width: 15.5em
}
form.f-wrap-1 label textarea.f-comments {
	width: 20em;
	height: 8em;
}


form.f-wrap-1 label.f-submit-wrap {
	padding: 5px 0 5px 12em
}
form.f-wrap-1 input.f-submit {
	margin: 0 0 0 10px
}
		
form.f-wrap-1 fieldset.f-checkbox-wrap, form.f-wrap-1 fieldset.f-radio-wrap {
	clear:left;
	float:left;
	width:32em;
	border:none;
	margin:0;
	padding-bottom:.7em
}
form.f-wrap-l fieldset.f-tags {
		clear: left;
		width: 100%;
		border: none;
		margin: 0;
}
form.f-wrap-l fieldset.f-tags label {
		float: left;
		width: auto;
}
form.f-wrap-l fieldset.f-tags label b{
		display: inline;
		width: auto;
}
form.f-wrap-l fieldset.f-tags label input{
		display: inline;
		width: auto;
}
form.f-wrap-1 fieldset.f-checkbox-wrap b, form.f-wrap-1 fieldset.f-radio-wrap b {
	float:left;
	width:8em;
	line-height: 1.7;
	display:block;
	position:relative;
	padding-top:.3em
}
form.f-wrap-1 fieldset.f-checkbox-wrap fieldset, form.f-wrap-1 fieldset.f-radio-wrap fieldset {
	float:left;
	width:13em;
	margin: 3px 0 0 10px
}
form.f-wrap-1 fieldset.f-checkbox-wrap label, form.f-wrap-1 fieldset.f-radio-wrap label {
	float:left;
	width:13em;
	border:none;
	margin:0;
	padding:2px 0;
	margin-right:-3px}
form.f-wrap-1 label input.f-checkbox, form.f-wrap-1 label input.f-radio {
	width:auto;
	float:none;
	margin:0;
	padding:0
}
form.f-wrap-1 span.errormsg {
	display: block;
	clear: both;
	position: relative;
	background-color: #FFF;
	padding: 10px;
	font-weight: bold;
	font-size: 120%;
	width: 300px;
	margin: 10px 0 10px 10em;
	border-top: 1px solid #000;
	border-left: 1px solid #000;
	border-right: 2px solid #000;
	border-bottom: 2px solid #000;
}
form.f-wrap-1 label span.errormsg b {
	padding: 10px 0;
	margin: 0 10px 0 30px;
	color:#B30800;
	font-weight:bold;
	display:block;
	width:auto;
	float:none;
	line-height:1.3em;
}
form.f-wrap-1 label.articleBody b {
		text-align: left;
}
form.f-wrap-1 label.articleBody textarea{
		width: 600px !important;
		height: 350px !important;
}
form.f-wrap-1 label b span {
		display: block;
		float: right;
		font-style: italic;
		font-size: 80%;
}
div.code {
		margin-top: 10px;
}
#userLogin {
		width: 500px;
		margin:20px auto;
		border: 1px solid #ccc;
		background-color: #2E8CBA;
		padding: 10px;
}
#SingleArticle {
		background-color: #2E8CBA;
		padding-bottom: 10px;
		color: #CCC;
}
#SingleArticle a{
	color: #ECE7B2;
	
}
div.Articles {
	background-color: #2E8CBA;
	border-bottom: 1px solid #ccc;
	padding-bottom: 10px;
	color: #CCC;
	margin: 10px 0;
}
div.article-top{
		color: #333;
}
div.article-tags{
		color: #333;
}
div.Articles a{
	color: #ECE7B2;
	text-decoration: none;
	
}
div.Articles h3{
	font-size: 150%;
	font-weight: normal;
}
/* Page Numbers */
.pages {
	font-size: 85%;
	padding: 3px 0px;
	
}

.pages li {
	list-style: none;
    display: inline;
    padding: 3px 6px 3px 9px;
	margin: .1em;
    background-color: #FFF;
	border: 1px solid #9AAFE5;
    
}
.pages a {
	background-color: #FFF;
	text-decoration: none;
	color:#0000EE;
}
.pages li.current {
    border: 1px solid #06c;
    font-weight: bold;
    background: #06c;
	color: #FFF;
}
.pages li.nextprev {
	color: #999;
}
.pages li.link {
	padding: 0;
	border: none;
}
.pages li.link a {
	padding: 3px 6px 3px 9px;
	border: 1px solid #9AAFE5; 
	 color: #06c;
}

.pages li.link a:hover {
    color: #06c;
	border: 1px solid #06c;
}



/* End Page Numbers */
div.cleardiv {
		clear: both;
		
}
#noAccess {
		color: #CCC;
}
#noAccess ol {
		padding: 2em;
}
.comment {
	background: #fff url(../images/comment-1.png) no-repeat top left;
	margin-left: 30px;
	margin-right: 200px;
	text-align: left;
}
.c-head {
	line-height: 30px;
	padding: 0% 10px;
}
.c-body {
	padding: 20px;
}