body {margin:0; font: 12px/18px 'trebuchet ms', trebuchet, verdana, arial, helvetica, sans-serif; color: #fff; background:#000; }

#shell {width:770px; margin:0 auto; position:relative; background:transparent url(images/pageElements/bgd_shell.jpg) 0 0 repeat-y; padding-top:212px; }

/* leftside menu */
#menu { width:770px; height:30px; position:absolute; top:0; left:0; background:#957b5d; z-index:1000; }
	#menu ul { list-style:none; margin:0; padding:7px 0 0 18px; position:relative; }
	#menu ul li { display:inline; list-style-type:none; margin:0; padding:0; border-right:1px solid #fff; overflow:hidden;}
	#menu ul li a { padding:1px 18px 1px 18px; font-size:12px; font-weight:bold; text-decoration:none; color:#fff; text-transform:uppercase;}
	#menu a:hover { color:#ffc2dd;}

#logo {position:absolute; left:0; top:68px; z-index:98; border:0; }
#pagePhoto {position:absolute; left:511px; top:30px; z-index:95; }
	#homepage #pagePhoto { left:289px;}

#callouts {float:left; width:248px; padding-bottom:55px;}
	#callouts img { display:block; margin:0; border:0;}
	#homepage #callouts { float:none;}

h1 {color:#d6518d; font-weight:bold; font-size:18px; margin:0; padding:0 0 5px 0; width:442px; border-bottom:5px solid #3d3d3d; position:absolute; left:289px; top:158px; z-index:1000;}

.content { width:414px; margin-left:289px; padding-bottom:15px; min-height:205px; }
	.content a {text-decoration:none; color:#b7fffe; border-bottom:1px dotted #b7fffe; }
	.content a:hover {color:#ffeab7; border-bottom:1px solid #ffeab7; }
	.content h2 {color:#ffffff; font-weight:bold; font-size:16px; margin:18px 0 5px 0;}
	.content h3 {color:#eb9dc0; font-weight:bold; font-size:14px; margin:18px 0 5px 0;}
	.content h4 {color:#ffffff; font-weight:bold; font-size:13px; margin:18px 0 5px 0;}
	.content hr {height:1px; color:#eee; background:#eee; size:1px;}
	.content p, .content ol, .content ul, .content form {margin-top:4px; margin-bottom:16px; }
	.content ul li { margin-bottom:4px;}
#homepage .content {margin-top:-224px;}

#footer {clear:both; position:relative; background:url(images/pageElements/bgd_footer.png) 0 0 no-repeat; display:block; margin:0; padding:20px 80px 0 0; height:97px; text-align:right; text-transform:uppercase; }
	#footer #photos { visibility:hidden; position:absolute; top:4px; left:19px; }
	#homepage #footer #photos {visibility:visible;  }
	
#copywrite { width:770px; text-align:center; padding:12px 0; margin:0 auto; color:#888; font-size:10px;}
	#copywrite a {text-decoration:none; color:#888;}
	#copywrite a:hover {text-decoration:none; color:#eee; border-bottom:1px dotted #eee;}


/* Stuff */
.clear { clear:both; height:1px;}

.caption { font-style:italic; color:#eee;}
.right {margin:0px 0px 8px 9px; float:right;}
.left {margin:0px 9px 8px 0px; float:left;}

.photoright {padding:3px; background:#fff; border:1px solid #E3C771; float:right; margin:1px 0px 8px 9px;}
.photoleft{padding:3px; background:#fff; border:1px solid #E3C771; float:left; margin:1px 9px 8px 0px;}
.photo {padding:3px; background:#fff; border:1px solid #E3C771;}

.featureRight {border:5px solid #947A5D; padding:2px; float:right; margin:0 0 8px 8px;}
.featureCenter {border:5px solid #947A5D; padding:2px; margin:7px auto 7px auto; }

#altmenu {width:95%; background-color:#fff; border:2px solid #947A5D; padding:8px; font:bold 13px Arial, Helvetica, verdana, sans-serif; color:#573D27; line-height:20px; text-align:center; margin:15px auto;}
#altmenu a {text-decoration:none; color:#A91656;  border-bottom:none;}
#altmenu a:hover { border-bottom:none; color:#CD608F; border-bottom:none;}

table.menu { margin:0 0 18px 0;}
table.menu td { padding:3px;}


/* FORM ELEMENTS */
.formText {font:10px Arial, Helvetica, sans-serif;}
.validation-failed {color:#333; background-color:#FFE7E6; border:1px solid #f00;}
.validation-passed {color:#333; background-color:#D7ECD2; border:1px solid green;}
.validation-advice {display:inline; padding:1px; color:#420002; background-color:#FFE8E8; border:1px solid #CC0000;}
#userform {padding:4px; margin:4px; border:1px solid #666; }
#userform div {padding:4px; margin:6px 0 6px 4px;}
