/*===== ATTRIBUTE ORDER
width
height: px; auto;
margin:
padding
background: url(images/bg_grid.gif) #FFFFFF no-repeat;  (repeat-x = horizontal; repeat-y = vertical)
border: blue 1px solid;
text-align: left; right; center; justify
float: left; right;
position
border-collapse: collapse;
vertical-align: top;
COLOURS
C8E5EB very light teal
007380 deep teal
004B66 dark teal
E69900 orange
996600 brown

=====*/

body {
	margin: 0px; /* bumps website up to top-margin; except opera (margin top = 8px by default) */
	padding: 0px; /* compensates for 8px top margin in opera (does not affect other browsers) */ 
	background: url(images/0main_pagebg2.jpg) repeat-x #DAE6E6; /* page background url(images/bg_grid.gif)*/
	font-family: Verdana, Arial, Helvetica, sans-serif; /* universal default font */
	font-size: 11px;
	color: #004B66; /* dark teal */ /* aqua; black; blue; fuchsia; gray; green; lime; maroon; navy; olive; purple; red; silver; teal; white; yellow; */
	line-height: 16px; /* adjusts leading */
	}

/* ==================================== LINKS */      		
a:link, a:active, a:visited {
	color: #0099B4;
	text-decoration: underline; /* none, underline */
	}
a:hover {
	color: #5E4000;
	text-decoration: none; /* none, underline */
	}
	
/* ==================================== LISTS */
li {
	padding-bottom: 6px;
	} 

/* ==================================== PAGECENTER */
#topmargin { 
 	width: 800px; 
 	height: 20px;
	margin: auto;
    	}	
#pagecenter { 
 	width: 800px;
	margin: auto;
	background: url(images/0main_sidebar_bg.gif) repeat-y #FFFFFF; /* white */ 
    	}	

/* ==================================== SIDEBAR */
#sidebar { 
 	width: 200px;
 	text-align: center;
	float: left;
     	}
#logo { 
 	width: 200px; 
	height: 55px; /* 250 - 195 */
	padding: 195px 0px 30px 0px;
	color: #FFFFFF; /* white */
	font-size: 10px;
	font-weight: bold;
	background: url(images/0main_logo.jpg);
     	}
span.phone { 
	color: #C8E5EB; /* very light teal */
	font-size: 16px;
     	}
a.sidebaremail:link, a.sidebaremail:active, a.sidebaremail:visited {
	color: #C8E5EB; /* very light teal */
	text-decoration: none; /* none; underline; overline; line-through; */
	}
a.sidebaremail:hover { /* mouse hover */
	color: #E69900; /* orange */
	text-decoration: none;
	}
#submenu-frame { 
 	width: 190px; /* 200 - 10 */
	padding: 0px 5px 0px 5px; 
	color: #FFFFFF; /* white */
	font-weight: bold;
     	}
a.submenu:link, a.submenu:active, a.submenu:visited {
	color: #C8E5EB; /* very light teal */
	text-decoration: none; /* none; underline; overline; line-through; */
	}
a.submenu:hover { /* mouse hover */
	color: #E69900; /* orange */
	text-decoration: none;
	}
	
span.sidebarnotes { 
	color: #C8E5EB; /* very light teal */
	font-size: 10px;
	font-weight: normal;
     	}

/* ==================================== CONTENT */
#content { 
	width: 600px;
	float: left;
    	}

/* ==================================== CONTENT MENU */
#menu { 
	width: 600px;
	height: 26px;
	background: url(images/0menu_off.jpg) #0099B4; /* teal */
    	}
.tab-on {
	height: 22px; /* 26px - 4px */
	padding: 4px 20px 0px 20px;
	color: #FFFFFF;
	font-weight: bold;
	letter-spacing: 1px; /* normal or specified length eg. 2px */
	background: url(images/0menu_on.jpg) #0099B4; /* teal */
	float: left;
	}
.tab a {
	height: 22px; /* 26px - 4px */
	padding: 4px 20px 0px 20px;
	color: #FFFFFF;
	font-weight: bold;
	letter-spacing: 1px; /* normal or specified length eg. 2px */
	text-decoration: none;
	float: left;
	}
.tab a:link, .tab a:active, .tab a:visited {
	color: #FFFFFF;
	text-decoration: none;
	display: block;
	}
.tab a:hover { /* mouse hover */
	color: #FFFFFF;
	background: url(images/0menu_on.jpg) #0099B4; /* teal */
	}


/* ==================================== CONTENT HEADER IMAGE */
#header { 
 	width: 600px;
    	}
#header-img { 
 	width: 288px; 
 	height: 170px;
	float: left;
    	}
