/*
      Created by Keith Donegan of Code-Sucks.com
	  
	  E-Mail: Keithdonegan@gmail.com
	  
	  You can do whatever you want with these layouts,
	  but it would be greatly appreciated if you gave a link
	  back to http://www.code-sucks.com
	  
*/

* { padding: 0; margin: 0; }
html, body, #wrapper {height: 100%;}

body > #wrapper {height: auto; min-height: 100%;}
body {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 12px;
 background: #cdcdcd url(../images/bgstrip.png) top center repeat-y;
}
img {
	border:0px;
}
#wrapper { 
 margin: 0 auto;
 width: 998px;
 height: auto;
 min-height: 100%;
 margin-bottom:30px;
}
#faux {
 margin-bottom: 0px;
 overflow: auto; /* Paul O Brien Fix for IE www.pmob.co.uk */
 width: 100%
}
#header {
 position:relative;
 clear:both;
 color: #333;
 width: 998px;
 padding: 0px;
 height: 102px;
 margin: 0px;
 background: #ffffff; /* url(../images/header_strip.png) repeat-x; */
}
#CustomSearchForm_SearchForm,#searchform {
	position:absolute;
	bottom:8px;
	right:8px;
	color:#ffffff;
}
#CustomSearchForm_SearchForm fieldset {
 border:0px;
 overflow:auto;
 width:180px;
}
#CustomSearchForm_SearchForm input{
 border:1px solid #aac6e7;
 float:left;
 font-size:90%;
 padding:2px;
}
#CustomSearchForm_SearchForm input[type=submit] {
 border:1px solid #aac6e7;
 background-color:#aac6e7;
color:#000052;
}
#login {
	position:absolute;
	top:0px;
	right:0px;
	padding:3px;
	padding-left:20px;
	background:transparent url(../images/loginmenu.png) no-repeat;
}
input.login {
	font-size:90%;
}
#logininside {
	padding:6px;
	background-color:#4482c9;
}
#MemberLoginForm_LoginForm .Actions {
	float:right;
}
#navigation {
 color: #ffffff;
 display:block;
 margin: 0px 0px 0px 0px;
 background: #4482c9;
 border-bottom:1px solid #ffffff;
 height:28px;
}
ul.nav,
.nav ul{
/*Remove all spacings from the list items*/
	margin: 0;
	padding: 0;
	cursor: default;
	list-style-type: none;
	display: inline;
}

ul.nav{
	display: table;
}
ul.nav>li{
	display: table-cell;
	position: relative;
	padding: 6px 12px;
}
ul.nav li:hover>ul{
/*When hovered, make them appear*/
	display : block;
}

.nav ul li a{
/*Make the hyperlinks as a block element, sort of a hover effect*/
	display: block;
	padding: 2px 10px;
}
ul.nav,
.nav ul{
}
.nav a{
text-decoration: none;
color:#ffffff;
font-size:110%;
}
.nav a:hover {
color:#000052;
}
ul.nav,
.nav ul,
.nav ul li a{
	color: #ffffff;
}


ul.nav li:hover,
.nav ul li a:hover{
	background-color: #aac6e7;
	color: #000052;
}

ul.nav li:active,
.nav ul li a:active{
	background-color: #aac6e7;
	color: #000052;
}

