body {
	font-family: "Trebuchet MS", Arial, Verdana;
	font-size: 13px;
	color: #2C2C2C;
	background: #2C2C2C url(images/carbon.gif);
	text-align: center;
	margin: 0px;
	padding: 0px;
}
#container {
	text-align: left;
	width: 760px;
	margin: 5px auto 5px auto;
}
#flash_header {
	width: 760px;
	height: 113px;
}
#main_nav {
	background: #D4D4D4 url(images/menu_bg.jpg) repeat-x;
	width: 760px;
	height: 26px;
}
#main_nav ul {
	padding: 0;
	margin: 0;
	list-style-type: none;
}
#main_nav ul ul {
	width: 150px;
}
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
#main_nav li {
	float: left;
	width: 107px;
	position: relative;
}
/* style the links for the top level */
#main_nav li a, #main_nav li a:visited {
	display: block;
	font-size: 15px;
	font-weight: bold;
	text-decoration: none; 
	color: #000000; 
	width: 107px; 
	height: 26px;  
	background: url(images/button_off.jpg) no-repeat top right; 
	line-height: 26px;
	text-align: center;
}
/* style the top level hover */
#main_nav li a:hover {
	color: #FFFFFF; 
	background: #18548B url(images/button_on.jpg) no-repeat top right;
}
#main_nav li :hover > a {
	color: #FFFFFF;
	background: #18548B url(images/button_on.jpg) no-repeat top right;
}

/* style the second level links */
#main_nav li li a, #main_nav li li a:visited {
	font-size: 12px;
	background: #3D3D3D none; 
	color: #FFFFFF; 
	font-weight: normal;
	height: 21px; 
	line-height: 21px; 
	padding: 0px; 
	width: 150px;
	border-bottom: 1px solid #000000;
}
#main_nav li li a:hover {
	background: #f15c22 none; 
	color: #FFFFFF;
	font-weight: normal;
} */

/* style the third level background */
#main_nav li li li a, #main_nav li li li a:visited {
	background: #f15c22 none; 
	color: #FFFFFF;
} 
/* style the third level hover */
#main_nav li li li a:hover {
	background: #3D3D3D none; 
	color: #FFFFFF;
}
#main_nav li li li :hover > a {
	background: #3D3D3D none; 
	color: #FFFFFF;
} 

/* hide the sub levels and give them a positon absolute so that they take up no room */
#main_nav ul ul {
	visibility: hidden;
	position: absolute;
	top: 26px;
	left: 0; 
	width: 150px;
}
/* another hack for IE5.5 */
* html #main_nav ul ul {
	top: 26px;
	t\op: 26px;
}

/* position the third level flyout menu */
#main_nav ul ul ul{
	left: 150px; 
	top: 0;
	width: 150px;
}

/* style the table so that it takes no part in the layout - required for IE to work */
#main_nav table {position:absolute; top:0; left:0;}

/* make the second level visible when hover on first level list OR link */
#main_nav ul li:hover ul,
#main_nav ul a:hover ul {
visibility:visible; 
}
/* keep the third level hidden when you hover on first level list OR link */
#main_nav ul :hover ul ul {
visibility:hidden;
}
/* keep the fourth level hidden when you hover on second level list OR link */
#main_nav ul :hover ul :hover ul ul {
	visibility:hidden;
}
/* make the third level visible when you hover over second level list OR link */
#main_nav ul :hover ul :hover ul{ 
	visibility:visible;
}
/* make the fourth level visible when you hover over third level list OR link */
#main_nav ul :hover ul :hover ul :hover ul { 
	visibility:visible;
}
#nav_under {
	background: #D4D4D4 url(images/menu_under.jpg) repeat-x;
	width: 760px;
	height: 7px;
	clear: both;
}
#main {
	background: #FFFFFF url(images/content_bg.gif) bottom left no-repeat;
}
#main_gallery {
	background: #FFFFFF none;
	padding: 12px;
}
#left-bar {
	color: #FFFFFF;
	display: inline;
	width: 168px;
	margin: 12px 26px 20px 6px;
	float: left;
}
#main_content {
	display: inline;
	width: 520px;
	margin: 12px 0 20px 0;
	float: left;
}
#footer {
	font-weight: bold;
	color: #FFFFFF;
	text-align: center;
}
h2 {
	font-size: 20px;
	font-weight: bold;
	color: #f15c22;
	margin: 0;
}
h3 {
	font-size: 17px;
	font-weight: bold;
	color: #000000;
	margin: 0 0 10px 0;
}
#left-bar h3 {
	color: #FFFFFF;
}
.flyfree {
	color: #FFFFFF;
	background-color: #f15c22;
	padding: 4px 4px 10px 4px;
}
.flyfree h4 {
	font-size: 17px;
	font-weight: bold;
	text-transform: uppercase;
	margin: 0 0 10px 0;
}
/* EmailForm 
------------------------------------------------------------------------------- */
#EmailForm {
	width: 420px;
	text-align: left;
	padding-bottom: 8px;
	border: 1px solid #FF7F00;
	margin-left: 40px;
}
#EmailForm.full { width: 100%; }


