

									/*										*/
									/*			Structure styling			*/
									/*										*/
	


body   
{
		background:#cfcfcf	url('../images/background2.gif');
		margin: 20px 0 20px 0;
}

/* Sets all padding and margins to 0 */

* 
{
	margin:0;
	padding:0;  	
}

/* Div formatting begins */

/* Wrapper  - wraps page*/

#wrapper {
	width:800px;
	margin:0 auto;
	padding:6px;
	text-align:center;
	background:#ffffff;
}


#header {
	width:100%;
	height:160px;
	padding:0;
	background-color:#002b00;
	}


#soulton_image {
	position:relative;
	top:40px;
	left:20px;
	float:left;
	width:356px;
	height:100px;
}


#header_images {
	float:right;
	width:310px;
	height:100px;
	margin-top:30px;
	margin-right:30px;
}

#navigation_bar_top {    
	width:100%;
	height:26px;
	background-color:#393939;  
}

#main {
	float:right;
	width:680px;
	margin-top:8px;
	margin-bottom:6px;
	margin-left:3px;
	background:url(../images/background.jpg) repeat-y;
	background-position:right;
}

#content{
	float:left;
	width:500px;
	padding-left:14px;
	text-align:left;
}

#promotion {
	float:right;
	width:150px;
	/* (Background colour of the image) - #e6e6e6  ======================  Do not delete.*/
}

#promotion img {margin: 1px 0 5px 0;}	

#navigation_left {
	float:left;
	width:100px;
	margin-top:14px;
}

#awards {
	clear:both;
	width:100%;
	height:120px;
	margin-bottom:4px;
	border-top:1px solid #dddddd;
	background:url(../images/awards.jpg) no-repeat;
	background-position:center;
}

#footer {
	clear:both;
	width:100%;
	height:36px;
	text-align:center;
	background-color:#002b00;
}

#footer_left{
	float:left;
	width:21%;
	padding-left:2px;
	text-align:left;
}

#footer_center{
	float:left;
	width:55%;
	padding:2px;
	text-align:center;
	border-left:1px solid #ffffff;
	border-right:1px solid #ffffff;
}

#footer_right {
	float:right;
	width:21%;
	padding-right:2px;
	text-align:right;
}

									/* 						   			*/
									/*			Styling begins 			*/
									/* 				   		   			*/


p {
	font-family:verdana, arial;
}

a {
	text-decoration:none;
}
	
a:hover {
	text-decoration:underline;
}

span {
	font-family:verdana, arial;
	font-size:11px;
	font-weight:800;
}

h1
{
	margin-bottom:10px;
	font-family:"trebuchet ms";
	font-size:25px;
	font-weight:400;
	letter-spacing:3px;
	color:#002b00;
}

blockquote {
	margin-left:30px;
	margin-right:30px;
	text-align:right;
}

#content blockquote p {
	text-align:justify;
}

a img {
	border:none;
}
.image_inline {
	margin:0 auto;
	margin-top:10px;
	margin-bottom:10px;
	text-align:cener;
	border:0;
}

.image_left {
	margin-right:6px;
}

.image_right {
	margin-left:6px;
}

#content .no_bullet {
		background:none;
}

#content ul {
	list-style-type:none;
}

#content li {										
	padding-left:12px;
	background:url(../images/bullet.jpg) no-repeat;
	background-position:1px 10px;
}

#navigation_bar_top a {
	padding-bottom:8px;
	padding-left:18px;
	font-family:verdana;
	font-size:12px;
	color:#ffffff;
	background:url(../images/star_divider.jpg) no-repeat;
	background-position: 4px 5px;
}

#navigation_bar_top li a:hover {
	text-decoration:underline;
}

#navigation_bar_top .first {
	background:none;
}

#navigation_left ul 
{
	list-style-type:none;
	text-align:left;
	padding-bottom:3px;				 /*  											   */ 
	border-bottom:1px solid #dddddd; /*  Adds border to the bottom of navigation block */
}

#navigation_left li {
	padding:0;
	margin:0;
}

#navigation_left li a{
	display:block;
	padding:6px;
	padding-left:12px;
	font-family:verdana;
	font-size:10px;
	font-weight:200;
	color:#535353;
	background:#ffffff url(../images/arrow.jpg) no-repeat;
	background-position: 1px 50%;
	border-top:1px solid #dddddd;
}


#navigation_left li a:hover {
	text-decoration:underline;
}

#navigation_left p {
	margin-bottom:6px;
	font-family:garamond, "Times New Roman";
	font-size:16px;
	text-align:left;
}


#content p {
	margin-bottom:10px;
	text-align:left;
	line-height:20px;
	font-size:11px;
	color:#393939;
}


#footer p {
	margin:0;
	line-height:16px;
	font-size:10px;
	color:#cfcfcf;
}

#footer .left{
	text-align:left;
}
 
#footer .right {
	text-align:right;
}





									/*												*/
									/*			Styling for dropdown menus			*/
									/*												*/


#dropmenudiv{
	position:absolute;
	border:1px solid #7e7e7e;
	border-top:none;
	border-bottom:none;
	font:normal 12px Verdana;
	line-height:18px;
	z-index:100;
}

/*Drop down links style*/
#dropmenudiv a{
	width:98%;
	display: block;
	padding-left:2%;
	border-bottom:1px solid #7e7e7e;
	text-decoration: none;
	color:#ffffff;
}

#dropmenudiv a:hover{ /*hover background color*/
	background-color:#aeaeae;
}


/**********************************************************************************************************************************************/

fieldset
{
	width:498px;
	margin-bottom:26px;
	padding-top:6px;
	border:1px solid #808080;
	background-color:#f7f7f7;
}


legend {
	margin-left:14px;
	padding:4px;
	font-family:verdana;
	font-size:12px;
	font-weight:800;
	border:1px solid #808080;
	background-color:#ffffff;
	color:#808080;
}

input {
	margin-bottom:4px;
	padding:1px;
	border:1px solid #808080;
	font-family:verdana;
}

select {
	width:100px;
	margin-bottom:4px;
	color:#808080;
	border:1px solid #808080;
}

textarea {
	width:320px;
	margin-bottom:4px;
	border:1px solid #808080;
}

label {
	width:160px;
	float:left;
	clear:both;
	margin-left:0px;
	font-family:verdana;
	font-size:11px;
	color:#808080;
}

em {
	color:#ff0000;
}

ol li {
	list-style-type:none;
}

hr {
	height:1px;
	width:100%;
	margin-top:14px;
	margin-bottom:14px;
	border:0;
	color: #9E9E9E;
	background-color:#9E9E9E;
	text-align:left;
}

/**********************************************************************************************************************************************/


table {
	width:498px;
	margin:0 auto;
	margin-top:6px;
	margin-bottom:6px;
	padding:2px;
	border:2px solid #e0e0e0;
}
table td {padding: 2px;}

.odd {
	background-color:#dbdbdb;
}


