/* live css */

/* ## LAYOUT ######## */

body { padding: 0; margin: 0; font-family: Arial, Helvetica, sans-serif; font-size: 0.9em; }
div, form { padding: 0; margin: 0; border: 0; }
a { text-decoration: none; }
a:hover { text-decoration: underline; }

html, body, div { border:none; }

#page { width: 840px; margin: 33px auto; }

#header, #menu, #content, #footer, #admin { clear: both; float: left; width: 840px; }
#header { height: 94px; }
#header #logo, #header #banner { float: left; }
#header #logo a { display: block; height: 94px; width: 280px; }
#header #logo a h1 { display: none; }

#menu ul, #menu li { list-style-type: none; padding: 0; margin: 0; }
#menu li { float: left; }
#menu a { width: 140px; display: block; line-height: 2.8em; text-decoration: none; text-align: center; margin: 0 0 10px 0; font-weight: normal; font-size: 75%; }

#content { height: 477px; overflow: hidden; clear: both; float: left; }
#content h1, 
#content h2, 
#content h3, 
#content h4 { font-family: Georgia, "Times New Roman", Times, serif; font-weight: normal; text-transform: lowercase; } 
#content .text a { text-decoration: none; }
#content .text a:hover { text-decoration: none; }
#content .htmlcontent {}
#pagepass { width: 840px; height: 477px; overflow: auto; padding: 150px 200px; }
#pagepass label { display: block; }
#pagepass label input { display: block; margin-left: 30px; margin-top: 5px; }

#footer ul, #footer li { list-style-type: none; padding: 0; margin: 0; }
#footer li { float: left; }
#footer a { display: block; line-height: 1.2em; font-size: 0.6em; text-decoration: none; text-align: left; margin: 8px 0 0 0; padding: 0 30px 0 1px; }

#admin { margin-top: 10px; width: 840px; }
#admin ul, #admin li { list-style-type: none; padding: 0; margin: 0; }
#admin li { float: left; }
#admin a { width: 140px; display: block; line-height: 2em; text-decoration: none; text-align: center; margin: 0 0 10px 0; font-weight: bold; }
.autowidth { width: auto; }


/* ## COLOURING ######## */

body { color: #666; background-color: #FFF; }

html, body, div {
	background-color: #FFF;
	scrollbar-arrow-color: #666;
	scrollbar-track-color: #EEE;
	scrollbar-shadow-color: #CCC;
	scrollbar-face-color: #CCC;
	scrollbar-highlight-color: #CCC;
	scrollbar-darkshadow-color: #CCC;
	scrollbar-3dlight-color: #CCC;
}

#header #logo a { background: url(../_images/ThorpPhotographic.gif) no-repeat -5px center; }

#menu a {
	color: #999;
	background: #EEE url(../_images/at_p_menu_bg.gif) repeat-x center top;
}
#menu a:hover { background: #FFF; color: #999; }

#content .text {
	color: #666;
	background-color: #C1DADB;
	scrollbar-arrow-color: #DFEEF2;
	scrollbar-track-color: #C1DADB;
	scrollbar-shadow-color: #89C0CF;
	scrollbar-face-color: #89C0CF;
	scrollbar-highlight-color: #89C0CF;
	scrollbar-darkshadow-color: #89C0CF;
	scrollbar-3dlight-color: #89C0CF;
} 
#content .text a { color: #666; }
#content .text a:hover { color: #DEEFEF; }
#pagepass { background-color: #C1DADB; }

#footer a { color: #999;  }
#footer a:hover { background-color: #FFF; color: #333; }

#admin a { color: #CCC; background-color: #333; }
#admin a:hover { background-color: #666; color: #FFF; }