BODY { 
	margin: 17px 0px 0px 0px;
	/*background-color: #FFFFFF;*/
	background-image: url('../images/main_bg.jpg');	
}

html, body { 
  margin: 17; 
  padding: 0px;
  text-align: center; 
} 

#wrap { 
  margin: 0 auto; 
  width: 726px; /* put the total with of that site */ 
} 

.page {
	position: relative;
	width: 726px;	
	margin: 0 auto;	
	text-align: left;	
}

.page1 {
	position: relative;
	width: 500px;	
	margin: 0 auto;	
	text-align: left;	
}

 .class {
    font-family: Helvetica, Arial, sans-serif, Trebuchet MS;
	font-size: 10px;
	font-weight: bold;	
	text-decoration: none;
	color: #2D2D2D;	
	padding: 5px 0px 5px 0px; /*top-right-bottom-left*/	
}

.flash_container {
	position: relative;
	left: 12px;
	top: 0px;		
}

.flash1 {
	position: relative;
	left: 0px;
	top: 0px;		
}

.flash2 {
	position: relative;;
	left: 12px;
	top: 0px;		
}

.flash3 {
	position: relative;;
	left: 0px;
	top: 12px;		
}

.flash4 {
	position: relative;;
	left: 12px;
	top: 12px;		
}

.flash_marquee {
	position: relative;
	left: 0px;
	top: 0px;	
}

.logo { 
	position: absolute;
	left: 0px;
	top: 0px;
	background-image: url('../images/logo.jpg');
	width: 324px;
	height: 75px;
}

.ticker_bg {
	position: absolute;
	left: 0px;
	top: 75px;
	width: 726px;
	height: 43px;
	background-color: #BCD73F;
}

.address_bg {
	position: relative;
	top: 0px;
	left: 0px;
	width: 726px;
	height: 33px;
	background-color: #BCD73F;
}

.address {	
	position: relative;
	top: 0px;
	left: 0px;
	background-image: url('../images/address.jpg');
	width: 726px;
	height: 33px;
}

.copy-write {
	position: relative;
	top: 0px;
	left: 157px;
	background-image: url('../images/copy-write.jpg');
	width: 439px;
	height: 25px;

}

.Marquee {
	position: relative;
	left: 0px;
	top: -4px;	
	PADDING-TOP: 4px;	
	PADDING-BOTTOM: 4px; 	 
	COLOR: #0D0E06;
	FONT-SIZE: 17pt; 
	font-weight: bold;
	FONT-FAMILY: Arial, Verdana, sans-serif, Trebuchet MS;
	speed: 15;
}


A.vh_link {
	text-decoration: none;
	color: #003399;
}

A.vh_link:hover {
	text-decoration: underline;
	color: #000000;
}

.vh {
	position: relative;
	top: 25px;		
	font-family: Arial, Verdana, sans-serif, Trebuchet MS;
	font-size: 9px;	
	text-decoration: none;
	color: #003399;	
	padding: 5px 0px 5px 0px; /*top-right-bottom-left*/	
	text-align: center;
}

.spacer {
	position: relative;
	left: 0px;
	top: 0px;
	background-image: url('../images/page_spacer.jpg');
	width: 726px;
	height: 500px;
	z-index: -1;
}

.content_container {
	position: relative;
	left: 12px;
	top: 0px;	
	width: 400px;
}

.page_headers {
	font-family: Arial, Verdana, sans-serif, Trebuchet MS;
	font-size: 14px;	
	font-weight: bold;	
	text-decoration: none;
	color: #AE3904;	
	padding: 0px 0px 20px 0px; /*top-right-bottom-left*/	
	letter-spacing: 1px;	
}


.page_text {
	font-family: Arial, Verdana, sans-serif, Trebuchet MS;
	font-size: 12px;	
	text-decoration: none;
	color: #000000;	
	padding: 9px 0px 20px 0px; /*top-right-bottom-left*/	
	letter-spacing: 1px;	
	width: 400px;
}

.page_text_header {
	font-family: Arial, Verdana, sans-serif, Trebuchet MS;
	font-size: 16px;	
	font-weight: bold;
	text-decoration: none;
	color: #000000;	
	padding: 0px 0px 0px 0px; /*top-right-bottom-left*/	
	letter-spacing: 1px;	
	width: 400px;
}



A.sub_links {
	font-family: Arial, Verdana, sans-serif, Trebuchet MS;
	font-size: 12px;
	font-weight: bold;	
	text-decoration: none;
	color: #0AA0F6;	
	padding: 0px 0px 0px 0px; /*top-right-bottom-left*/	
	letter-spacing: 1px;	
}

A.sub_links:hover {
	font-family: Arial, Verdana, sans-serif, Trebuchet MS;
	font-size: 12px;	
	text-decoration: none;
	color: #008193;	
	padding: 0px 0px 0px 0px; /*top-right-bottom-left*/	
	letter-spacing: 1px;	
}

.under_text {
	position: relative;
	left: 12px;
	bottom: 0px;
	background-image: url('../images/under_text.jpg');
	width: 413px;
	height: 75px;
}

