/* Global Resetting */
html{	
	width: 100%;
	height: 100%;
}

/* reset.css */

html, body, div, span, object, iframe, h5, h6, blockquote, pre, a, abbr, acronym, 
address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, 
caption, tbody, tfoot, thead, tr, th, td, submit, text {
	margin:0;
	padding:0;
	font-weight:inherit;
	font-style:inherit;
	font-size:100%;
	font-family:inherit;
}


img { border:none; margin: 0px; padding: 0px; }
a img { border:none; margin: 0px; padding: 0px; }

/* ##################### */
/* GENERAL*/

body {
	margin: 0px 0px 0px 0px;
	background: url('../images/bgtile.gif');
	background-repeat: repeat-x;
	background-color: #ffffff;
	text-align: center;
	font-family: Arial, sans-serif, verdana;
}

#container {
	width: 810px;
	margin: auto;
	text-align: center;
}

p, a, li, td, form, label, text, submit, select, input {
	font-size: 11px; 
	line-height: 18px;
	font-weight: normal;
	color: #747678;
}

a { text-decoration: none; }
a:hover { text-decoration: underline; }


hr {
	height: 1px;
	color: #e6e2e4;
	width: 95%;
	margin: 10px 0px 10px 0px;
}

.clearBoth { clear: both; height: 20px; margin: 0px; padding: 0px; text-align: left; }

.clearBoth p { margin: 0px; padding: 0px; line-height: 16px; }





/* ##################### */
/* HEADER */

#header1 {
	width: 810px;
	height: 86px;
	padding: 0px;
	margin: 0px 0px 0px 0px;
	overflow: hidden;
	text-align: left;
}


#mainMenu {
	float: left;
	width: 490px;
	height: 61px;
	margin: auto;
	padding: 0px;
	margin: 10px 0px 14px 0px;
	text-align: left;
	overflow: hidden;
	text-transform: lowercase;
}

#mainMenu ul {
	height: 20px;
	text-align: left;
	margin: 40px 0px 0px 0px;
}

#mainMenu li {
	display:inline;
	color: #998790;
	font-size: 10px; 
	line-height:20px;
	font-weight: normal;
	text-decoration: none;
	text-align: left;
	margin: 0px 10px 0px 5px;
}

#mainMenu li a.current {
	color: #61432a;
}


#logo {
	display: block;
	float: right;
	width: 319px;
	height: 61px;
	margin: auto;
	padding: 0px;
	margin: 10px 0px 14px 0px;
	background: url('../images/logo-garden-bothy.gif');
	background-repeat: no-repeat;
	text-align: left;
}

#logo h1 {
	margin: 0px;
	padding: 0px;
	font-size: 10px; 
	line-height: 10px;
}

#logo { letter-spacing : -1000em; text-indent : -999em; } 
/* Just for Opera, but hide from MacIE */ 
/*\*/html>body #logo { letter-spacing : normal; text-indent : -999em; overflow : hidden; } 
/* End of hack */ 
#logo a { width:319px; height:61px; display:block; padding: 0px; margin: 0px; }



#header2 {
	clear: both;
	width: 810px;
	height: 40px;
	padding: 0px;
	margin: 0px;
	text-align: left;
}


#buildTypes {
	width: 600px;
	height: 40px;
	float: left;
	padding: 0px;
	margin: 0px 0px 0px 0px;
	text-align: left;
	text-transform: lowercase;
}

#buildTypes ul {
	height: 20px;
	text-align: left;
	margin: 10px 0px 0px 0px;
	padding: 0px;
}

#buildTypes li {
	display:inline;
	color: #998790;
	font-size: 10px; 
	line-height:20px;
	font-weight: normal;
	text-decoration: none;
	text-align: left;
	margin: 0px 10px 0px 5px;
}

#buildTypes li a.current {
	color: #61432a;
}


