@charset "utf-8";
/* CSS Document */

* {
	font-family: Verdana, Geneva, sans-serif;

}

body	{
	background:url(Images/background250.gif) top center repeat #181818;


}

#banner		{
	position:absolute;
	top:0;
	right:0;
	width:300px;
	height:300px;
	z-index:10;
}

h2	{
	font-size:12px;
	line-height:0.5;
	}

.wrapper {
margin:0 auto;
width:885px;
text-align:left;
}

.header{
width:879px;
background:url(Images/nav.jpg);
margin-top:45px;
height:79px;
} 

.TopContent{
width:877px;
margin-top:35px;
height:365px;
border: 1px solid black;
background-image:url(Images/topbg.png);



/*filter:alpha(opacity=50);
opacity: 0.5;
-moz-opacity:0.5;*/
} 

#newsbody	{font: Verdana, Geneva, sans-serif #FFF;}

.leftnav	{
	padding-top:25px;
	width:267px;
	height:358px;
	float:left;
}

.MainContent	{
	width:598px;
	height:500px;
	padding-top:25px;
	margin-left:281px;
	margin-bottom:50px;
	voice-family: "\"}\"";
	voice-family:inherit;
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	color:#CCC;
}



/*h1{
width:486px;
height:39px;
margin:0;
overflow: hidden;
background:url(images/nav.gif) no-repeat;
}



h1 a:link, h1 a:hover, h1 a:visited, h1 a:active{
display: block;
width:486px;
height:39px;
text-indent: -100000px;
} */

h1#newrepl {
    padding-top: 35px; /* height of the replacement image */
    height: 0px;
    overflow: hidden;
    background-image: url("images/nav.jpg");
    background-repeat: no-repeat;
}



.nav{
width:800px;
height:50px;
margin-left:-12px;
margin-top:30px;
background:url(images/nav.gif) no-repeat;
} 

.content	{
	width:800px;
	height:600px;
	background:url(Images/Body.gif) no-repeat;
	margin-left:-33px;
}

.nav ul {
margin:0;
font-family: Verdana;
font-size: 12px;
line-height: 1.2em;
letter-spacing: 0;
text-align: left;
word-spacing: normal;
text-decoration: none;
color: #444;
padding-left:15px;
padding-top:13px;
list-style:none;
}
.nav li {
float:left;
margin-right:10px;
padding:0 0 0 20px;
border-bottom:1px solid #ccc;
}
.nav a {
float:left;
display:block;
padding-top:5px;
padding-right:20px;
padding-bottom:7px;
padding-left:6px;
text-decoration:none;
color:#000000;
}
/* Commented Backslash Hack
hides rule from IE5-Mac \*/
.nav a {float:none;}
/* End IE5-Mac hack */
.nav a:hover {
color:#283d9c;
text-decoration:underline;
}
.clear{
clear:both;
}


.footer{
width:100%;
padding-top:15px;
padding-bottom:15px;
text-align:center;
background:url(Images/footer.jpg);
height:130px;
font-family: Verdana;
font-size: 12px;
line-height: 1.2em;
letter-spacing: 0;
word-spacing: normal;
text-decoration: none;
}

#menu ul {
	width: 160px;
	margin: 0px;
	padding: 30px 0px 0px 10px;
	list-style: none;
	list-style-type:none;
	line-height: normal;
	font-family: Verdana, Geneva, sans-serif;
	font-size:10px;
}

#menu li {
	padding: 8px 0px;
	background: url(images/subpage01.gif) repeat-x left top;
	list-style-type:none;
}


ul, li {
    list-style-type: none;
	text-indent:0;
	padding:0;
	margin:0; 
	margin-top: 0px; 
	margin-bottom: 0px;
	line-height: 100%;
	
}

#menu li.first {
	background: none;
}

#menu a {
	text-decoration: none;
	color: #FFFFFF;
}

#menu a:hover {
	text-decoration: underline;
}

#BodyContent2	{
	margin:20px;
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	color:#CCC;
		height:1600px;
}

#BodyContent3	{
	margin:20px;
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	color:#CCC;
	border:none
}


#BodyContent	{
	margin:20px;
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	color:#CCC;
}

#BodyContent a, a:active, a:hover, a:visited	{
	color:#CCC;
}

.portfolio	{
	background-color:#000;
		filter:alpha(opacity=100);
opacity: 1;
-moz-opacity:1;
}

ul#portfolio li img{
	border: 1px solid #000;
	margin: 20px 20px 20px 20px;
	filter:alpha(opacity=100);
opacity: 1;
-moz-opacity:1;
}


.fade{
	margin-bottom: 0;
}

.fade p{
	margin-bottom: 0;
	text-align: center;
	width: 100%;
	background: #fff;
}


#photos	{
	padding:5px;
}

.panel	{
	margin:5px;
}

/* ----------- My Form ----------- */
.myform{
margin:0 auto;
width:400px;
padding:3px;
}

/* ----------- stylized ----------- */
#form1 p{
color:#FC9;
margin-bottom:5px;
padding-bottom:5px;
}
#form1 label{
display:block;
font-weight:bold;
text-align:right;
width:140px;
float:left;
}
#form1 .small{
color:#FC9;
display:block;
font-weight:normal;
text-align:right;
width:140px;
}
#form1 input{
float:left;
padding:4px 2px;
border:solid 1px #fc9;
width:200px;
margin:2px 0 5px 5px;
}
#form1 button{
clear:both;
width:125px;
height:25px;
background:#fc9) no-repeat;
text-align:center;
line-height:2px;
color:#FFF;
}

#form1 textarea{
float:left;
padding:4px 2px;
border:solid 1px #fc9;
width:200px;
margin:0px 0 10px 5px;
}#MainBody tr td #box2 p {
	text-align: center;
	font-size: 16px;
}

#footer {
   position:relative;
   bottom:0;
   left:0;
   width:100%;
   height:60px;   /* Height of the footer */
   text-align:center;
   font-size: 10px;
   color:	#CCC;
}

#left	{
	float:left;
	padding:46px;
	font-size:10px;
	color:#CCC;
}

#left	a, a:visited, a:hover, a:active	{
	color:#F93;
	font-size: 10px;
}

#footer2 {
   position:fixed;
   bottom:0 !important;
   left:0;
   width:100%;
   height:60px;   /* Height of the footer */
   text-align:center;
   font-size: 10px;
   color:	#CCC;
}

#footer2	a, a:visited, a:hover, a:active	{
	color:#F93;
	font-size: 10px;
}

#navfooter	h2, a, a:visited, a:hover, a:active	{
	color:#999;
	font-size:12px;
}