h1{



	font-size:24px;

	color:#000;

	



}



	

p{

	margin:5px auto;

	padding:5px;

}

 

.gothic{

	font-family: "Century Gothic",Arial, Helvetica, Sans-Serif;

}

.fw300{

	font-weight:300;

}



.sheet{

	background-image:url('../images/sheet.png');

 	background-repeat:repeat;

	background-position:center;

}







#header{

	width:1004px;

	height:50px;

}

.header_lft_txt{

	 font-size:36px; 

	 color:#CCCCCC;

	 /* font-family: "Paprika", cursive; */

}



#header_lft{

	float:left;

	width:602px;

	height:50px;





}



#header_rht{

	float:left;

	width:402px;

}

#header_rht_txt{

	padding-top:15px;

	font-size:18px;

	color:#FFFFFF;

	text-align:right;

}

#header_rht_txt a:link, #header_rht_txt a:visited, #header_rht_txt a:hover{

	color:#CCC;

	text-decoration:none;

}



.10xp{

	width:1004px;

	height:10px;

}







#nav_cont{

	margin-top:10px;

	width:1000px;

	height:32px;

	background-color:#333;

	 border: 2px solid #333;

	/*-moz-border-radius-topleft: 10px;

	-moz-border-radius-topright: 10px;

	border-top-left-radius: 10px;

	border-top-right-radius: 10px; */

	

}

#nav{

			/* border:1px solid #ccc;

			border-width:1px 0; */

			list-style:none;

			margin:0;

			padding:0;

			text-align:center;

		}

		#nav li{

			position:relative;

			display:inline;

		}

		#nav a{

			display:inline-block;

			padding:10px;

		}

		#nav ul{

			position:absolute;

			/*top:100%; Uncommenting this makes the dropdowns work in IE7 but looks a little worse in all other browsers. Your call. */

			left:-9999px;

			margin:0;

			padding:0;

			text-align:left;

		}

		#nav ul li{

			display:block;



		}

		#nav li:hover ul{

			left:0;

		}

		#nav li:hover a{

			text-decoration:underline;

			color:#fff;

		}

		#nav li:hover ul a{

			text-decoration:none;

			background:none;

		}

		#nav li:hover ul a:hover{

			text-decoration:underline;

		}

		#nav ul a{

			white-space:nowrap;

			display:block;

			border-bottom:1px solid #fff;

		}

	a{

			color:#333;

			text-decoration:none;

			/* font-weight:bold; */

		}

		a:hover{

			text-decoration:underline;

		}

		a .current{

			text-decoration:underline;

		}



#content{



	width:980px;

	float:left;

	padding:10px;

	min-height:350px;

	line-height:1.2em;

	margin-top:10px;

	

	background-color:#fff;



}

#content_cont{

	width:980px;

	float:left;

	padding:10px;

	min-height:350px;

	line-height:1.2em;

	margin-top:10px;

	



	 

}

#content_lft{

	float:left;

	width:160px;

	padding:10px;

	background:#8bb6a9 url(../images/tealSliceLg.png);

	background-position:30%;

	-moz-border-radius: 10px;

	border-radius: 10px;

	

}

#content_rht{

	float:left;

	width:780px;

	padding-left:10px;

	-moz-border-radius: 10px;

	border-radius: 10px;

	margin-left:10px;

	

}



/*#footer{

	width:1004px;

	

	margin: 10px 0 0 0;

  

}*/



#footer_lft{

	float:left;

	width:320px;

	min-height:290px;

	line-height:2em;

	border: 2px solid #FFF;

	-moz-border-radius-bottomleft: 10px;

	-moz-border-radius-bottomright: 10px;

	border-bottom-left-radius: 10px;

	border-bottom-right-radius: 10px;

	background-color:#333333;

	background-image:url(../images/charbrush.jpg);

}



#footer_lft_hdr{



	float:left;

	width:320px;

	text-align:center;

	font-size:18px;

	color:#FFFFFF;

	font-weight:bold;

	padding-bottom:20px;



}



#footer_lft_content{



	text-align:center;

	line-height:1.5em;



}

#footer_lft_content a:link{

			color:#999;

			text-decoration:none;

			font-weight:bold;

			list-style:none;

		}

#footer_lft_content a:hover{

			text-decoration:underline;

			color:#fff;

		}

#footer_lft_content a .current{

			text-decoration:underline;

			color:#fff;

		}











