/* =body Declare body 
__________________*/

	body {
		width:880px;
		font-size: 90%;
		font-family: 'Lucida Sans Unicode', 'Lucida Grande', Arial, Sans-serif;
		margin:0 auto;
		padding:0;
		background:#A6C297 url(background1.gif) top left repeat-x;
		}


/* Wireframe 
___________________

	div {
		margin:0;
		padding;0;
		border: 2px solid #666666;
		} */

/* =h1 Rules for headings 
___________________________*/

	h1 {
		font-size:150%;
		font-family: 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif;
		font-weight:lighter;
		color:#007647;
		line-height:90%;
		padding:15px 0 5px 0;
		margin:0;
		}

	h2 {
		font-size:115%;
		font-family: 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif;


		color:#007647;
		line-height:90%;
		letter-spacing:1px;
		padding:5px 0 0 0;
		margin:0;
		}

	h3 {
		font-size:90%;
		font-family: 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif;
		font-variant:normal;
		color:#A6C297;
		line-height:80%;
		letter-spacing:1px;
		padding:8px 0 0 0;
		margin:0;
		}

	h4 {
		font-size:80%;
		font-family: 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif;
		font-variant:normal;
		color:#A6C297;
		line-height:75%;
		padding:5px 0 5px 0;
		margin:0;
		}

	p {
		font-size:90%;
		line-height:130%;
		padding:5px 0 0 0;
		margin:0;
		color:#666666;
		}

	h1 a {
		text-decoration: none;}
		h1 a:link {color: #339933 }
		h1 a:visited {color: #339933 }
		h1 a:hover {letter-spacing: 2px }


	h2 a {
		text-decoration: none;}
		h2 a:link {color: #339933 }
		h2 a:visited {color: #339933 }
		h2 a:hover {letter-spacing: 2px }


	h3 a {
		text-decoration: none;}
		h3 a:link {color: #A6C297 }
		h3 a:visited {color: #A6C297 }
		h3 a:hover {letter-spacing: 2px }


	p a {
		text-decoration: none;}
		p a:link {color: #666666; border-bottom:1px dashed #007647;}
		p a:visited {color:#666666; border-bottom:1px dashed #007647; }
		p a:hover {color: #007647; border-bottom:1px dashed #007647; }





/* =remove Wireframing - remove after dev
__________________________________________ */

	div {		
		margin:0;
		padding:0;
		border:0px solid #FF0000;
		}

/* =container Container 
__________________________*/

		#container {
		padding:0;
  		width:880px;
		margin:0;
		background-color:#FFFFFF;
		}

	.clearfix:after {
   		content: "."; 
    		display: block; 
    		height: 0; 
    		clear: both; 
    		visibility: hidden;
		}
 

	/* Hides from IE-mac \*/
	* html .clearfix {height: 1%;}
	/* End hide from IE-mac */



/* ---------------
   Layout elements
   --------------- */

/* =masthead Masthead and descendants (Liquid position 2 column)
_________________________________________________________________*/

	#masthead {
		margin:0 125px;
		padding:0;
		position:relative;
		background-color:#FFFFFF;
		border-bottom:0px solid #666666;
		width:700px;
		height:220px;
		}

/* Main Respond 1st logo */

	#masthead img {
		float:left;
		margin:0;
		border:0;
		}



/* Masthead menu */

	#topmenu {
		margin:0;
		padding:2px 20px 4px 0;
		position:relative;
		background-color:#A6C297;
		width:860px;
		height:20px;
		text-align:left;
		}

	#topmenu ul {
		position:relative;
		margin:0;
		padding:0 4px 0 4px;
		}

	#topmenu li {
		display:inline;
		margin:0;
		padding:0 15px 0 0;
		list-style-type: none;
		color: #FFFFFF;
		text-align: right;
		text-decoration:none;
		font-family: "Lucinda Grande", Arial, Sans-serif;
		line-height: 100%;
		}
				
	#topmenu li a {
		text-decoration: none;
		letter-spacing: 3px; }
		li a:link {color: #FFFFFF }
		li a:visited {color: #FFFFFF }
		li a:hover {color: #336633 }

	#topmenu li img {
		margin:0;
		padding:0;
		border:0;
		}

/* =content Content Standard layout 
____________________________________*/

	#content {
		margin:10px 0 0 160px;
		padding:0;
		position:relative;
		width:500px;
		minimum-height:570px;
		voice-family:"\"}\"";
		voice-family:inherit;
		margin:0;
		padding:0 10px;
		}
	html>body #content {
		margin:10px 0 0 160px;
		padding:0;
		}

/* content links */

		p a {
		text-decoration: none;
		p a:link {color: #000000 }
		p a:visited {color: #000000 }
		p a:hover {color: #669966 }
		}

	#quote {
		font-size:100%;
		font-family: 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif;
		color:#669966;
		line-height:120%;
		letter-spacing:1px;
		padding:10px 0 4px 0;
		margin:0;
		}

	#quoteref {
		font-size:85%;
		font-family: 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif;
		font-variant:small-caps;
		color:#669966;
		line-height:100%;
		letter-spacing:0px;
		padding:0 0 10px 0;
		margin:0;
		}

	#ref1 {
		font-size:85%;
		font-family: 'Lucida Sans Unicode', 'Lucida Grande', Arial, Sans-serif;
		color:#666666;
		line-height:120%;
		letter-spacing:1px;
		padding:10px 0 4px 0;
		margin:0;
		}

	#bullet {
		font-size:90%;
		line-height:110%;
		padding:5px 5px 0 0;
		margin:0 10px 0 0;
		}

	#sub-bullet {
		font-size:90%;
		line-height:110%;
		padding:5px 0 0 0;
		margin:0 15px 0 0;
		}




