body {
	background: #fff;
	background-image: url(Assets/g11line07.gif);
	margin: 0;
	padding: 0;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: small;
}
div#wrapper {
	background: url(Assets/wrap-bg.gif) repeat-y 75% 0;
	border: medium dotted #958167;
	margin: auto;
	overflow: hidden;
	max-width: 1500px;
	min-width: 1280px;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    div#wrapper {width: 1500px;}
}

div#header {
    background: #FFC154 url(Assets/header-bg.gif) repeat-x top left;
	height: 335px;
	text-align: center;
}
#nav {
		float: left;
		width: 100%;
		margin: 0;
		padding: 0;
		list-style: none;
		background: #00A287;
		border-bottom: 1px solid #999;
		}
	
	#nav li { 
		float: left;
		position:relative;
		margin: 0;
		padding: 0;
		}
	
	#nav a {
		float: left;
		display: block;
		padding: 10px 30px 10px 9px;
		text-decoration: none;
		font-weight: bold;
		/*font-size: 90%;*/
		font-size: 110%;
		color: #fffdc9;
		background: #00A287 url(Assets/nav_slant.gif) no-repeat top right;
		}
	
	#nav .home a {
		padding-left: 20px;
		}
	
	#nav a:hover {
		color: #000;
		}
	#home #nav .home a,
	#news #nav .news a,
	#forums #nav .forums a,
	#meetings #nav .meetings a,
	#photogallery #nav .photogallery a,
	#events #nav .events a,
	#faq #nav .faq a,
	#wtdxa #nav .wtdxa a,
	#bylaws #nav .bylaws a,
	#contact #nav .contact a {
	    color:#000;
	    }
div#content {
    float: left;
	width: 75%;
	font-size: 100%;
	color: #333;
	line-height: 2em;
}
div#content h1 {
	font-size: 150%;
	font-weight: normal;
	color: #3016B0;
}
div#content h2 {
	font-size: 140%;
	font-weight: normal;
	color: #3016B0;
}
div#content h3 {
	font-size: 130%;
	font-weight: normal;
	color: #624AD8;
	}
div#content a {
	text-decoration: none;
	color: #9B6100;
}
div#content a:hover {
	text-decoration: underline;
}
div#content .gutter {
	padding: 25px;
}
div#sidebar {
	float: right;
	width: 25%
}
div#sidebar .gutter {
     padding: 15px;
}
div#sidebar .feature {
	width: 354px;
	color: #666;
	background: url(Assets/rounded-bottom.gif) no-repeat bottom;
	margin-top: 1;
	padding-bottom: 10px;
	font-size: medium;
}
div#sidebar .feature p {
	padding: 0px 5px;
}
div#sidebar .feature h1 {
	background: url(Assets/rounded-top.gif) no-repeat top;
	margin-top: 0px;
	padding: 20px 0px 5px 0px;
}
div#sidebar .feature h2#wtdxa {
	background: url(Assets/rounded-top.gif) no-repeat top;
	padding: 20px;
	margin-right: 1px;
	margin-left: 1px;
}
div#sidebar .feature p#ssc {
	background: url(Assets/rounded-top.gif) no-repeat top;
}
div#sidebar .feature div#sidenav {
	background: url(Assets/rounded-top.gif) no-repeat top;
	margin-top: 0px;
	padding: 20px 0px 5px 0px;
}
div#sidebar .feature div#adobe {
	background: url(Assets/rounded-top.gif) no-repeat top;
	margin-top: 0px;
	padding: 20px 0px 5px 0px;
}
div#sidebar h1 {
	font-size: 130%;
	font-weight: bold;
	color: #3016B0;
}
div#sidebar h2 {
	font-size: 14px;
	font-weight: bold;
	line-height: 140%;
	color: #190773;
	margin-bottom: 0px;
	padding: 5px;
	margin-left: 5px;
}
div#sidebar div.feature ul {
	line-height: 180%;
	list-style-position: inside;
	list-style-type: square;
	margin: 0;
	padding: 0 10px;
}
div#sidebar div.feature ul ul {
	line-height: 180%;
	list-style-position: inside;
	list-style-type: square;
}
div#footer {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: italic;
	color: #000000;
	clear: both;
	line-height: 130%;
	padding-bottom: 2px;
	border-top-style: solid;
	border-top-width: 2px;
	left: 0px;
	bottom: 3px;
	background: #828377
}
div#footer a {
	text-decoration: none;
	color: #3016B0;
}
div#footer a:hover {
	text-decoration: underline;
}
div#movie {
     float: left;
	 padding: 0px 10px 0px 0px;
}

.marquee {
 height: 50px;	
 overflow: hidden;
 position: relative;
 background: #fffdc9;
 color: saddlebrown;
 border: 1px solid #FFC154;
}
.marquee p {
 position: absolute;
 width: 100%;
 height: 100%;
 margin: 0;
 line-height: 50px;
 text-align: center;
 /* Starting position */
 -moz-transform:translateX(100%);
 -webkit-transform:translateX(100%);	
 transform:translateX(100%);
 /* Apply animation to this element */	
 -moz-animation: scroll-left 20s linear infinite;
 -webkit-animation: scroll-left 20s linear infinite;
 animation: scroll-left 20s linear infinite;
}
/* Move it (define the animation) */
@-moz-keyframes scroll-left {
 0%   { -moz-transform: translateX(100%); }
 100% { -moz-transform: translateX(-100%); }
}
@-webkit-keyframes scroll-left {
 0%   { -webkit-transform: translateX(100%); }
 100% { -webkit-transform: translateX(-100%); }
}
@keyframes scroll-left {
 0%   { 
 -moz-transform: translateX(100%); /* Browser bug fix */
 -webkit-transform: translateX(100%); /* Browser bug fix */
 transform: translateX(100%); 		
 }
 100% { 
 -moz-transform: translateX(-100%); /* Browser bug fix */
 -webkit-transform: translateX(-100%); /* Browser bug fix */
 transform: translateX(-100%); 
 }
}



