/****** XHTML Elements *****/

/* Top Elements */
* {margin: 0; padding: 0;}

body {background: #cccccc;
		  font: 70%/1.5em verdana,arial,sans-serif;
			color: #555555;
			text-align: center;}
			
/* Links */
a, a:visited {color: #2180bc;
	 					  text-decoration: none;
	 					  background: inherit;}
							 
a:hover {color: #88ac0b;
				 text-decoration: underline;
				 background: inherit;}
				 
/* Headers */
h1, h2, h3 {font-family: verdana,arial,sans-serif;
					  font-weight: bold;}
						
h1 {font-size: 130%;}

h2 {font-size: 120%;
	  text-transform: uppercase;
		color: #88ac0b;}
		
h3 {font-size: 120%;
	  colour: #666666;}
		
h1, h2, h3, p {margin: 0;
							 padding: 10px;}
							 
p.vc {float: right;
		  font-weight: bold;}
							 
/* Images */
img {background: #fafafa;
     border: 1px solid #e5e5e5;
	   padding: 3px;}
		 
img.floatright {margin: 5px 0px 10px 10px;}

img.floatleft {margin: 5px 10px 10px 0px;}

/* Table */
table {border-collapse: collapse;
			 margin: 10px;}

th strong {color: #ffffff;}

th {height: 29px;
	  padding-left: 12px;
		padding-right: 12px;
		border-left: 1px solid #b6d59a;
		border-bottom: 2px solid #ffffff;
		background: #93bc0c;
		color: #ffffff;
		text-align: left;}
		
tr {height: 30px;}

td {padding-left: 11px;
	  padding-right:11px;
		border-left: 1px solid #ffffff;
		border-bottom: 1px solid #ffffff;}
		
td.first,th.first {border-left: 0px;}

tr.rowa {background: #f8f8f8;}

tr.rowb {background: #efefef;}

/* Forms */
form {margin:10px; padding: 0 5px;
	    border: 1px solid #f2f2f2; 
	    background-color: #fafafa;}
			
label {display:block;
	     font-weight:bold;
	     margin:5px 0;}
			 
input {padding:2px;
	     border:1px solid #eeeeee;
	     font: normal 1em verdana,arial,sans-serif;
	     color:#000000;}
			 
textarea {width:400px;
	        padding:2px;
	        font: normal 1em verdana,arial,sans-serif;
	        border:1px solid #eeeeee;
	        height:100px;
	        display:block;
	        color:#000000;}
					
input.button {font: bold 12px Verdana,arial,sans-serif; 
	            height: 24px;
	            margin: 0;
	            padding: 2px 3px; 
	            color: #ffffff;
	            background: #8eb50c url(button.jpg) repeat-x 0 0;
	            border: none;}
	  
		
		
/***** Layout *****/
#wrap {width: 820px;
			 background: #cccccc url(content.jpg) repeat-y center top;
			 margin: 0 auto;
			 text-align: left;}
			 
#contentwrap {clear: both;
							width: 760px;
							padding: 0;
							margin: 10px auto;}
							 
#header {position: relative;
				 height: 103px;
				 width: 820px;
				 padding: 0;
				 color: #ffffff;
				 background: #cccccc url(header.jpg) no-repeat center top;}
				 
#header h1#logotext {position: absolute;
					 					 margin: 0; 
										 padding: 0;
										 font: bolder italic 44px arial,sans-serif;
										 letter-spacing: -2px;
										 color: #ffffff;
										 text-transform: none;
										 top: 25px; left: 47px}
											 
#header h2#slogan {position: absolute;
									 margin: 0; 
									 padding: 0;
									 font: normal 12px arial,sans-serif;
									 color: #ffffff;
									 text-transform: none;
									 top: 70px; left: 55px;}
									 
/* Header Links */
#header #headerlinks {position: absolute;
											top: 20px; right: 30px;
											font-size: 10px;}
											 
#header #headerlinks a {color: #ffffff;
												text-decoration: none;}
												 
#header #headerlinks a:hover {color: #d4e59f;
															text-decoration: underline;}

/* Menu */
#menu {clear: both;
			 height: 37px;
			 width: 780px;
			 margin: 0 auto; 
			 padding: 0;
			 background: url(menu.jpg) repeat-x 0 0;
			 font: bold 12px/37px verdana,arial,sans-serif;}
			 
#menu ul {float: right;
			    list-style: none;
					margin: 0;
					padding: 0;}
					
#menu ul li {display: inline;}

#menu ul li a {display: block;
				 			 float: left;
							 padding: 0 10px;
							 color: #ffffff;
							 text-decoration: none;}
							 
#menu ul li.last a {padding-right: 20px;}

#menu ul li a:hover {color: #d4e59f;}

#menu ul li#current a {color: #d4e59f;}

/* Main Content */
#main {float: right;
			 width: 70%;
			 margin: 0 5px 0 0;
			 padding: 0;
			 display: inline;}
			 
#main h1 {margin-top: 10px;
			    padding: 5px 0 5px 25px;
					border-bottom: 1px solid #eff0f1;
					color: #88ac0b;
					font: bold 140% verdana,arial,sans-serif;
					background: #ffffff url(square.png) no-repeat 3px 50%;}
					
/* Side Bar */
#sidebar {float: left;
				  width: 27%;
					margin: 0;
					padding: 0;}
					
#sidebar h1 {margin-top: 10px;
				     padding: 5px 0 5px 10px;
						 border: 1px solid #eff0f1;
						 color: #555555;
						 font: bold 1.1em verdana,arial,sans-serif;
						 background: #eef0f1 url(headerbg.gif) repeat-x left bottom;}
						 
#sidebar .leftbox {border: 1px solid #eff0f1;
				 					  margin: 0 0 5px 0;}
										
#sidebar ul.sidemenu {list-style: none;
				 						 	margin: 3px 0 8px 0;
											padding: 0;
											text-align: left;
											text-decoration: none;}
											
#sidebar ul.sidemenu li {margin: 0 2px;
				 						 		 padding: 2px 0 2px 25px;
												 border-bottom: 1px solid #eff0f1;
												 background: url(go.gif) no-repeat 5px 5px;}
												 
#sidebar ul.sidemenu a {font-weight: bolder;
				 						 	  text-decoration: none;
												background-image: none;}
												
#sidebar ul.sidemenusub {list-style: none;
				 						 	   margin: 0 0 5px 0;
											   padding: 0;
											   text-align: left;
											   text-decoration: none;}
											
#sidebar ul.sidemenusub li {margin: 0 2px;
				 						 		    padding: 0 0 0 5px;
												    border-bottom: none;
												    background: transparent;}
												 
#sidebar ul.sidemenusub a {font-weight: normal;
				 						 	     text-decoration: none;
												   background-image: none;}
												
#sidebar ul.sidemenusub a:hover {font-weight: normal;
				 						 	           text-decoration: underline;
																 background-image: none;}
								
/* Footer */
#footer {clear: both;
				 height: 65px;
				 width: 820px;
				 text-align: center;
				 font-size: 92%;
				 color: #c6ddee;
				 background: #cccccc url(footer.jpg) no-repeat center top;}
				 
#footer a {color: #ffffff;
				   text-decoration: none;}
					 
#footer a:hover {color: #d4e59f;
								 text-decoration: underline;}
								 
								 
/* alignment classes */
.floatleft  {float: left;}
.floatright {float: right;}
.alignleft  {text-align: left;}
.alignright {text-align: right;}