/* Content Bios 
-----------------*/
		
	#content_bios {
		margin:10px 0 0;
		padding:0;
		position:relative;
		width:700px;
		background-color:#FFFFFF;
		}

	#content_bios img {
		float:right;
		margin:10px 0 0 10px;
		border:0;
		}

	#content_bios h1 img {
		float:left;
		margin:0 10px 0 0;
		border:0;
		}

/*  Dates Table 
-----------------*/
		

	#table_header {
		font-size:100%;
		font-family: 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif;
		color:#007647;
		font-weight:bolder;
		line-height:90%;
		letter-spacing:1px;
		padding:1px 0 0 0;
		margin:0;
		}


	#table_1 {
		font-size:90%;
		font-family: 'Lucida Sans Unicode', 'Lucida Grande', Arial, Sans-serif;
		font-variant:none;
		color:#666666;
		line-height:90%;
		padding:0;
		margin:0;
		}

	#table_2 {
		font-size:90%;
		font-family: 'Lucida Sans Unicode', 'Lucida Grande', Arial, Sans-serif;
		font-variant:none;
		color:#666666;
		line-height:90%;
		padding:1px 0 0 0;
		margin:0;
		}

	td a {
		text-decoration: none;}
		td a:link {color: #666666; border-bottom:0px dashed #007647;}
		td a:visited {color:#666666; border-bottom:0px dashed #007647; }
		td a:hover {color: #007647; border-bottom:0px dashed #007647; }



	#table_3 {
		font-size:90%;
		font-family: 'Lucida Sans Unicode', 'Lucida Grande', Arial, Sans-serif;
		font-variant:none;
		color:#666666;
		line-height:130%;
		padding:1px 0 0 0;
		margin:0;
		}

/*{
		font-size:80%;
		font-family: 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif;
		font-variant:normal;
		color:#A6C297;
		line-height:75%;
		padding:5px 0 5px 0;
		margin:0;
		}*/

	#date_1 td {
		font-size:80%;
		font-family: 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif;
		font-variant:normal;
		color:#A6C297;
		line-height:75%;
		padding:5px 0 5px 0;
		margin:0;
		}
		
/* Content Courses 
---------------------*/

	#content_coursesL {
		float:left;
		position:relative;
		margin:0 0 10px 0;
		padding:10px 15px 0;
		width:300px;
		minimum-height:180px;
		}

	#content_coursesR {
		float:right;
		position:relative;
		margin:0 0 10px 0;
		padding:10px 10px 0;
		width:300px;
		minimum-height:180px;
		}