ul.nav li.section,ul.nav li.current {
	background-color: #aac6e7;
	color:#000052;
}
#leftcolumn { 
 display: inline;
 color: #333;
 margin: 0px;
 padding: 0px;
 width: 207px;
 float: left;
}
#sidemenu {
	padding:10px;
}
ul#sidemenu {
 list-style-type:none;
}
ul#sidemenu li {
 display:block;
}
ul#sidemenu li a, .WidgetHolder li a {
 display:block;
 padding:8px;
 color:#666666;
 text-decoration:none;
}
ul#sidemenu .sub li {
	padding-left:10px;
}
.menuheader,.WidgetHolder h3 {
 padding:6px;
 background-color:#aac6e7;
 border-top:1px solid #ffffff;
color:#000052;
font-size:110%;
font-weight:bold;
}
.WidgetHolder ul {
	padding:10px;
}
#rightcolumn { 
 float: right;
 color: #333;
 margin: 0px;
 padding: 0px;
 width: 789px;
 display: inline;
 position: relative;
}
#maincontent {
	padding:30px;
}
#Breadcrumbs {
	margin:0px 0px 30px 0px;
	font-size:90%;
}
#footer { 

 width: 998px;
 clear: both;
 color: #333;
 background: #4482c9;
 margin:  auto;
}
.footertext {
	padding:4px;
}
#leftcolumn input,#leftcolumn select, #leftcolumn textarea {
	width:180px;
}
#uploadform {
	padding:8px;
}
.clear { clear: both; background: none; }
.left {
	float:left;
	margin-right:10px;
}
hr {
	clear:both;
	margin:10px 0px;
}
#PageComments_holder {
 margin:40px 20px 20px 20px;
 border:1px solid #aac6e7;
}
#PageComments_holder label {
 width:160px;
}
#PageComments_holder input,#PageComments_holder input {
 width:240px;
}
#PageComments_holder .field {
 padding:4px;
}
#PageComments_holder h4 {
 color:#000052;
 display:block;
 background-color:#aac6e7;
 padding:4px;
}
/*
.typography .field {
	padding:4px;
}
.typography label {
	width:160px;
}
.typography input,.typography textarea {
	width:300px;
}
.typography input[type=submit] {
	width:auto;
}
.typography .action {
	margin-left:170px;
}
*/
#PageCommentInterface_Form_PostCommentForm,#CommentHolder,#CommentsRSSFeed {
 padding:10px;
}
ul.downloads {
	list-style-type:none;
}

/* SEARCH RESULTS STYLES
------------------------------------------------ */
ul#SearchResults {
	margin: 10px 0;
}
	ul#SearchResults li {
		list-style: none;
		margin: 5px 0;
		font-size: 1em;
		
		border-bottom:1px solid #aac6e7;
		padding:10px 0px;
	}
ul#SearchResults li h3 a {
	color:#4482c9;
	padding:6px 0px;
}
/* CLEAR FIX*/
.clearfix:after {content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

#latest h2 {
	display:block;
	padding:4px;
	background-color:#cf9862;
	color:#ffffff;
}
#homecontent h2, #homelogin h2 {
	display:block;
	padding:4px;
	background-color:#4482c9;
	color:#ffffff;
}
/*
input[type=submit] {
	border:1px solid #4482c9;
	color:#4482c9;
	padding:2px 4px;
	background-color:#ffffff;
}
input[type=submit]:hover {
	background-color:#aac6e7;
}
*/
.readMoreLink {
 display:block;
text-align:right;
}
.tags {
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
padding:0px 8px;
background-color:#cccccc;
font-size:90%;
}
.WidgetHolder ul {
	list-style-type:none;
}
#MatrixSearchForm_SearchForm fieldset {
 
}
#MatrixSearchForm_SearchForm h3 {
 color:#ffffff;
 display:block;
 background-color:#4482c9;
 padding:4px;
 margin:0px 0px 20px 0px;
 -moz-border-radius-topleft: 8px;
 -moz-border-radius-topleft: 8px;
 -webkit-border-top-left-radius: 8px;
 -webkit-border-top-right-radius: 8px;
}
#MatrixSearchForm_SearchForm select {
 width:200px;
}
#MatrixSearchForm_SearchForm .action {
 margin-left:220px;
 width:200px;
}
.message {
	border:2px solid #cc0000;
	-moz-border-radius: 10px;
	-webkit-border-radius:10px;
	background-color:#ffcc00;
	padding:8px;
}
.admin {
	margin-bottom:4px;
}
.adminbar {
	width:auto;
float:right;
clear:both;
	margin:0px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
padding:4px 8px;
padding-left:24px;
background:#cccccc url(../images/cog_icon.png) no-repeat 4px center;
font-size:80%;
 -webkit-border-top-right-radius: 8px;
}
.adminbar a {
	color:#666666;
	text-decoration:none;
	font-size:90%;
}
.adminbar a:hover {
	color:#4482c9;
}
.adminform {
background-color:#cccccc;
padding:10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
margin:10px;
margin-right:60px;

}


.latestcontent ul {
 list-style-type:none;
 margin:0px;
padding:0px;
}
.downloads h2 {
	margin-bottom:20px;
}
.field {
 position:relative;
}
label.required {
	position:absolute;
	background-color:#ffcc00;
	border:1px solid #ff0000;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
padding:4px;
white-space:nowrap;
right:0px;
top:6px;
}