/* Css originally by mejobloggs  Design by Aran @ stuio7designs.com  Please email me if you use this, as I would love to see how it is being used, also you can join my linkshare to help you with your google ranking */

body {	font-family: trebuchet ms, verdana, arial, tahoma;	font-size: 90%;	color: #000000;	background-color: white;	line-height: 175%;	margin: 0;	padding: 0;	text-align: center;}

/* Set the page width here */
#menu-top, #header, #wrapper-content, #wrapper-footer {	width: 90%;	margin: 0 auto;	text-align: left;}

/* BEGIN TABBED MENUS */
#menu-top {	background: white url(../images/rightcontent.jpg) no-repeat right top;	overflow: hidden;  }
#menu-top ul {	background: transparent url(../images/leftcontent.jpg) no-repeat left top;	margin:0;	padding: 1em 0 0 0;	list-style: none;	font-size: 85%; font-weight:bold;	float: left;	padding-left: 20px; }
#menu-top li {	display: inline;}
#menu-top a {	float: left;background:url(../images/menuleft.png) no-repeat left top;	margin:0; padding:0 0 0 4px;	text-decoration:none;	line-height: 1.5em; border-bottom:1px solid #cccccc; color:#128002;}
#menu-top a span {	background: transparent url(../images/menuright.png) no-repeat right top;	padding:5px 15px 4px 6px;		display: block;	float: left;;cursor: pointer; /* IE doesnt display the hand when you roll over the link for some reason. This fixes it */}
#menu-top a:hover { background-position:0% -42px; }
#menu-top a:hover span {	background-position:100% -42px; }
/* END TABBED MENUS */

/* BEGIN TABBED MENUS-SELECTED */
#menu-top a.selected {	float: left; background:url(../images/menuleft.png) no-repeat left top;	margin:0;	padding:0 0 0 4px;	text-decoration: underline;	line-height: 1.5em; border: none; color:#000000;  }
/* END TABBED MENUS-SELECTED */

/* BEGIN MASTHEAD */
#wrapper-header {	background: transparent url('../images/blugradbak.jpg') top center repeat-x; }
#wrapper-header2 { background: transparent url('../images/lefttop.jpg') top left no-repeat; }
#wrapper-header3 { background: transparent url('../images/righttop.jpg') top right no-repeat; height: 164px;}
#title {	margin: 0;	padding: 0;	padding-left:24%;	padding-top:1.5%;	color: #ffffff;	font-size: 190%;	font-weight:bold;}
#tagline {	margin: 0;	padding: 0;	padding-left:24%;	padding-top:.25%;	font-style:italic;		color: #ffffff;	font-size: 130%;}
#mstag {	margin: 0;	padding: 0;	margin-top:1%; padding-right:5%; padding-bottom:1%;	font-style:italic;		color: #000050;	font-size: 110%;	text-align:right;	font-weight:bold;	line-height:normal;}
/* END MASTHEAD */

/* BEGIN SUBMENU */
#wrapper-menu-page {	float: right;	width:180px;	margin: 20px 30px 3em 2em;	background: transparent url('../images/menu.png') no-repeat;	text-align: left;	font-family:trebuchet ms, verdana, arial, tahoma;}
* html #wrapper-menu-page { margin-right: 15px; }
#menu-page { padding-top: 5px; }
#menu-page ul li { margin: 0;	padding-top:2em; padding-left:1px;	font-size: 90%;line-height: 120%;}
#menu-page h3 {text-transform: uppercase;	margin: .5em 0 0.3em 0; font-size:115%;color: #006699;	font-weight: bold; text-align:center;	letter-spacing: 0.10em;}
#menu-page a { color: #888; }
#menu-page a:hover { color: #5b8fbe; }
#menu-page a.selected { color: #000000; font-weight:bold; text-decoration:underline; }
/* END SUBMENU */

/* BEGIN ANNOUCEMENTS */
#wrapper-technotes {float: right;	width:180px;	margin: 20px 30px 3em 2em;	background: transparent  url(../images/menu.png) no-repeat;	text-align: left;font-family:trebuchet ms, verdana, arial, tahoma; }
* html #wrapper-technotes { margin-right: 15px; }
#technotes { padding: 5px; width:160px; }
#technotes p { margin: 0;	padding-top:2em; padding-left:6px;	font-size: 85%; line-height:1.5em;}
#technotes h3 {	text-transform: uppercase;	margin: .5em 0 0.3em 0; font-size:115%;color: #128002;	font-weight: bold; text-align:center;	letter-spacing: 0.10em;}
/* BEGIN ANNOUCEMENTS */

/* BEGIN ANNOUCEMENTS */
#wrapper-mainpromo {margin: 10px 10px 3em 2em;	background: transparent  url(../images/promo.png) no-repeat;	text-align: left;font-family:trebuchet ms, verdana, arial, tahoma; }
* html #wrapper-mainpromo { margin-right: 15px; }
#mainpromo { padding: 5px; width:760px; }
#mainpromo p { margin: 0;	padding-left:6px;	font-size: 100%;}
#mainpromo h3 {	text-transform: uppercase;	margin: .5em 0 0.3em 0; font-size:115%;color: #128002;	font-weight: bold; text-align:center;	letter-spacing: 0.10em;}
/* BEGIN ANNOUCEMENTS */

#wrapper-webreg {float: right;	width:120px;	margin: 10px 20px 3em 2em;	background: transparent  url(../images/menu.png) no-repeat;	text-align: left;font-family:trebuchet ms, verdana, arial, tahoma; }
* html #wrapper-webreg { margin-right: 10px; }
#webreg { padding: 2px; width:130px; }
#webreg p { margin: 0;	padding-top:2em; padding-left:6px;	font-size: 80%; line-height:1.5em;}
#webreg h3 {	text-transform: uppercase;	margin: .5em 0 0.3em 0; font-size:100%;color: #006699;	font-weight: bold; text-align:center;	letter-spacing: 0.10em;}


/* BEGIN MAIN CONTENT */
#wrapper-content { background: white url('../images/leftcontent.jpg') no-repeat left top; }
* html #wrapper-content { height: 1%; }
#content {margin:0;	background: transparent url('../images/rightcontent.jpg') no-repeat right top;	padding: 1px 230px 5px 40px;  }
#content p {padding-left: 3em; padding-bottom: 1em;}
#content h1 { font-size: 210%; color:#000000; padding-bottom:.40em; }
#content h2 { font-size: 150%; color: #128002;  border-bottom:1px solid #FFCC66; margin-left:1.05em;}
#content h3 { font-size: 125%; color: #128002;  border-bottom:1px solid #FFCC66; margin-left:1.05em;}
#content ul {padding-left: 3em;}
#content ol {padding-left: 3em;}
#content dl {padding-left: 3em;}

a:link, a:visited { color: #128002; text-decoration: none; font-weight:bold; }
a:hover{ color: #666; text-decoration: none; }

#vpat {margin-left:23%; margin-top:6%;margin-bottom:8%;}
/* END MAIN CONTENT */

/* BEGIN BLOG STYLING */
#blog {margin:0;	background: transparent url('../images/rightcontent.jpg') no-repeat right top;	padding: 1px 230px 5px 40px; line-height:normal;  }
#blog p {padding-left: 3em;}
#blog h1 { font-size: 175%; color:#000000; font-family:Georgia, "Times New Roman", Times, serif; border-bottom:1px solid #FFCC66;}
#blog h2 { font-size: 130%; color: #006699; margin-left:1.05em;}
#blog h3 { font-size: 80%; margin-left: 2.7em;}
#blog ul {padding-left: 3em;}
#blog ol {padding-left:3em;}
#blog dl {padding-left: 3em;}


/* END BLOG STYLING */

/* BEGIN FOOTER */
#wrapper-footer {	margin-top: 1em;	text-align: center;}
#footer { font-size:70%; line-height: normal;	margin: 0;	background-color: #128002;	border: 1px solid #ccc;	border-bottom: 0;	text-align:center;	color:#EEEEEE;	width:100%;	}
#footer a {color:#FFFFFF; text-decoration:underline;}
/* END FOOTER */