/* Start of CMSMS style sheet 'Brenton - Layout' */
/* * {

margin:0;

padding:0;

} */



/*

Set initial font styles

*/

body {
	text-align: left;
	font-family: Verdana, Geneva, Arial, sans-serif;
	font-size: 75.01%;
	line-height: 1em;
}
/*

set font size for all divs,

this overrides some body rules

*/

div {
	font-size: 1em;
}
/*

if img is inside "a" it would have 

borders, we don't want that

*/

img {
	border: 0;
}
/*

default link styles

*/

/* set all links to have underline and bluish color */

a, a:link a:active {
	text-decoration: none;
	/* css validation will give a warning if color is set without background color. this will explicitly tell this element to inherit bg colour from parent element */

   background-color: inherit;
	color: #18507C;
}
a:visited {
	text-decoration: none;
	background-color: inherit;
	color: #18507C;                /* a different color can be used for visited links */
}
/* remove underline on hover and change color */

a:hover {
	text-decoration: underline;
	color: #18507C;
}
/*****************

basic layout 

*****************/

body {
	background-color: #ffffff;
	color: #333;
	margin:0 0 0 0;    /* gives some air for the pagewrapper */
	background:#EEEDEB url(uploads/images/bg-wrapper.jpg) repeat-x;
}
/* center wrapper, min max width */

div#pagewrapper {
	border:0;
	margin: 0 auto 0 auto;       /* this centers wrapper */
	width: 752px;
	background-color: #fff;
	;
	/*   border-left:1px solid #e6e6e6;

   border-right:1px solid #e6e6e6; */

   background:url(images/design2/bg_pagew.jpg) repeat-y;
	color: black;
	padding:0;
}
/*** header ***

we will hide text and replace it with a image
we need to assign a height for it so that the image wont cut off

*/

div#header {
	height: 173px;    /* adjust according your image size */
	background: #ffffff;
	background:url(images/design2/banner.jpg) no-repeat;
	text-align:right;
	padding-top:60px;
	padding-right:22px;
	line-height:15px;
}
div#header_page {
	height: 173px;    /* adjust according your image size */
	background: #ffffff;
	background:url(images/design2/page_header.jpg) no-repeat;
	text-align:right;
	padding-top:60px;
	padding-right:22px;
	line-height:15px;
}
div#header h1 a {
	/* you can set your own image here */

	display: none;
	text-indent: -999em;  /* this hides the text */
	text-decoration:none; /* old firefox would have shown underline for the link, this explicitly hides it */
}
/* position for the search box */

div#search {
	text-align: left;
	padding: 0em 0 0em 2em;
	margin: 0 0em 0 0;
}
div#search select {
	width:180px;
	font-size:12px;
	color: #3c5a64;
}
div#content {
	margin: 0 auto 0 auto;   /* some air above and under menu and content */
	width: 750px;
}
div#main {
	margin-left: 238px; /* this will give room for sidebar to be on the left side, make sure this space is bigger than sidebar width */
	background:#cadadf;
}
div#maincontent {
	padding-left:20px;
	padding-top:20px;
	padding-right:20px;
	background-color:#d3e0e4;
	border-bottom:1px dotted #a7abac;
}
div#textcontent {
	padding-left:20px;
	padding-top:20px;
	padding-right:20px;
	background-color:#d3e0e4;
	font-size: 11px;
	color:#004d67;
}
div#textcontent img {
	padding-left:12px;
	padding-bottom:12px;
	padding-right:12px;
}
div#sidebar {
	float: left;        /* set sidebar on the left side. Change to right to float it right instead. */
	width: 238px;     /* sidebar width, if you change this please also change #main margins */
	display: inline;  /* FIX IE double margin bug */
	margin-left: 0;
	padding-top:20px;
}
div#footer {
	clear: both;       /* keep footer below content and menu */
	color: #666666;
	background-color: #ffffff; /* same bg color as in header */
}
div#footer p {
	font-size: 0.8em;
	padding: 1em 0 1em 25em;       /* some air for footer */
	text-align: left;  /* centered text */
	margin: 0;
}
div#footer p a {
	color: #ffbf00; /* needed becouse footer link would be same color as background otherwise */
	text-decoration:none;
}
div#footer p a:hover {
	text-decoration:underline;
}
/* as we hid all hr for accessibility we create new hr with extra div element */

div.hr {
	height: 1px;
	padding: 1em;
	border-bottom: 1px dotted black;
	margin: 1em;
}
/* relational links under content */

div.left49 {
	width: 49%; /* 50% for both left and right might lead to rounding error on some browser */
}
div.right49 {
	float: right;
	width: 49%;
	text-align: right;
}

/* End of 'Brenton - Layout' */