/*===== 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;
=====*/

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_page_bg.jpg) #F0ECEA repeat-x; /* 50% beige from bg sidebar */ 
	font-family: Verdana, Arial, Helvetica, sans-serif; /* Times Roman, Times, Garamond, serif */
	font-size: 11px;
	color: #194B7D; /* dk blue */ /* aqua; black; blue; fuchsia; gray; green; lime; maroon; navy; olive; purple; red; silver; teal; white; yellow; */
	line-height: 16px; /* adjusts leading */
	}
li.list 	{
	margin-left: 15px;	
	padding-bottom: 5px; /* provides extra height between each list item */
	list-style: disc; /* filled circle bullets (DEFAULT) */
	}
	
/* ==================================== centre div in page */
#pageleft { 
	width: 1000px;
	background: url(images/0main_sidebar_bg.jpg) #FFFFFF repeat-y;
    	}
hr.pagefooter {
	height: 0px;  /* width of line */
	width: 100%;  /* or pixels */
	border: #FFFFFF 0px solid; 
	background: #FFFFFF; /* white */
	padding-bottom: 5px;
	clear: both;
	}

/* ==================================== header */
#header { 
 	width: 1000px;
 	height: 140px;
	background: url(images/0main_header.jpg);
    	}
#header-1 { 
 	width: 800px; 
 	height: 44px;
    	}
#header-2 { 
 	width: 525px;
	height: 35px;
	margin-left: 275px; 
	font-family: Times Roman, Times, Garamond, serif;
	font-size: 36px;
	line-height: 36px; /* adjusts leading */
	color: #C2D9EB; /* light blue */
	letter-spacing: 2px; /* normal or specified length eg. 2px */
	font-variant: small-caps; /* normal or small-caps */
    	}
#header-3 { 
 	width: 750px; 
 	height: 46px;
	font-size: 14px;
	line-height: 16px; /* adjusts leading */
	color: #FFFFFF; /* white */
	font-weight: bold; /* bold, normal or light */
	text-align: right;
    	}
  
/* ==================================== content: SIDEBAR */
#content { 
 	width: 1000px;
    	}
#content-sidebar { 
	width: 250px;
	font-size: 11px;
	line-height: 22px; /* adjusts leading */
	color: #E6E6E6; /* off white */
	font-weight: bold; /* bold, normal or light */
	float: left;
    	}
#content-menu { 
	width: 200px;
	margin: auto;
    	}
.tabcontact { 
	margin-top: 275px;
	width: 185px; /* 200 - 15 */
	height: 60px;
	padding-left: 15px;
	background: #806C5A; /* dk brown */
	line-height: 14px;
	border-bottom: #E6E6E6 1px solid; /* off white */
    	}

/* ==================================== content: MARGIN */
#content-margin { 
	width: 25px;
	height: 400px;
	float: left;
    	}

/* ==================================== content: INFO */
#content-info { 
	width: 675px;
	float: left;
	padding-bottom: 40px;
    	}
span.title {
	font-size: 18px;
	line-height: 20px; /* adjusts leading */
	color: #337DCC; /* sky blue */
    	}
span.subtitle {
	font-size: 14px;
	font-weight: bold;
	line-height: 16px; /* adjusts leading */
	color: #337DCC; /* sky blue */
    	}
#content-spotlight { 
	width: 200px; /* 220 - 20 */
	margin: 0px 0px 20px 40px;
	color: #337DCC; /* sky blue */
	float: right;
	border-left: #CCCCCC 2px dashed;
	padding-left: 20px;
    	}
.staff-frame { 
	width: 675px;
	padding: 20px 0px 50px 0px;
	border-bottom: #CCCCCC 2px dashed;
    	}
    	    	
/* ==================================== footer */ 
#footer { 
 	width: 1000px;
 	height: 20px;
		font-size: 10px;
		color: #999999; /* gray */
      	}
img.floatright 	{
	float: right;
	margin: 0px 0px 25px 25px;
	}

/* ==================================== content: INFO */
span.openhouseblue {
	font-size: 15px;
	line-height: 18px; /* adjusts leading */
	color: #336699;
	font-style: italic; /* normal or italic */
	font-weight: bold; /* bold, normal or light */
	letter-spacing: 1px; /* normal or specified length eg. 2px */
    	}
span.openhousered {
	font-size: 21px;
	line-height: 21px; /* adjusts leading */
	color: #CC0000;
	font-style: italic; /* normal or italic */
	font-weight: bold; /* bold, normal or light */
	letter-spacing: 1px; /* normal or specified length eg. 2px */
    	}

/* ==================================== INDEX - Slideshow */
#slideshow-frame {
 	width: 280px; 
 	height: 210px;
	background: url(images/1index_slide_10.jpg);
	float: right;
	margin: 0px 0px 20px 40px;
    	}

/* ==================================== CONTACT */
.days {
 	width: 100px;
	margin-bottom: 20px; 
	float: left;
    	}
.hours {
 	width: 150px; 
	margin-bottom: 20px; 
	float: left;
    	}
hr.clear {
 	clear: both; 
    	}