#EmailForm fieldset {
    border: none;
}

#EmailForm legend {
	display: none;
}
#EmailForm h3 {
	clear: both;
	padding: 0px 0 5px;
	font-size: 14px;
	color: #000;
	font-weight: bold;
}

#EmailForm input {
	float: left;
	display: block;
	margin-top: 4px;
	width: 220px;
}

#EmailForm select {
	float: left;
	display: block;
	margin-top: 4px;
}

#EmailForm label {
	float: left;
	clear: left;
	width: 130px;
	margin: 0;
	line-height: 1.5em;
}

/* style the #EmailForm elements to look similar across browsers ... emulates Safari */
#EmailForm textarea {
    border: 1px solid #ddd;
    border-left-color: #c3c3c3;
    border-top-color: #7c7c7c;
    padding: 0 2px;
    height: 18px;
    line-height: 20px;
    background: #fff url(images/input-bg.gif) repeat-x top left;
}
#EmailForm input.checkbox,
#EmailForm select {
    border: 1px solid #ddd;
    border-left-color: #c3c3c3;
    border-top-color: #7c7c7c;
    background-color: #fff;    
}
#EmailForm textarea {
	margin-top: 3px;
	width: 383px;
	height: auto;
	display: block;
}

#EmailForm input.button {
    clear: left;
    border: 1px solid #ddd;
    border-left-color: #c3c3c3;
    border-top-color: #7c7c7c;
	background-color: #EBE9ED;
	margin-top: 6px;
}	
ul.thumbs li {
	list-style: 		none;
	float: 				left;
	display: 			block;
	list-style-image: 	none !important;
	margin:				3px 3px 0 3px !important;
}
ul.thumbs {
	list-style: 		none;
	margin: 			0;
	padding: 			0;
	clear: 				both;
}
ul.thumbs li img {
	border:				none;
	margin:				0 !important;
}
ul.thumbs li a {
	background:			none !important;
	text-decoration:	none;
	border: 			0;
}
ul.thumbs li p {
	overflow:			hidden;
}
.thumbs .clearboth { 
	clear: 				both; 
}
.childscontainer {
	margin-bottom:		20px;
	float:				left;
	text-align: center;
}
.thumbscontainer {
	margin-bottom:		20px;
	float:				left;
}
.pagenumbers {
	margin-bottom:		20px;
}
.picturecontainer {
	text-align:			center;
}
.picturecontainer .title {
	font-weight:		bold;
	margin-top:			20px;
}
.picturecontainer .picture img {
	border:				none;
	margin:				0 !important;
}
.picturecontainer .picture a {
	background:			none !important;
	text-decoration:	none;
	border: 			0;
}
.managecontainer {
    float: 				left;
	color: #000000;
}
.managecontainer textarea {
	width:				395px;
}
.managecontainer hr {
	width:				400px;
	text-align: 		left;
	margin: 			20px auto 20px 0;
}
.pictureform .managepicture {
	float:				left;
	clear:				left;
}
.pictureform .shortfields {
	margin-left: 		20px;
	float:				left;
}
.pictureform .clearboth {
	clear:				both;
}
.uploadcounter {
	width: 				20px;
	margin-bottom: 		10px;
	float:				left;
	clear:				left;
}
.uploadfile {
	margin-bottom: 		10px;
	float:          	none;
}
.uploadfile input {
	width:				385px;	
}
.uploadform {
	margin-top:			20px;
	margin-bottom:		-10px;
   	clear: 				both;
}
.uploadform .clearboth {
	clear:				both;
}
.slideshowwrapper {
	text-align:			center;
}
.deleteform {
	float:				left;
}
.synchform {
	float:				left;
}