﻿/* CSS Document */

/*Global Design Styles*/

body {
	font-family:'Trebuchet MS';
	font-size:11px;
	margin:0 auto;
	text-align:center;
	color:#858585;}

	#container {
		width:702px;
		margin:0 auto;
		text-align:left;}
		#header {
			width:702px;
			height:59px;
			clear:both;}
			#uwsplink {
				display:block;
				clear:both;
				height:59px;}
		#contentTop{
				clear:both;}
						
		#contentLeft{
			width:341px;
			float:left;
			padding:5px;
			clear:left;}
		#contentRight{
			float:right;
			width:341px;
			padding:5px;
			clear:right;}
			
		#contentSubLeft{
			width:282px;
			margin-right:5px;
			margin-bottom:20px;
			float:left;
			clear:left;
			color:rgb(63,63,63);}
		#contentSubRight{
			width:403px;
			float:right;
			padding:5px;
			clear:right;}
			
		#contentBottom{
			clear:both;}
		
		#footer{
			width:702px;
			border-top:1px #CCCCCC solid;
			padding-bottom:30px;
			text-align:right;
			font-size:11px;
			clear:both;}
			#footer address{margin:5px 0 5px 0;}
			#footer span{font-size:10px;}
		
		.adjust{clear:both;}

/*Global Content Styles*/
		
	h1, h2, h3, h4, h5, h6{color:rgb(63,63,63); padding:0; padding:0;}
	h1, h2, h3{margin:4px 0 2px 0;}
	h4, h5, h6{margin:0 0 4px 0;}
		h1{font-size:20px; border-bottom:3px rgb(63,63,63) solid; margin-top:0;}
		h2{font-size:18px;}
		h3{font-size:16px;}
		h4{font-size:14px;}
		h5{font-size:12px;}
		h6{font-size:11px;}
	
	img{border:none;}
	p{margin:5px 0 10px 0; padding:0;}
	
	blockquote{background:#f5f5f5; text-align:center; margin:0;	padding:5px 40px 5px 40px; font-style:italic; font-size:12px;}
	strong{color:#525252;}
	
	a:link, a:active, a:visited, a:hover {color:rgb(63,63,63); text-decoration:none;}
	a:hover{text-decoration:underline;}
	
	ul{list-style:square;}
	dl dt{color:rgb(63,63,63); font-weight:bold; font-size:12px;}
	
	table{width:100%; background:#f3f3f3;}
	th{color:rgb(63,63,63); border:1px #FFFFFF solid; background:#CCCCCC;}

/*Custom Styles*/

	h1#title{font-size:14px; letter-spacing:2px; text-align:center; border-bottom:1px rgb(63,63,63) solid; margin:0; padding:0;}
	h2.subnav{text-align:left; font-size:14px; letter-spacing:1px; width:178px; border-bottom:4px rgb(63,63,63) solid; background:#FFFFFF; margin:0; padding:0 0 0 4px;}
	h1 a:link, h1 a:active, h1 a:visited, h1 a:hover{text-decoration:none;}
	h1 a:hover{color:#b9b9b9;}
	
	#nav{width:702px; clear:both; letter-spacing:1px; text-align:center;}
	#nav ul{margin:0; padding:15px 0 20px 0; width:702px;}
	#nav ul li, #footNav ul li{display:inline;}
	#nav ul li a:link, #nav ul li a:active, #nav ul li a:visited, #nav ul li a:hover{
		padding:0 0 0 15px;
		margin:0;
		text-decoration:none;
		font-size:14px;
		font-style:oblique;
		letter-spacing:4px;
		font-weight:bold;
		color:#858585;}
		#nav ul li a:hover{color:#BBBBBB;}
	
	.subnav{margin:5px 0 10px 0; padding:0; font-weight:bold;}
	.subnav li{list-style:none; margin:0 0 4px 0;}
	.subnav a:link, .subnav a:active, .subnav a:visited, .subnav a:hover{text-decoration:none; display:block; background:#e9e9e9; padding-left:5px;}
	.subnav a:hover{background:#d6d6d6;}
	
	.f_right{float:right; text-align:right;}
	.f_left{float:left; text-align:left;}
		img.f_right, img.f_left{margin:10px; border:4px #BBBBBB solid;}
	.center{text-align:center;}
		.center img{margin:0 4px 0 4px;}
	.nowrap{clear:both;}
	.nobullet{list-style:none; padding:0;}
	.red{color:#800000;}

/*Galleria*/

	.gallery{list-style:none; margin:0; padding:0; width:403px;}
	.gallery li{margin:0; padding:0;}
	.gallery li img{width:300px;}

	.gallery_styled{width:403px;margin:0 auto 0 auto;}
	.gallery_styled{margin:0 0 0 10px; padding:0;}
	.gallery_styled li{display:block;overflow:hidden;float:left;width:68px;height:50px;border:3px double #EEEEEE;margin:0 2px 10px 0;}
	.gallery_styled li img.thumb{cursor:pointer;top:auto;left:auto;display:block;width:auto;height:auto}
	* html .gallery_styled li div span{width:400px} /* MSIE bug */
	
	#main_image{margin:auto;}
	#main_image img{clear:both; display:block; margin:20px auto 5px auto; border:4px #e9e9e9 solid; position:relative; max-width:369px; left:-1px; height:auto;}
		
/*Show Hide*/

	.show-ul{padding:0;margin:0;}
	.show-ul h2, .show-p h2{text-align:center; margin:0; padding:0;}
	.show-ul h4, .show-p h4{background:#e9e9e9; cursor:pointer; border:none; padding:0; margin:0;}
		.show-p h4 span{float:right; clear:right; position:relative; margin:0; padding:0;}
	.show-ul h4:hover, .show-p h4:hover{background:#d6d6d6;}
	.show-ul ul{list-style:none; margin:auto; padding:0;}
	.show-ul ul li{margin:0 0 10px 0; padding:0;}
	.show-p img{clear:both; display:block; margin:5px auto 5px auto; border:4px #e9e9e9 solid;}
	.show-p a:link img, .show-p a:active img, .show-p a:visited img, .show-p a:hover img{border:4px #c6c6c6 solid;}
