@charset "utf-8";
body {
	font: 90% Geneva, Arial, Helvetica, sans-serif;
	line-height:1.5em;
	background: #636262;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #e1e1e1;
}
* :focus { outline: 0; }
a img {
	border:none;
}
#topnav a, #footer a {
	color:#FFF;
	text-decoration:none;
}
#topnav a:hover, #footer a:hover {
	color:#000;
}
.fltLeft {
	float:left;
	margin-right:20px;
	margin-top: 5px;
}
.fltRight {
	float:right;
	margin: 5px 0 0 15px;
}
.center {
	text-align:center;
}
#container {
	width: 970px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	background: #444;
	margin: 0 auto;
	text-align: left; /* this overrides the text-align: center on the body element. */
}
#header {
	background:url(../images/nonImageStructure_03.jpg) no-repeat bottom left #636262;
	padding: 129px 0 0 0;
	height:31px;
}
#header.signUp {
	background:url(../images/headerSignup.jpg) no-repeat #000;
	padding:208px 0 0 0;
	height:33px;
}
#header.leopard {
	background:url(../images/headerLeopard_03.jpg) no-repeat #000;
	padding:208px 0 0 0;
	height:33px;
}
#header.portrait {
	background:url(../images/headerBio_03.jpg) no-repeat #000;
	padding:208px 0 0 0;
	height:33px;
}
#header.hairBall {
	background:url(../images/headerHairBall.jpg) no-repeat #000;
	padding:208px 0 0 0;
	height:33px;
}
#header.workshop {
	background:url(../images/headerWorkshop.jpg) no-repeat #000;
	padding:208px 0 0 0;
	height:33px;
}
#header.assignments {
	background:url(../images/headerAssignments.jpg) no-repeat #000;
	padding:208px 0 0 0;
	height:33px;
}
#headerCredit {
	float:right;
	margin:-37px 6px 0 0;
	font-size:10px;
	font-family:Arial, Helvetica, sans-serif;
}
#header h1 {
	margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
	padding: 10px 0; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
}
#mainContent {
	padding: 20px 100px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	background: #444;
	text-align: left;
}
#mainContent.video {
	padding:30px;	
}
/*#mainContent.bio {
	background:url(../images/bgnd-bio.gif) no-repeat 300px 55px;
}
#mainContent.buyPrints {
	background:url(../images/bgnd-buyPrints.gif) no-repeat 175px 110px;
}*/
#mainContent h3, #mainContent h3 a {
	color:#85c1d7;
	margin-top: 20px;
	text-transform:uppercase;
	font-size: 112%;
	font-weight:normal;
	text-decoration:none;
}

#mainContent h1 {
	font-size:261%;
	line-height:110%;
}
#mainContent a {
	color:#AAA;
	text-decoration:underline;
}
#mainContent a:hover {
	color:#85c1d7;
}
#mainContent.blackBgnd {
	background:#000000;
}
#footer {
	padding: 10px 10px;
	background:url(../images/nonImageStructure_06.jpg) no-repeat #636262;
	font-size:75%;
	text-align: center;
	color:#FFF;
	line-height:.9em;
}
#footer p {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
}
#footer p.drkGray {
	color:#a9a8a8;
	font-size:100%;
}
#topnav {
	text-align:right;
	font-size:90%;
	background:#636262;
	padding: 10px 3px 3px 0;
}	
.blueText {
	color:#89b9fa;
}
.smText {
	font-size:12px;
	color: #AAA;
}
blockquote {
	color:#AAA;
	font-size: 90%;
	line-height: 1.3em;
	margin-bottom: 40px;
}
.greyText {
	color:#AAA;
	font-size:90%;
}
.clear {
	clear:both;
}
#schedualeTable {
	border-collapse:collapse;
	margin:20px 0;
}
#schedualeTable td{
	padding:40px 10px;
	vertical-align:top;
}
#schedualeTable td h3{
	margin-top:0;
}
#pricingTable {
	border-collapse:collapse;
	margin:0;
}
#pricingTable td, #pricingTable th{
	padding:5px;
	border:solid 1px #333;
	text-align:center;
}
#pricingTable th {
	background-color:#333333;
}
#tableContact {
	border-collapse:collapse;
	margin:75px 0 0 0;
}
#tableContact th {
	vertical-align:top;
	padding:5px;
	text-align: right;
}
#tableContact input {
	width:200px;
}
.whiteBorder {
	border:8px solid #FFF;
}
.whiteBrdrBtm {
	border-bottom:solid 2px #555;
}
.imgCredit {
	display:inline;
	text-align:center;
	color:#aaa;
	font-size:12px;
	line-height:14px;
}
Style for newsletter signup form
.nlSignup {
	float:right;
	width:200px;
}
#SignUp .signupframe {
   border: 1px solid #636262;
   background: #444;
   color: #85c1d7;
   font-family: Arial, Helvetica, sans-serif; 
   margin-top:10px;
}
#signUp table{
	border-collapse:collapse;
	margin:10px 0;
	background:#370101;
	color:#FFF;
}   
#signUp td {
	padding:5px 5px 15px 5px;
	color:#FFF;
	text-align:center;
}
#signUp th {
	color:#85c1d7;
	padding:10px;
}
#strap {
	float:right;
	color:#fff;
	font-size:150%;
	margin-left:10px;
	text-align:center;
	line-height:160%;
	padding-top:15px;
}
#strap p {
	padding:0;
	margin:0;
}
#strap .greentxt, #strap .greentxt a{
	color:#d9db56;
	font-size:12px;
	line-height:14px;
	padding-top:20px;
	text-decoration:none;
}
#strap .greentxt a:hover {
	text-decoration:underline;	
}
.smallUl {
	margin:0;
	padding:0;
}
.smallUl li{
	margin:0 0 5px 15px;
	padding:0;
	font-size:90%;
	line-height:120%;
}
.waitListed {
	padding:5px;
	margin-left:10px;
	background:#973658;
	font-size:80%;
}