.quotation {
	font-family: Arial, Verdana, sans-serif, Trebuchet MS;
	font-size: 12px;
	font-style: italic;
	font-weight: bold;
	text-decoration: none;
	color: #000000;	
	padding: 0px 0px 0px 0px; /*top-right-bottom-left*/	
	letter-spacing: 1px;
}

.quoter {
	font-family: Arial, Verdana, sans-serif, Trebuchet MS;
	font-size: 10px;
	font-style: italic;	
	text-decoration: none;
	color: #000000;	
	padding: 0px 0px 0px 0px; /*top-right-bottom-left*/	
	letter-spacing: 1px;
	text-align: right;
}

.case_headers {
	font-family: Arial, Verdana, sans-serif, Trebuchet MS;
	font-size: 14px;	
	font-weight: bold;	
	text-decoration: none;
	color: #008193;	
	padding: 0px 0px 5px 0px; /*top-right-bottom-left*/	
	letter-spacing: 1px;	
}

.ul.case {
	position: relative;
	top: 0px;
	padding: 0px 0px 0px 0px; /*top-right-bottom-left*/	
}

li.list {
	position: relative;
	top: -10px;
	list-style-type: disc;
	padding: 0px 0px 0px 0px; /*top-right-bottom-left*/
}

.menu {
	position: absolute;
	left: 0px;
	top: 288px;
	z-index: 1;	
}

#menu_bg {
	background-color: #008193;
}

.sidebar {
	position: absolute;
	left: 638px;
	top: 128px;
}

.sidebar #whatsnew {
	position: relative;
	left: 0px;
	top: 0px;
	background-image: url('../images/whats_new_bg.jpg');
	width: 88px;
	height: 160px;
}

.sidebar #rss_feed {
	position: relative;
	left: 60px;
	top: 2px;
}

A.whatsNew_link {
	display: block;
	width: 88px;
	height: 160px;
}

.sidebar #more {
	position: relative;
	left: 20px;
	top: 130px;	
}

.sidebar #more2 {
	position: relative;
	left: 20px;
	top: 8px;	
}

.sidebar #more3 {
	position: relative;
	left: 20px;
	top: 62px;	
}

A.more_links {
	font-family: Arial, Verdana, sans-serif, Trebuchet MS;
	font-size: 10px;	
	font-weight: bold;
	text-decoration: none;
	color: #ffffff;	
}


A.more_links:hover {
	color: #000000;
}

.sidebar #learning {
	position: relative;
	left: 0px;
	top: 0px;
	background-image: url('../images/continous_learning.jpg');
	width: 88px;
	height: 151px;
}	



A.learning_link {
	display: block;
	width: 88px;
	height: 151px;
}



.sidebar #podcast {
	position: relative;
	left: 0px;
	top: 0px;
	background-image: url('../images/podcast_bg.jpg');
	width: 88px;
	height: 151px;
}

A.podcast_link {
	display: block;
	width: 88px;
	height: 78px;
}


.weather_sticky {
	position: absolute;
	left: 622px;
	top: 590px;	
}

.clock_sticky {
	position: absolute;	
	left: 638px;
	top: 570px;
}

.fun_fair {	
	position: relative;
	left: 0px;
	top: 405px;
	display: block;
	width: 88px;
	height: 35px;
	/*background-color: #008193;*/
	z-index: 999px;
}

.audio_control {
	position: relative;
	float: right;
	width: auto;
	/*left: 638px;
	top: 2px;*/
}

.download_links {
	font-family: Arial, Verdana, sans-serif, Trebuchet MS;
	font-size: 10px;	
	text-decoration: none;
	color: #ffffff;	
	text-align: right;
}


A.skipIntro {
	font-family: Arial, Verdana, sans-serif, Trebuchet MS;
	font-size: 12px;
	font-weight: bold;	
	text-decoration: none;
	color: #383838;	
	padding: 0px 0px 0px 0px; /*top-right-bottom-left*/	
	letter-spacing: 1px;	
}

A.skipIntro:hover {
	font-family: Arial, Verdana, sans-serif, Trebuchet MS;
	font-size: 12px;	
	text-decoration: none;
	color: #696969;	
	padding: 0px 0px 0px 0px; /*top-right-bottom-left*/	
	letter-spacing: 1px;	
}


.upevents {
	width:191px;
	height:35px;
	display:block;
}

.upevents a{
	width:191px;
	height:35px;
	background:url(../images/upcoming_events.jpg) no-repeat top left;
	display:block;
}

.upevents a:hover{
	display:block;
	background-position:bottom left;
}

.abtbonnies {
	width:281px;
	height:27px;
	display:block;
}

.abtbonnies a{
	width:281px;
	height:27px;
	background:url(../images/about_bonnie.jpg) no-repeat top left;
	display:block;
}

.abtbonnies a:hover{
	display:block;
	background-position:bottom left;
}

.imgborder {
	border-color:#000000;
	border:1px solid;
	padding:3px 3px 3px 3px;
}