/*** PAGE LAYOUT ***/

body{ 
	background-color:#d6e3da;
}

#wrapper {
	margin: 0px auto;
	position: relative;
	width: 720px;
	background-image:url(../images/body-background.gif); repeat-y;
	}


#page {
	width: 720px;
	}

/*** HEADER ***/			
#header {
	margin-left: 10px;
	height: 90px;
	width: 700px;
	background-image:url(../images/headerslice.gif);
	background-repeat: repeat-x;
	}
	
#header .logo {float: left; margin: 25px 0px 0px 20px;}

#headerRight {
	background-color:#FFFFFF
	margin: 0px auto;
	margin-right: 10px;
	width: 143px;
	height: 79px;
	float: right;
	text-align: right;
	}
/*** HEADER ***/	


/*** NAVBar ***/
#navbar{
	background:url(../images/navbar.jpg); repeat-x;
	margin: 0px auto;
	height: 37px;
	width: 700px;
	}
	
	
	/*** TOP MENU ***/
	

#menu{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight:bold;
	text-align:left;
	padding-top: 7px;
	}

#menu ul{
      margin: 0;
      padding: 0;
      list-style-type: none;
	  text-align: center;
	}

#menu li{
	display:inline;
	list-style-type: none;
	margin: 0;
	padding:0 20px;
	}
	


#menu a{
	color:#FFFFFF;
	text-decoration:none;
	}

#menu a:hover{
	color:#5D1424;
	/*text-decoration: none; NOT REQUIRED*/
	}

/*** NAVBar ***/


/*** MAIN ***/	
#main{
	margin:0 auto;
	width: 700px;
	}
/*** MAIN ***/		
	
/*** MAIN RIGHT ***/
#mainRight{
	background-color:#ffffff;
	width: 470px;
	float: right;
}	
/*** MAIN RIGHT ***/
/*** BODY INSIDE MAIN RIGHT ***/
#mainRight .body{ padding:8px;} /* padding for only editable region of page, thus excludes the top picture above content */

#mainRight .body blockquote{ text-align:justify; padding:20px;}

#mainRight .body ul{
	margin:5px;
	margin-left:10px;
	padding:10px;
}

#mainRight .body ul{
	padding-top:0px;
	padding-bottom:0px;
} 

#mainRight .body li{ padding-right:10px; padding-bottom:10px;} /*Used to change the gap between each list items(LI) */

#mainRight .body th{vertical-align:top;}

#mainRight .body a{color:#0066FF; text-decoration:none;} /*All links on page will look the same*/
#mainRight .body a:hover{text-decoration:underline;} /*Over-rides the looks of link during mouse over.*/

#mainRight .body {
	scrollbar-base-color:#FFFFFF;	/*Only Controls IE, Not W3 Standard, If you want to make it compatiable with all browser,*/
	scrollbar-arrow-color:#79C0EE;	/*you can do so by breaking the standard (deleted the code on the page that govens it)*/
	scrollbar-track-color:#B3DDF6;
	scrollbar-face-color:#0F56AE;
	scrollbar-shadow-color:#79C0EE;
	scrollbar-darkshadow-color:#0F56AE;}
	
#mainRight .body h1{text-align:center;}

/*** END BODY ***/
	
/*** MAIN LEFT ***/
#mainLeft{
	background-color:#8f3f50;
	width: 230px;
	float: left;
	}

#navleft a{
	color:#E6D1B1;
	text-decoration:none;
	display:block;
}

#navleft a:hover{
	color:#ffffff;
	text-decoration:underline;
}
	
#navleft ul {
	list-style-type:none;
	padding: 5px 5px 0 5px;
	margin-left: 0px;
	margin-top: 15px;
	text-indent: 5px;
}
	
#navleft li{
	padding-left: 10px;
	margin-left:10px;
	padding-right:10px;
	background:transparent url(../images/bullet.gif) no-repeat;
	background-position: 0 3px;
	padding-bottom:40px;
	display:block;
}
	
/*** MAIN LEFT ***/

	
		/*** leftMENU ***/
		
		


		/*** leftMENU ***/	


.clr {clear:both;} 


/*** FOOTER ***/

#footer{
	background: url(../images/footer-background.gif) no-repeat;
	width: 720px;
	height: 83px;
	font-size: 10px;
	}
	
#footer .imageR{padding: 0px 0px 5px 290px;}