@charset "UTF-8";
/* CSS Document */


body {
	background-color:#666666;
	}

#wrapper {
	width: 900px;
	height: 700px; 
	margin-left: auto;
	margin-right: auto;
	margin-top: 50px;
	}

#header {
	position: relative;
	top: 0px;
	width: 900px;
	height: 130px;
	background-image:url(../images/banner.jpg);
	}
	
#content {
	position: relative;
	top: 0px;
	width: 900px;
	height: 475px;
	background-image:url(../images/BG2.jpg);
    
	}
/*Changes the box behind the text area	*/
#textbox {
	position: relative;
	left: 50px;
	top: 80px;
	width: 823px;
	height: 350px;
	background-color:#333;
	}
	
#textbox1 {
	position: absolute;
	left: 257px;
	top: 76px;
	width: 575px;
	height: 350px;
	background-color: #333;
	}
	
#textbox3 {
	position: relative;
	left: 50px;
	top: 110px;
	width: 300px;
	height: 250px;
	background-color:#333;
	}	
#text3 {
	position: relative;
	left:61px;
	top: -140px;
	width: 300px;
	height: 180px;
	overflow:auto ;
	overflow-x: hidden;
	}


/*changes the text area/gallery	*/
#text {
	position: relative;
	left:61px;
	top: -255px;
	width: 812px;
	height: 180px;
	overflow:auto ;
	overflow-x: hidden;
	}
	
#text1 {
	position: absolute;
	left: 255px;
	top: 75px;
	width: 575px;
	height: 350px;
	}
	
#text1 p {
	padding: 20px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #CCCCCC;
	margin-top: -10px;
	
	}
	
	
	
p {
	padding: 20px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #CCCCCC;
	}
	
#footer {
	position: relative;
	top: 0px;
	width: 900px;
	height: 65px;
	}
	
/* This removes the indent on the navigation list */
#navlist {
	text-align: right;
	margin-left: 0px;
	padding-left: 10px;
	margin-top: 0px;
	}
	
/* This removes the bullets from the li tag in navlist */
/* This displays the navagation list horizontally */
#navlist li {
	list-style-type: none;
	display: inline;
	padding-left: 10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:100;
	color:#FFFFFF;
	}
	
#navlist a {
	text-decoration: none;
	display: inline;
	padding-left: 15px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:100;
	color:#FFFFFF;
	}
	
#navcontainer {
	opacity: .70; /*for recent mozilla browsers*/
	filter: alpha(opacity=70); /*for IE*/
	-moz-opacity: 0.70; /* for older mozilla browsers*/
	}
	
/* This will make the object 70% opaque */
.trans70 {
	opacity: .70; /*for recent mozilla browsers*/
	filter: alpha(opacity=70); /*for IE*/
	-moz-opacity: 0.70; /* for older mozilla browsers*/
	}
	
#commentsbox {
	position: relative;
	left: 500px;
	bottom: 460px;
	width: 350px;
	height: 350px;
	background-color:#333;
	}
	
	/*CSS for my form*/	
#contacttable {
	width:auto;
	height: 300px;
	padding: 20px;
	}
	
label, select {
	color:#FF0000;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #CCCCCC;
	}
	/*CSS for my form end*/	
	
textarea {
	width: 230px;
	height: 200px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:#333333;
	}
	
submit, input {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:#333333;
	}
	
#navcontainer { 
	position: relative;
	top: 14px;
	left: 50px;
	width: 156px;
	height: 220px;
	background-color: #3a5469;
	}

#navcontainer ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	}

#navcontainer a {
	display: block;
	width: 156px;
	background-color: #3a5469;
	}

#navcontainer a, a:hover, #navlist a:visited {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	padding-top: 2.5px;
	padding-bottom: 2.5px;
	padding-left: 0px;
	padding-right: 0px;
	margin-top: -14px;
	color:#FFFFFF;
	text-align: center;
	text-decoration: none;
	}

#navcontainer a:hover {
	background-color: #234f69;
	color: #999999;
	cursor: pointer;
	}
	
#thumb {
	position: absolute;
	left: 555px;
	top: 30px;
	
	}
	
.lightpic {
	padding: 300px;
	border: none;
	}
	
/*this is the class that will be applied by javascript*/
.lightpic_hover {
	padding: 0px;
	border: none;
	}
	
h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8px;
	color:#999;
	font-weight: 100;
	margin-top: -32px;
	}


	
#lightbox-nav { font-family:Arial, Helvetica, sans-serif;
}
html img { border-color:#333;}#wrapper #content p {
	color: #5A5A5A;
}
#wrapper #content p {
	color: #CCC;
}
#wrapper #content p {
	color: #666;
}