/* COLORS
	Body Background:	#c0c0c0 (white)
	Wrapper Background:	#fff
	Main Text:			#000000 (black)
	Nav Bar Text:		#ffffff
	Content Border:		#000000 
	Nav Bar Background:	#000000
	Purple:				#60c
	*/
/* --- HEADINGS --- */

h1 {
  	font-size: 16px;
	font-family: arial,verdana,helvitica,times-new-roman,sans-serif; 
  	font-weight: bold;
	text-align: left;
	color: #60c; 
	}
	
h2 {
  	font-size: 14px;
	font-family: arial,verdana,helvitica,times-new-roman,sans-serif; 
  	font-weight: bold;
	text-align: left;
	text-transform: uppercase;
	color: #000; 
	}
	
h3 {
  	font-size: 11px;
	font-family: arial,verdana,helvitica,times-new-roman,sans-serif; 
  	font-weight: bold;
	text-align: center;
	text-transform: uppercase;
	color: #60c; 
	}


/* --- DIVS --- */	

body	{
		background-color: #e6e6fa; 	
		background-image: url(./images/body_b.jpg);
		background-repeat: repeat-yes;
		}

#wrapper {
	background: #fff;
	margin-left: auto;
	margin-right: auto;
	margin-top: 20px;
	width: 775px;
	min-height: 600px;
	height: auto !important;
	height: 600px;
	border: 1px solid #000;
	}
	
#header {
	background: #60c;
	margin-right: auto;
	margin-bottom: 5px;
	margin-left: auto;
	width: 769px;
	height: 110px;
	padding: 3px;
	border-bottom: 1px solid #000;
	}

#header_logo {
	float: left;
	width: 220px;
	height: 80px;
	margin: 10px;
	}

#header_right {
	float: right;
	background: #60c;
	width: 500px;
	height: 30px;
	margin: 40px 0 0 0;
	padding: 5px 0 0 0;
	font-family: arial,verdana,helvitica,times-new-roman,sans-serif; 
	font-size: 20px;
	font-weight: bold;
	text-align: center;
	color: #fff;
	}
	
#navigation {
	float: left; /* Contain floated list items */
	margin: 0px;
	padding: 0;
	background: #fff;
	list-style-type: none;
	width: 728px;	
	}

#navigation li {
	margin: 0;
	padding: 0;
	float: left;
}

#navigation a {
	float: left;
	width: 90px;
	outline: none;  /* removes dotted line around firefox links */
	text-align: center;
	color: #60c;
	text-decoration: none;
	line-height: 2.5;
	font-family: arial,verdana,helvitica,times-new-roman,sans-serif; 
	font-size: 10px;
	font-weight: bold;
	}
	
#container {
	float: left;
	background: #fff;
	width: 768px;
	margin: 5px 3px 2px 3px;
	min-height: 600px;
	height: auto !important;
	height: 600px;
	border: 1px solid #fff;
	}
	
#page_image {
	float: left;
	background: #fff;
	width: 256px;
	height: 200px;
	margin: 5px 0 5px 3px;
	border: 1px solid #fff;
}

#page_image_long {
	float: left;
	background: #fff;
	width: 256px;
	height: 400px;
	margin: 5px 0 5px 3px;
}

#page_quote {
	float: right;
	background: #fff;
	width: 469px;
	height: 85px;
	margin: 50px 3px 15px 0;
	padding: 20px 0 0 10px;
	font-family: arial,verdana,helvitica,times-new-roman,sans-serif; 
	font-size: 18px;
	color: #60c;
	border-top: 1px solid #878787;
	border-right: 1px solid #878787;
	border-bottom: 1px solid #878787;
	border-left: 5px solid #60c;
	clear: right;
	}
	
#secondary_content {
	float: left;
	background: #fff;
	width: 190px;
	height: 500px;
	margin: 0 0 5px 50px;
	clear: left;
	}

#secondary_nav {
 	margin: 0;    
  	padding: 0;
  	background: #fff;
 	list-style-type: none;
  	width: 175px;
  	margin: 0 5px 0 0;
  	font-family: arial,verdana,helvitica,times-new-roman,sans-serif; 
	font-size: 11px;
	color: #fff;
	float: right; /* Contain floated list items */
	}
#secondary_nav li {
  	margin: 0;
  	padding: 0;
  	float: left; /* This corrects the */
  	width: 100%; /* IE whitespace bug */
	}
#secondary_nav a {    
  	display: block;  /* to increase clickable area as a's 
      default to inline */
    outline: none;  /* removes dotted line around firefox links */
  	color: #60c;
  	text-align: right;
  	text-decoration: none;
  	padding: 0 5px;
  	line-height: 2.5;
  	}
#secondary_nav #nav_con a {
  	border: none;
	}
#secondary_nav a:hover {  
   	color: #000;
	}

#page_content {
	float: right;
	background: #fff;
	width: 473px;
	min-height: 600px;
	height: auto !important;
	height: 600px;
	margin: 0 3px 5px 0;
	padding: 3px;
	font-family: arial,verdana,helvitica,times-new-roman,sans-serif; 
	font-size: 11px;
	color: #000;
	border-top: 1px solid #878787;
	border-right: 1px solid #878787;
	border-bottom: 1px solid #878787;
	border-left: 5px solid #60c;
	clear: right;
	}
	
#footer {
	float: left;
	background: #60c;
	margin-left: auto;
	margin-right: auto;
	margin-top: 20px;
	margin-bottom: 2px;
	width: 759px;
	height: 25px;
	padding: 7px 5px 2px 0;
	font-family: arial,verdana,helvitica,times-new-roman,sans-serif; 
	font-size: 11px;
	color: #fff;
	text-align: center;
	border: 1px solid #000;
	}

#footer a:link {color: #fff;}
#footer a:visited {color: #fff;}
#footer a:hover {text-decoration: none; color: #fff; border-bottom: 1px solid #fff}
#footer a:focus, a:active {outline: none;}

#greystone {
	float: right;
	width: 500px;
	height: 15px;
	margin-right: 2px;
	padding: 0 2px 2px 0;
	font-family: arial,verdana,helvitica,times-new-roman,sans-serif; 
	font-size: 10px;
	color: #000;
	text-align: right;
	}

#greystone a:link {color: #60c;}
#greystone a:visited {color: #60c;}
#greystone a:hover {text-decoration: none; color: #60c; border-bottom: 1px solid #60c}
#greystone a:focus, a:active {outline: none;}



/* ---CLEARER --- */
	
.clear {
	clear: both;
	}