/* CSS Document */

body {font-family:'Trebuchet MS', Arial, Helvetica, Sans Serif; font-size:80%; background:#393939; color:#000000; text-align:center; margin:0px}
.clear {clear:both; font-size:1px; color:#FFFFFF; height:1px;}

a {color:#FF6600; font-weight:bold; text-decoration:none}
a:hover {color:#CCCCCC}
.red {color:#CC0000}
.orange {color:#FF6600}
img.middle {vertical-align:middle}

.container {width:100%; margin:0px; text-align:center; background:#FFFFFF}
	.grey {background:url(../images/top-bg.gif) top left repeat-x;}
		.grey-inner {width:800px; text-align:right; margin:0px auto; height:23px; padding:5px 0 0 0; color:#FFFFFF; font-size:.8em; font-family:Arial, Helvetica, sans-serif}
		.grey-inner a {color:#c2c2c2; text-decoration:none; display: inline; padding:0 10px; font-weight:bold; text-transform:lowercase}
		.grey-inner a:hover {color:#FFF}

	.menu {background:url(../images/menu-bg.jpg) top left repeat-x; height:96px}
		.menu-inner {width:799px; text-align:left; margin:0px auto;background:url(../images/tab-off.gif) bottom left no-repeat; padding-left:1px}
			.menu-inner a {display:block; float:left; height:39px; padding:16px 20px 0 20px; background:url(../images/tab-off.gif) bottom right no-repeat; color:#FFFFFF; text-decoration:none; font-weight:bold}
			.menu-inner a.on {background:url(../images/tab-on.gif) top center no-repeat; color:#000000}
			.menu-inner a:hover {background:url(../images/tab-over.jpg) top center no-repeat; color:#FFF}
		
	.content {width:780px; text-align:left; margin:-20px auto 20px auto; padding:0 10px 20px 10px}
		.content h2 {color:#FF6600; font-size:1.6em; margin:0 0 10px 0}
		.content h3 {color:#6d6d6d; font-size:1.4em; margin:0 0 10px 0; line-height:1.1em}
		.content h4 {font-size:1.6em; font-style: italic; margin:0 0 10px 0}
		
		.content p {margin:0 0 10px 0}
		img.right {float:right; margin:0 0 0 20px; padding:3px; border:1px solid #CCC; background:#FFFFFF}
		
		.content .left-col {float:left; width:535px; padding:0 10px 0 0; margin:0 10px 0 0; background:url(../images/line-sep.gif) top right no-repeat}
		.content .right-col {float:left; width:200px;}
		
		.content .logo {padding:0 0 10px 0}
		
		.gallery table {width:98%; margin:1%; text-align:center; border-collapse:collapse; border:0px;}
			.gallery td {padding:5px; width:15%}
			.gallery img {padding:3px; background:#FFFFFF; border:1px solid}
			.gallery a img {border:1px solid #CCCCCC}
			.gallery a:hover img {border:1px solid #FF6600}

		.gallery-small table {width:100%; text-align:center; border-collapse:collapse; border:0px;}
			.gallery-small td {padding:5px; width:50%}
			.gallery-small img {padding:3px; background:#FFFFFF; border:1px solid}
			.gallery-small a img{border:1px solid #CCCCCC}
			.gallery-small a:hover img {border:1px solid #FF6600}

		#faq ul {margin:10px 15px; padding:0px; list-style:none}
			#faq li {list-style:none; margin:0px}
			#faq li a {display:block; background:url(../images/faq-Q.gif) center left no-repeat; padding:3px 20px; font-size:1.3em; margin-bottom:1px dotted #EFEFEF; width:100%}
				#faq li a:hover {color:#666666; cursor:help}
			#faq h3 {padding:0 0 6px 20px; background:url(../images/faq-A.gif) center left no-repeat; margin:15px 0 0 0; border-bottom:1px solid #EFEFEF}

	.footer {width:780px; margin:20px auto; padding:0 10px 20px 10px; color:#FFFFFF; text-align:left; font-size:80%}
		.footer a {color:#FFF; text-decoration:none; font-weight:bold}
		.footer a:hover {color: #FF6600}
		
a.orange {color:#FF6600; font-style:italic}