/* home page layout styles */


body {
	min-width: 770px;
	text-align: center;
	font: 100.01% Verdana, Geneva, Arial, Helvetica, sans-serif;
	background-color: black;
	color: #fff;
}


p { font-size: 90%;

}

h1 {

font-size: 120%;
color: #627081;
}

h2 {
font-size: 110%;
}

h3 {
font-size: 100%;
font-weight: bold;
letter-spacing: 1px;
}

ul li {
font-size: 90%; padding-bottom: 10px;
}

ul {
	list-style-image: url(../images/Q_bullet.gif);
	list-style-position: outside;
}



/* persistent page indicators */

body#gallery li#gal a, body#questions li#faq a, body#contact li#con a { 
	background: #ccc; color: #000;
	
	}

/* end persistent page indicators */


/* layout styles */

div#wrapper {
    position: relative;
	text-align: left;
	width: 770px;
	min-width: 770px;
	margin-left: auto;
	margin-right: auto;
	border: 1px solid #000;
	background-color: #000;
	background-image: url(../images/2ndpg_logo.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}


div#content {
position: relative;
width: 450px;
margin-top: 80px;
margin-right: 35px;
margin-bottom: 5px;
margin-left: 300px;


}

div#content a:link, div#content a:visited { 
 color: #DFDAC8; text-decoration: underline;
 
 }

div#content a:hover, div#links a:focus {

color: #999; text-decoration: none;


}





/* positions the left navigation column*/
div#left {
	position: absolute;
	text-align: center; 
	width: 250px;
	top: 120px;
	left: 20px;
	
}


div#left img {
	margin: 0px 0px 0px 32px;
	border: 0px;

}



/***** Ends the left column area *****/


div#links {
	padding: 5px 5px 1px 0px;
	font-family: "Times New Roman", Times, serif;
	font-size: 120%;
	line-height: normal;
	font-weight: bold;
	color: #999999;
	letter-spacing: 2px;
	border-bottom: 2px solid #999999;
	margin-top: 30px;
	margin-right: 30px;
	margin-left: 20px;
	clear: both;
	
}

div#links a:link, div#links a:visited {
	height: 1%;
	display: inline;
	text-decoration: none;
	color: #818585;
	padding: 4px 0 0 2px;
	margin: 0;
}


div#links a:hover, div#links a:focus {
	color: #eee;
	}



div#bottom {
clear: both;
	padding: 10px 0px 10px 0px;
	font-size: 70%;
	color: #ccc;
	margin-top: 40px;
	margin-right: 130px;
	margin-left: 150px;



}


/* some classes for special circumstances */

.smaller {
font-size: 80%;
}

.onlink {

background: #333;
color: #eee;
padding: 0px 3px;
}

.answer {
color: #DFDAC8; font-style: italic;

}

/* online form styles */

form {
	margin: 10px auto; 
	padding: 10px 10px 5px; 
	border: 1px solid #eee; 
	background: #627081; 
	width: 400px; 
}
input {
	background: #cccccc; 
	padding: 2px; 
	color: #333; 
	
}

input:focus, textarea:focus {
	background: #cccccc; 
	color: #000000; 
	border: 1px solid #333; 
}
label {
	color: #fff; 
	
}
fieldset {
	background: #666666 url(../images/fieldback2.jpg) repeat-x;
	border: 1px solid #FFF; 
	padding: 5px 15px 10px; 
	color: #fff;
	font-size: 90%;
}
legend {
	color: #000;
	font-size: 120%; 
	background: #eee; 
	padding: 1px 5px; 
	border: 1px solid #036; 
	font-family: "Times New Roman", Times, serif;
	font-weight: bold;
	letter-spacing: 1px;
	
}

textarea { background: #CCCCCC; }
input.button {
	margin: 10px 120px 5px; 
	color: #000000;
}
/* The following selector resets the margins to the correct values for all browsers other than MacIE. */
/* hide from MacIE \*/
input.button {
	margin: 10px auto 5px auto;
	color: #000000;
}


/* end hide */


/* gallery styles */

#thumbs {
width: 400px;
border: 1px solid #ccc;
}

#thumbs dl {
margin: 10px 20px;
padding: 0;
}

#thumbs dt {
margin: 0;
padding: 0;
font-size: 130%;
letter-spacing: 1px;
color: #627081
}

#thumbs dd {
margin: 0;
padding: 0;
font-size: 85%;
line-height: 1.5em;
color: #999;
}




#thumbs img {
border: 1px solid #666;
}