/* =sidebar Sidebars 
_______________________*/

	#sidebar_a {
		position:relative;		
		float:left;
		padding:2px 0;
		margin:0;
		width:150px;
		height:730px;
		text-align:right;
		font-family:"Lucinda Grande", Arial, Sans-serif;
		background-color:#FFFFFF;		
		}

	#sidebar_a img {
		padding:0;
		margin:0;
		border:0;
		}


	#sidebar_b {
		float:right;
		padding:0 0 0 10px;
		margin:0;
		width:190px;
		height:370px;
		font-family:"Lucinda Grande", Arial, Sans-serif;		
		}

	#sidebar_b p {
		padding:20px 0;
		}


/* =nav Navigation style 
_________________________________*/


	dl {
		padding:0;
		margin:0;
		text-align:left;
		text-decoration:none;
		font-family: "Lucinda Grande", Arial, Sans-serif;
		font-size:90%;
		line-height: 90%;
		}


	dl img {
		margin:0;
		padding:0;
		border:0;
		}

	dt {
		padding:0 5px;
		list-style-type: none;
		text-align: left;
		text-decoration:none;
		font-family: "Lucinda Grande", Arial, Sans-serif;
		font-size:90%;
		line-height: 85%;
		}
		
	dt a {
		text-decoration: none;
		letter-spacing: 1px; }
		dt a:link {color: #669966 }
		dt a:visited {color: #669966 }
		dt a:hover {color: #006600 }

	dt img {
		margin:0;
		padding:0;
		border:0;
		}

	dd {
		font-size:100%;
		line-height:100%;
		}

	dd a {
		text-decoration: none;
		margin:0 4px 0 4px;}
		dd a:link {color: #000000 }
		dd a:visited {color: #000000 }
		dd a:hover {color: #669966 }

	.underline {
		padding:11px 0;
		color:#FFFFFF;
		border-bottom:1px dotted #999999;
		}

	.first {
		padding:10px 0 0 0;
		color:#FFFFFF;
		border-top:0px dotted #999999;
		}

	.last {
		padding:5px 0;
		color:#FFFFFF;
		border-bottom:0px solid #FFFFFF;
		}


/* =footer Footer layout 
____________________________*/


/*	#footer_left {
		float:left;
		margin:0;
		padding:0;
		position:relative;
		border-bottom:1px solid #999999;
		width:130px;
		} */

	#footer {
		margin:10px 0 150px 0;
		padding:0;
		font-size:70%;
		width:880px;
		height:60px;
		text-align:right;
		background-color:#FFFFFF;
		border-top:1px dotted #999999;
		}

/* =footer Menu style */

/*	#footer ul {
		list-style:none;
		padding:0;
		margin:0;
		text-align:right;
		}
		

	#footer li {
		margin:0;		
		display:inline;
		padding:0 20px 0 0;
		}


	#footer li a {
		text-decoration: none;
		letter-spacing: 0.1em }
		#footer li a:link {color: #000000 }
		#footer li a:visited {color: #000000 }
		#footer li a:hover {color: #669966 } 

	#footer h1 {
		float:left;
		font-size:140%;
		font-family: 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif;
		font-variant:small-caps;
		color:#669966;
		margin:0;
		display:inline;
		padding:5px 0 0 0;
		}

	#footer h1 a {
		text-decoration: none;
		#footer h1 a:link {color: #669966 }
		#footer h1 a:visited {color: #669966 }
		#footer h1 a:hover {letter-spacing: 3px } */

	#footer {
		margin:0;
		padding:2px 20px 4px 0;
		position:relative;
		background-color:#A6C297;
		border:2px solid #FFFFFF;
		width:856px;
		height:20px;
		text-align:left;
		}

	#footer ul {
		position:relative;
		margin:0;
		padding:0 5px 0 5px;
		}

	#footer li {
		display:inline;
		margin:0;
		padding:0 15px 0 0;
		list-style-type: none;
		color: #FFFFFF;
		text-align: right;
		text-decoration:none;
		font-family: "Lucinda Grande", Arial, Sans-serif;
		font-size: 120%;
		line-height: 100%;
		}
				
	#footer li a {
		text-decoration: none;
		letter-spacing: 3px; }
		li a:link {color: #FFFFFF }
		li a:visited {color: #FFFFFF }
		li a:hover {color: #336633 }

	#footer li img {
		margin:0;
		padding:0;
		border:0;
		}