/* page elements */

* { padding: 0em; margin: 0em; } 

body { margin: 0; padding: 0; font: 80%/1.5em  Verdana, Tahoma, Arial,sans-serif; color: #333; text-align: left;}


/* headers */

h1, h2, h3 { font-family: 'Trebuchet MS', Tahoma, Verdana, Sans-serif; font-weight: normal;}
h1 { color:#006633; font-size: 175%; margin-bottom: 20px; line-height: 26px;} 
ul, ol { margin: 10px 15px;	padding: 0 10px;}


/* links */
a { color: #006633; text-decoration: none; }
a:hover { color: #006633; text-decoration: underline; }

p {margin: 0 0 15px 0;}


/* images */

img { border: 0; margin:0 ; padding: 0;}
img.float-right { margin: 5px 8px 5px 20px;}
img.float-left { margin: 5px 20px 5px 8px;}
.float_right_caption { float: right; margin: 5px 0px 5px 20px; text-align:center; width: 155x;}
.centred_pic {margin-top: 40px; margin-bottom: 55px; text-align:center;}
.centre_pic {margin-top: 30px; margin-bottom: 30px; text-align:center;}

/* layout */

#browser-wrap {	 position:relative; margin-left: auto;  margin-right: auto; margin-top: 0; margin-bottom: 0;  padding: 0; width: 650px; text-align: left;}
#header {  margin: 14px 0 60px 0; padding:0; width: 650px; height: 193px;}
#header-top {height: 53px; padding: 0; margin: 0;}
#header-bottom {height: 140px; padding: 0; margin: 0;}
#header-bottom {height: 140px; padding: 0; margin: 0;}
#main {	margin: 0;	padding:0; width: 650px;}
#menu { margin: 0; padding:0; width: 230px; float:left;}
#front_text { margin: 0 0 0 20px ; padding:0; width: 375px; float:right; ;}
#full { margin: 0 0 20px 0; padding:0; width: 633px; float:right; }

.sub_heading { font-size: 125%; color: #006633; margin: 40px 0 15px 0; font-weight: normal;}
.name { color: #006633; margin: 0 0 10px 0; font-style:italic;}
.top {margin: 20px 0;}
.review_pic {margin: 30px 80px; background-color:#f3f3f3; padding: 10px;}
.menu_text_box {border: #CCCCCC solid 1px; padding: 10px; margin: 20px 0 0 0 ;}

/* menu */

.sub ul {margin:0 ; padding:0; color: #006633; line-height: 16px;}
.sub li {list-style: none; margin: 0 0 3px 72px; border-bottom: 0px; font-size: 80%;  }
.sub ul a {min-height:18px; background-image:none;}
* html body .sub ul a { height: 18px; }
.sub ul a:hover {text-decoration: underline;  }

.empty {width: 211px; height: 15px;}
.gap {width: 211px; height: 35px;}
.sub_menu_title {margin: 5px 0 3px 62px; color: #006633; font-weight:bold; font-size: 90%;}
.sub_item {margin: 0 0 0 75px; color: #006633;}
.pic_button {width: 130px; text-align:center; margin: 50px 50px;}

.nav {
	margin: 0;
	padding: 0;
	width: 211px;
	list-style: none;
	background: #fff;
}
.nav li {
	padding: 0;
	margin: 0;
	height: 39px;
	list-style: none;
	background-repeat: no-repeat;
}
.nav li a, .nav li a:visited {
	display: block;
	text-decoration: none;
	text-indent: -1000px;
	height: 39px;
	background-repeat: no-repeat;
}
.drawing { background-image:url(../images/s_drawing.gif); }
.drawing a { background-image:url(../images/r_drawing.gif); }

.courses {  background-image:url(../images/s_courses.gif); }
.courses a {  background-image: url(../images/r_courses.gif);}

.portfolio {  background-image:url(../images/r_portfolio.gif); }
.portfolio a {  background-image: url(../images/s_portfolio.gif);}

.special_events {  background-image:url(../images/r_special_events.gif); }
.special_events a {  background-image: url(../images/s_special_events.gif);}

.biog {  background-image:url(../images/r_biog.gif); }
.biog a {  background-image: url(../images/s_biog.gif);}

.press {  background-image:url(../images/r_press.gif); }
.press a {  background-image: url(../images/s_press.gif);}

.illbeback {  background-image:url(../images/r_illbeback.gif); }
.illbeback a {  background-image: url(../images/s_illbeback.gif);}

.contact {  background-image:url(../images/r_contact.gif); }
.contact a {  background-image: url(../images/s_contact.gif);}

.home {  background-image:url(../images/r_home.gif); }
.home a {  background-image: url(../images/s_home.gif);}

.extras {  background-image:url(../images/r_extras.gif); }
.extras a {  background-image: url(../images/s_extras.gif);}

.distance {  background-image:url(../images/distance-down.gif); }
.distance a {   background-image: url(../images/distance-up.gif);}

ul.nav li a:hover {background: none;}



/* copyright notice */ 

.copyright_notice { margin: 20px 0 20px 0; padding:10px 0 0 0; background-color:#fff;  width: 650px; border-top: #006633 dashed 1px; }
.copyright_text { color:#006633; text-align:left; padding: 0; margin: 0;}
.warning { color:#006633; font-size: 160%; text-align:center; margin: 7px 0 15px 0;}


/* footer */ 

#footer { margin: 0; padding:20px 0 20px 0; background-color:#fff;  width: 650px; text-align:center; border-top: #006633 dashed 1px;}
.small {font-size: 80%; padding: 0;}


/* alignment classes */
.float-left  { float: left; }
.float-right { float: right; }
.align-left  { text-align: left; }
.align-right {	text-align: right; }


/* effective yet slightly paranoid clearfix hack */
.clearfix:after {
	visibility: hidden;
	font-size: 0.1em;
	display: block;
	line-height: 0;
	height: 0.1px;
    	content: " ";
	clear: both;
	}
* html .clearfix { display: inline-block; }

/* hide from ie mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* end hide from ie mac */