#footer_cnt{



	float:left;

	width:320px;

	min-height:290px;

	line-height:2em;

	border: 2px solid #FFF;

	margin-right:16px;

	margin-left:16px;

	-moz-border-radius-bottomleft: 10px;

	-moz-border-radius-bottomright: 10px;

	border-bottom-left-radius: 10px;

	border-bottom-right-radius: 10px;

	background-color:#333333;

	background-image:url(../images/charbrush.jpg);



}



#footer_cnt_hdr{



	float:left;

	width:320px;

	text-align:center;

	font-size:18px;

	color:#FFFFFF;

	font-weight:bold;

	padding-bottom:20px;





}



#footer_cnt_content{

	text-align:center;

	line-height:1.5em;

	color:#CCCCCC;







}



#footer_rht{



	float:left;

	width:320px;

	min-height:290px;

	line-height:2em;

	border: 2px solid #FFF;

	-moz-border-radius-bottomleft: 10px;

	-moz-border-radius-bottomright: 10px;

	border-bottom-left-radius: 10px;

	border-bottom-right-radius: 10px;

	background-color:#333333;

	background-image:url(../images/charbrush.jpg);





}



#footer_rht_hdr{



	float:left;

	width:320px;

	text-align:center;

	font-size:18px;

	color:#FFFFFF;

	font-weight:bold;

	padding-bottom:20px;





}



#footer_rht_content{



	padding: 20px;

	color:#CCCCCC;







}



#footer_bot{

	clear:both;

	text-align:center;

	font-size:12px;

	padding-top:10px;

	padding-bottom:10px;

	/*background: url(../images/tealSliceInv.png);

	background-size:20px 100px;

	background-position:top;*/

	



  color:#8bb6a9;

}

#footer_bot a:link, #footer_bot a:visited, #footer_bot a:active{

	text-decoration:none;

	color:#607f75;

	font-weight:300;

}

#footer_bot a:hover{

	text-decoration:none;

	color:#c2d334;

}

 



/* for clearing any floats <br class="clearfloat" /> */



.clearfloat {



    clear:both;



    height:0;



    font-size: 1px;



    line-height: 0px;



}



.thumbnail{ 



		margin:10px; 



		vertical-align: top; 



		float: left;



		font-size:12px;  



		text-align:center;

		



}



.thumbnail img {

		border-width:1px;

		border-style:solid;

		border-color: #666;

		padding:2px;

}

.thumbnail img:hover {

		border-color: #fff;

}





.gallery {



	text-align:center; margin:auto;



	padding: 10px 0 20px 0;



}



.gallery span{



	font-size:14px;



	margin-top:5px;



	



}





form { margin: 0; padding: 0; }



.center_td {

	width: 500px !important;

}







#adds {

	text-align:center;

	color:#CCC;

}

#adds a:link {color:#CCC; text-decoration:none}

#adds a:visited {color:#CCC; text-decoration:none}

#adds a:hover {color:#CCC; text-decoration:underline}

#adds a:active {color:#CCC; text-decoration:none}



#adds img {

	border:none;

}

.navcont {

	float: left;

	width: 150px;

}





ul#horiznav, #horiznav ul{/*remove the bullets from the dropdown ul as well*/

margin:0;

padding:0;

list-style-type:none;

height:32px;

z-index:10;

}



#horiznav li{

float:left;

width:125px;

position:relative;/*set position:relative as the start point for absolutely positioning the dropdown*/

}



#horiznav li a{

display:block;

width:123px;

line-height:30px;

text-align:center;

color:white;

text-decoration:none;

background-color:#333;

border:1px solid white;

font-size:13px;

font-weight:bold;

}



#horiznav li a:hover{

color:#C00;

border:1px solid #C00;

}



#horiznav li ul{

display:none;/*hide the dropdown*/

position:absolute;/*position it absolutely..*/

left:0;/*...align the left edge with the left edge of the parent li...*/

top:32px/*...and 32px down from the top - 30px height + 2px for the border*/

}



#horiznav li:hover ul {

display:block/*display the ul when the parent li is hovered*/

}



#horiznav li ul a{

background-color:#666;/*give the dropdown a different background colour*/

}





.sidenav_fb{

	/* border:solid 1px #333; */

	-moz-border-radius: 10px;

	-moz-border-radius: 10px;

	border-radius: 10px;

	border-radius: 10px;

/* background:#CCC; */

margin:4px auto;

width:152px;

padding:10px 4px 10px 4px;

text-align:center;

font-size:12px ;

}

.sidenav_fb img{

	border:none;

}

.nav_header{

	text-align:center;

	color:#000000;

	font-size:14px;

}