
/*** GENERIC CLASSES ***/
.Clear {clear: both; margin-bottom: -1px; padding-bottom: 1px;}	/* for Gecko-based browsers */
.Hide {display: none;}
.Required {font-weight: bold;}

/*** VISUAL CONSISTENCY ***/
ul, ol, dl, p, h1, h2, h3, h4, h5, h6 {	/* Consistent margin and fonts */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin-top: 10px;
	margin-bottom: 10px;
	padding-top: 0;
	padding-bottom: 0;
}
ul ul, ul ol, ol ul, ol ol {margin-top: 0; margin-bottom: 0;}	/* kill margins on sub-lists */
h1, h2, h3, h4, h5, h6 {font-family: Georgia, "Trebuchet MS", serif; color: #567;}
h1 {font-size: 240%;}
h2 {font-size: 180%;}
h3 {font-size: 140%;}
h4 {font-size: 100%;}
h5 {font-size: 70%;}
h6 {font-size: 50%;}
a, a:link, a:visited, a:active {color: #9F9F9F;  text-decoration: none;}
a:hover {color: #000; text-decoration: none;}
abbr, acronym {border-bottom: 1px dotted #515752; cursor: help;}
code, pre {font-family: "Courier New", Courier, monospace;}
img, a img {border: none;}
label {cursor: pointer;}	/* Label elements are clickable, demonstrate visually */
table {font-size: 100%;}		/* Some browsers don't inherit fontsize for tables, force it */
td, th {vertical-align: top;}	/* reset tables default vertical align */

form, input, select, textarea {	/* IE adds extra everything, force this for consistency */
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 100%;
	margin: 0;
}
p {
	color: #000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: 1.5em;
	text-align: justify;
}
body{background: #999999;
	 font-family: Verdana, Arial, Helvetica, sans-serif;
	 font-size: x-small;
	 margin: 0 auto;
	 padding: 0;
	 text-align: center; /* IE5 Fix */}
body {font-size: xx-small; voice-family: "\"}\""; voice-family: inherit; font-size: x-small;} /* IE5 Win */
html>body {font-size: x-small;}	/* be nice to Opera */
* html body {text-align: center;} /* IE5 Fix */

#wrapper{text-align:center;padding-top:24px;}
#container{background: url("../images/background.jpg") no-repeat;
		   color: #303030;
		   padding: 0;
		   text-align: left;
		   width: 900px;
		   height:597px;
		   border:1px solid #666666;
		   margin:0 auto;}

#content{float:right;width:770px;text-align:center;padding-right:14px;}
#content img{border:0px;text-align:center;margin:0px;} 
#content p{text-align:justify;margin:0px;margin: 0 0 1.5em 0;font-weight:normal;}
#content table {font-size:smaller;}
#content th p {font-weight:normal;margin:0;}
#content td{vertical-align:bottom;}
#content ul{margin-left:0;padding-left:0;}
#content ul li{margin:1.5em auto;list-style-position:inside;text-align:justify;}

#menu{width:112px;float:left;}

#menuMain{margin-top:24px;margin-bottom:0px;}
#menuWorkTitle{text-align:right;margin-top:24px;}

#menuPhotoTitle{text-align:right;margin-top:24px;padding-right:10px;}

#menuPhoto{margin-top:-5px;}

#menuExtras{margin-top:400px;margin-bottom:0px;}
#menuExtrasP{margin-top:50px;margin-bottom:0px;}
#menuExtrasW{margin-top:189px;margin-bottom:0px;}

.nav{ margin:0;}
.nav ul, .nav ul li {display: block; list-style-type: none; margin: 0; padding: 0;}
.nav ul li {margin: 3px 0 0 0;padding: 0;}
.nav ul li a {padding:0;margin:0;}
.nav ul li a img{width:88px; height:15px;border:0px;}

.clickBox{
	text-align:left;
	margin:0px auto;
	margin-bottom:0px;
	position:relative;
}
.clickBox a{margin:2px;}
