/* =body Declare body 
__________________*/

	body {
		width:760px;
		font-size: 100%;
		font-family: 'Lucida Sans Unicode', 'Lucida Grande', Arial, Sans-serif;
		color:#000000;
		margin:0 auto 0 auto;
		padding:0;
		background-color:#FFFFFF;
		}

/* Wireframe 
___________________

	div {
		margin:0;
		padding;0;
		border: 1px solid #000000;
		} */


/* =h1 Rules for headings 
___________________________*/

	.pagetitle {
		font-size:110%;
		font-family: "Lucinda Grande", Arial, Sans-serif;
		color:#339933;
		line-height:90%;
		letter-spacing:3px;
		padding:10px 0 10px 0;
		margin:0;
		}

	h1 {
		font-size:95%;
		font-family: 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif;
		font-variant:small-caps;
		color:#B3D66E;
		line-height:90%;
		letter-spacing:2px;
		padding:10px 0 0 0;
		margin:0;
		}
	h2 {
		font-size:85%;
		font-family: 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif;
		font-variant:normal;
		color:#A6C297;
		line-height:80%;
		letter-spacing:1px;
		padding:18px 0 0 0;
		margin:0;
		}
	h3 {
		font-size:75%;
		font-family: 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif;
		font-variant:normal;
		color:#A6C297;
		line-height:70%;
		padding:5px 0 5px 0;
		margin:0;
		}
	p {
		font-size:85%;
		line-height:130%;
		padding:8px 0 0 0;
		margin:0;
		}

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


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

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


/* =container Container 
__________________________*/

	#container {
		position:relative;
		margin:0;
		padding:0;
		width:760px;
		margin:0 auto 10px auto;
		background-color:#FFFFFF;
		}


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

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

	#masthead {
		margin:0 10px 0;
		padding:0 10px;
		position:relative;
		border-bottom:1px solid #000000;
		width:630px;
		height:150px;
		}

/* Main Respond 1st logo */

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

/* Bio Picture */
	.bio img {
		float:right;
		position:relative;
		clear:left;
		margin:0;
		border:0;
		}


/* Masthead menu */

	#masthead ul {
		float:right;
		display:inline:
		clear:right;
		position:relative;
		margin:0;
		padding:90px 0 0;
		vertical-align:text-bottom;
		}

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

/* =content Content Standard layout 
____________________________________*/

	#content {
		margin:10px 20px 0;
		padding:0;
		position:relative;
		width:420px;
		minimum-height:570px;
		font-size:90%;
		line-height:120%;
		}

/* content links */

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



/* Content Bios 
-----------------*/
		
	#content_bios {
		margin:10px 0 0 0;
		padding:0;
		position:relative;
		width:630px;
		}

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

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

	#content ul 
		{
		
		list-style:square inside;
		padding:8px 0 0 0;
		margin:0;
		text-align:left;
		}	

	#content li
		{
		font-size:85%;
		line-height:130%;
		padding:8px 0 0 0;
		margin:0;
		padding:0 20px 0 0;
		}

		
/* Content Courses 
---------------------*/

	#courses_left {
		float:left;
		margin:10px 0 0 0;
		padding:0;
		position:relative;
		width:630px;
		}

	#courses_right {
		float:right;
		margin:10px 0 0 0;
		padding:0;
		position:relative;
		width:630px;
		}


/* =sidebar Sidebars 
_______________________*/

	#sidebar_a {
		position:relative;		
		float:left;
		padding:0;
		margin:0;
		border-top:1px solid #999999;
		border-bottom:1px solid #999999;
		width:110px;
		height:380px;
		text-align:right;
		font-family:"Lucinda Grande", Arial, Sans-serif;		
		}


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

	#sidebar_b p {
		padding:20px 0;
		}


/* =nav Navigation style 
_________________________________*/


	dt {
		padding:0;
		list-style-type: none;
		text-align: right;
		text-decoration:none;
		font-family: "Lucinda Grande", Arial, Sans-serif;
		line-height: 110%;
		}
		
	dt a {
		text-decoration: none;
		letter-spacing: 4px; }
		dt a:link {color: #000000 }
		dt a:visited {color: #000000 }
		dt a:hover {color: #B3D66E }

	dt img {
		margin:0 0 0 5px;
		padding:0;
		}

	dd {
		font-size:70%;
		line-height:110%;
		}

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

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

	.first {
		padding:10px 0 11px 0;
		color:#FFFFFF;
		border-bottom:1px solid #999999;
		}

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


/* =footer Footer layout 
____________________________*/


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

	#footer {
		clear:both;
		margin:0 10px;
		padding:0;
		border-top:1px solid #000000;
		font-size:80%;
		width:650px;
		}

/* =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;
		letter-spacing: 1px;
		}

	#footer li a { text-decoration: none }
		li a:link {color: #000000 }
		li a:visited {color: #B3D66E }
		li a:hover {color: #B3D66E;
			     letter-spacing:3px;
			    }