#header-info { 
 	width: 312px; 
 	height: 170px;
	background: url(images/0main_header_bg.jpg) #996600; /* brown */
	float: left;
    	}
#header-text { 
 	width: 270px; 
 	margin: 40px 20px 0px 22px;
	color: #E6D9CC; /* light orange */
    	}
span.header-title { 
	font-family: Times Roman, Times, Garamond, serif; /* universal default font */
	font-size: 21px;
	line-height: 21px; /* adjusts leading */
	color: #E69900; /* orange */
	letter-spacing: 5px; /* normal or specified length eg. 2px */
    	}

/* ==================================== CONTENT INFO */
#info-frame { 
 	width: 600px; 
    	}
#info { /* use this for all pages other than 2windows.htm */
 	width: 530px;
	margin: 0px 30px 10px 40px;
	clear: both;
    	}
.divinfo { /* use this separating door styles */
 	width: 530px;
 	padding-bottom: 50px;
 	clear: both;
    	}
#info-windows { /* allows image of windows to justify on right */
 	width: 560px;
	margin: 0px 0px 10px 40px;
	background: url(images/2windows_info_bg.jpg) right repeat-y; /* brown */
	clear: both;
	   	}
span.header-subtitle { 
	font-size: 14px;
	color: #E69900; /* orange */
	font-weight: bold;
	letter-spacing: 1px; /* normal or specified length eg. 2px */
    	}
img.floatright { 
	float: right;
	margin: 0px 0px 0px 40px;
    	}
img.floatright2 { 
	float: right;
	margin: 0px 0px 30px 40px;
    	}
img.floatleft { 
	float: left;
	margin: 0px 10px 0px 0px;
    	}

    	
/* ==================================== FOOTER */ 
#footer { 
 	width: 800px;
	margin: auto;
	font-size: 10px;
	color: #666666;
	text-align: center;
      	}
#footer a { 
 	width: 800px;
	margin: auto;
	font-size: 10px;
	color: #666666;
	text-align: center;
      	}	
#footer a:hover { 
 	width: 800px;
	margin: auto;
	font-size: 10px;
	color: #004B66;
	text-align: center;
      	}			
hr.footerline {
	height: 0px;  /* height of line thickness */
	width: 100%;  /* percentage or pixels */
	border: #FFFFFF 0px solid; 
	clear: both; /* Netscape & Firefox collapse without clear */ 
	}
	

.main_text {
	margin: 0px; /* bumps website up to top-margin; except opera (margin top = 8px by default) */
	padding: 0px; /* page background url(images/bg_grid.gif)*/
	font-family: Verdana, Arial, Helvetica, sans-serif; /* universal default font */
	font-size: 11px;
	color: #333333; /* dark teal */ /* aqua; black; blue; fuchsia; gray; green; lime; maroon; navy; olive; purple; red; silver; teal; white; yellow; */
	line-height: 16px; /* adjusts leading */
}

#NewsTicker{
	border:solid 1px #cccccc;
	width:205px;
	height:270px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	background-color: #EBF1F1;
}
	#NewsTicker h1{
	padding:6px;
	margin:0;
	border:0;
	color:#000000;
	font-size:11px;
	font-weight:bold;
	background-color: #B4CBCB;
	}
	#NewsVertical {
	width: 195px;
	height: 200px;
	display: block;
	overflow: hidden;
	position: relative;
	}
	#controller{
	padding:6px;
	font-size:11px;
	color:#666;
	}
	#play_scroll_cont{display:none;}
/* --------------- */
/* Ticker Vertical */
	#TickerVertical {
	width: 195px;
	height: 190px;
	display: block;
	list-style: none;
	margin: 0;
	padding: 0;
	}
	#TickerVertical li {
		display: block;
		width: 190px;
		color: #333333;
		text-align: left;
		font-size: 11px;
		margin: 0;
		padding: 6px;
		float: left;
	}
		#TickerVertical li .NewsTitle{
			display: block;
			color: #000000;
			font-size: 11px;
			font-weight:bold;
			margin-bottom:6px;
		}
		#TickerVertical li .NewsTitle a:link,
		#TickerVertical li .NewsTitle a:Visited {
			display: block;
			color: #000000;
			font-size: 11px;
			font-weight:bold;
			margin-bottom:6px;
			text-decoration:none;
		}
		#TickerVertical li .NewsTitle a:hover {
			text-decoration:underline;
		}
		
		#TickerVertical li .NewsImg{
			float:left;
			margin-right:10px;
		}
		#TickerVertical li .NewsFooter{
			display: block;
			color: #000000;
			font-size: 10px;
			margin:6px 0 14px 0;
		}
.content_titles_blue {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #0189A1;
	font-weight: bold;
}