#tagline {
	display: block;
	width: 160px;
	height: 22px;
	padding: 0px;
	margin: 10px 0px 0px 0px;
	background: url('../images/making-rooms-garden-2.gif');
	background-repeat: no-repeat;
	float: right;
}

#tagline h2 {
	font-size: 14px; 
	line-height: 14px;
	font-weight: normal;
	color: #c4b6a2;
}

#tagline { letter-spacing : -1000em; text-indent : -999em; } 
/* Just for Opera, but hide from MacIE */ 
/*\*/html>body #tagline { letter-spacing : normal; text-indent : -999em; overflow : hidden; } 
/* End of hack */ 


#header #buildTypes p {
	font-size: 11px; 
	line-height: 11px;
	font-weight: normal;
	color: #747678;
	margin: 0px;
	padding: 0px;
}






/* ##################### */
/* CONTENT BOX (ES) */

#ContentContainer {
	background:#ffffff;
	padding-top:20px;
	overflow: auto;
}

#Content {
	margin: 10px 0px 0px 0px;
	width: 810px;
}

#ContentSmaller { /* used when sub-menu comes into play */
	float: right;
	margin: 10px 0px 0px 0px;
	width: 630px;
}

#GenericMenu2 {
	width: 180px;
	float: left;
	margin: 15px 0px 0px 0px;
	text-align: left;
}

#GenericMenu2 ul {
	list-style-type: none;
}

#GenericMenu2 ul li a {
	display: block;
	width: 160px;
	height: 20px;
	color: #7e5a39;
	text-decoration:none;
	font-size:10px;
	text-indent : 1.5em;
	background: url('../images/GenericMenuL2-bg.gif');
	background-repeat: no-repeat;
	background-color: #dfdad6;
	margin-bottom: 2px;
}

#GenericMenu2 ul li a:hover {
	color: #ffffff;
	text-decoration:underline;
	background-color: #7e5a39;
	text-indent : 1.5em;
}







/* ##################### */
/* BREADCRUMBS */

div.breadcrumbs {
	margin-bottom:20px;
	font-size:10px;
	color:#666;
	text-align: left;
}
div.breadcrumbs a {
	text-decoration:none;
	font-size:10px;
}
div.breadcrumbs a:hover {
	text-decoration:underline;
	color: #b2a893;
}




/* ##################### */
/* FLASH */

#flashBoxGeneric {
	width: 810px;
	height: 300px;
	padding: 0px;
	margin: 0px 0px 0px 0px;
}

#flashBoxHome {
	width: 810px;
	height: 300px;
	padding: 0px;
	margin: 0px 0px 0px 0px;
	background-color: #ffffff;
}


/* ##################### */
/* HOME PAGE SPECIFIC */

#HomeExtnLink, #HomeSpecLink {
	width: 395px;
	height: 45px;
	overflow: hidden;
	background-color: #7e5a39;
	color: #ffffff;
	margin-bottom: 15px;
	text-align: left;
	background: url('../images/homebtn-bg.gif');
	background-repeat: no-repeat;
}

#HomeSpecLink { float: right; }

#HomeExtnLink {	float: left;}

#HomeExtnLink h1, #HomeSpecLink h1 {
	color: #c5b8a5;
	display: block;
	width: 110px;
	height: 35px;
	margin-top: 0px;
	margin-left: 20px;
	float: left;
	text-align: left;
	font-size: 20px; 
	line-height:20px;
}

#HomeExtnLink h1 a, #HomeSpecLink h1 a {
	text-decoration: none;
	text-align: left;
	color: #c5b8a5;
	font-size: 20px; 
	line-height:20px;
	font-weight: normal;
	text-transform: lowercase;
	text-align: left;
	display: block;
	width: 110px;
	float: left;
}

#HomeExtnLink h1 a:hover, #HomeSpecLink h1 a:hover {
	color: #ffffff;
	text-decoration: none;
}

#HomeExtnLink a, #HomeSpecLink a {
	color: #ffffff;
	font-size: 11px; 
	line-height:14px;
	font-weight: normal;
	text-align: left;
	margin-top: 0px;
	padding-top: 0px;
	float: left;
	display: block;
	height: 35px;
	margin-top: 10px;
	padding-top: 0px;
}




/* ##################### */
/* FOOTER */

#footer {
	height: 55px;
	padding: 5px 0px 0px 0px;
	margin: 0px;
	text-align: center;
	background: url('../images/footer-bgtile.gif');
	background-repeat: repeat-x;
}

#footer ul {
	display: block;
	height: 25px;
	width: 810px;
	text-align: left;
	margin: auto;
	margin-top: 0px;
	padding: 0px;
}

#footer li {
	display:inline;
	color: #ffffff;
	font-size: 10px; 
	line-height:15px;
	font-weight: normal;
	text-decoration: none;
	text-align: left;
	margin: 0px 10px 0px 5px;
}

#footer li a {
	color: #ffffff;
	text-decoration: none;
}

#footer li a:hover {
	color: #ffffff;
	text-decoration: underline;
}





/* ##################### ##################### ##################### ##################### */
/* END OF MY STUFF! */







/* Layout CSS */










/* The rest of this file is for the second tutorial */
#NewsList,
#StaffList {
	background:#f0f0f0;
	border:1px dotted #ccc;
	padding:10px;
}

#NewsList li,
#StaffList li {
	margin: 0;
	list-style-type: none;
}
	#NewsList li.newsDateTitle span {
		color:#666;
		line-height:2em;
	}
	#NewsList li.newsDateTitle a {
		font-size:1.3em;
		font-weight:bold;
		color:#0083C8;
		text-decoration:none;
		padding-left:20px;
		background:url(../images/treeicons/news-file.gif) no-repeat left center;
	}
		#NewsList li.newsDateTitle a:hover {
			border-bottom:1px dotted #0083C8;
		}
		
	#NewsList li.newsSummary {
		margin-bottom:20px;
	}
		#NewsList li.newsSummary span {
			font-size:1.1em;
			line-height:1.5em;
			color:#333;
		}
		#NewsList li.newsSummary a.readMoreLink {
			color:#0083C8;
			text-decoration:none;
		}
			#NewsList li.newsSummary a.readMoreLink:hover {
				border-bottom:1px dotted #0083C8;
			}

div.newsDetails {
	margin-bottom:10px;
}

div.newsDetails p {
	color:#666;
	margin:0;
	font-size:1em;
}

div.pageComments {
	background:#f0f0f0;
	border:1px dotted #ccc;
	padding:10px;
}

#StaffList .staffname { 
	clear: both;
	padding-left: 60px;
	height: 1.2em;
}

#StaffList .staffphoto {
	float: left;
	margin-left: 3px;
	margin-top: -1.2em;
}     
#StaffList .staffphoto img {
	border:1px solid #AAA;
}

#StaffList .staffdescription {
	margin-left: 60px;
	margin-bottom:30px;
}

#StaffPhoto {
	float: left;
	margin-right: 10px;
}

#StaffPhoto img {
	border:1px solid #AAA;
}

#PageComments {
	list-style:none;
	background:#e9e9e9;
	border:1px solid #ccc;
	border-bottom:0;
	padding:0;
	margin:0;
}
	#PageComments li {
		list-style:none;
		padding:5px;
		margin:0;
		font-size:1em;
		border-bottom:1px dotted #bbb;
	}
		#PageComments li p span {
			font-style:italic;
		}
		#PageComments a.deletelink {
			font-weight:bold;
		}

			
#PageNumbers {
	font-weight:bold;
	color:#333;
	font-size:1.1em;
	text-align:center;
	padding:5px;
	border:1px solid #ddd;
	background:#e9e9e9;
}
#PageNumbers * {
	padding:0 5px;
	line-height:1.5em;
}
#PageNumbers a {
	color:#0083C8;
	text-decoration:none;
}
	#PageNumbers a:hover {
		text-decoration:underline;
	}