/**************************************************************/
/***** BASIC (STATIC) SITE STYLES 		  				  *****/
/**************************************************************/
* {
	margin: 0px;
	padding: 0px;
}

body {
	background: #900;
}

#oneCol #wrapper {
	text-align: center; /*Added to center the header & footer divs in IE6.0 */
	width: 770px;
	margin: 0px auto;
	padding: 0px 5px 0px 5px;
	background:  #000 url(../images/wrapper-bg3.gif) repeat-y fixed center;
}

#twoCol #wrapper {
	text-align: center; /*Added to center the header & footer divs in IE6.0 */
	width: 909px;
	margin: 0px auto;
	padding: 0px 5px 0px 5px;
	background:  #000 url(../images/wrapper-bg3.gif) repeat-y fixed center;
}

#threeCol #wrapper {
	text-align: center; /*Added to center the header & footer divs in IE6.0 */
	width: 920px;
	margin: 0px auto;
	padding: 0px 5px 0px 5px;
	background:  #000 url(../images/wrapper-bg3.gif) repeat-y fixed center;
}

/**************************************************************/
/***** HIGHLIGHT ACTIVE PAGE STYLES 		  			  *****/
/**************************************************************/
body.home #topNav #home {
	background: #FFCD29 url(../images/highlight.gif);
	color: #900;
}

body.admin #topNav #admin {
	background: #FFCD29 url(../images/highlight.gif);
	color: #900;
}

body.basic #topNav #basic {
	background: #FFCD29 url(../images/highlight.gif);
	color: #900;
}

body.dynamic #topNav #dynamic {
	background: #FFCD29 url(../images/highlight.gif);
	color: #900;
}

body.membership #topNav #membership {
	background: #FFCD29 url(../images/highlight.gif);
	color: #900;
}

/**************************************************************/
/***** HEADER & COLUMN DISPLAY STYLES 		  			  *****/
/**************************************************************/
#header {
	width: 900px;
	height: 122px;
	background:  #000 url(../images/headerbg.jpg) no-repeat top right;
	margin: 0px auto;
	border-right: 2px solid #C00;
	border-left: 2px solid #C00;
}

#header img {
	float: left;
	margin: -90px 0px 0px 0px;
}

#oneCol {
	background: #900 url(../images/main-bg.gif) repeat-x fixed;
}

#twoCol {
	background: #900 url(../images/main-bg.gif) repeat-x fixed;
}

#threeCol {
	background: #900 url(../images/main-bg.gif) repeat-x fixed;
}

#oneCol #primaryContent {
	display: inline; /* added to remove the possibility of the dual margin bug in IE6.0 */
	float: left;
	width: 685px;
	margin: 0px 0px 15px 50px !important; /* added !important to trick IE6.0 */
	margin: 0px 0px 15px 50px; /* IE6.0 positioning hack*/
}
	
#oneCol #secondaryContent {
	display: none;
}

#oneCol #sideContent {
	display: none;
}

#twoCol #primaryContent {
	display: inline; /* added to remove the possibility of the dual margin bug in IE6.0 */
	float: left;
	width: 545px;
	margin: 0px 0px 15px 205px !important; /* added !important to trick IE6.0 */
	margin: 0px 0px 15px 205px; /* IE6.0 positioning hack*/
}

#twoCol #secondaryContent {
	display: none;
}

#twoCol #sideContent{
	text-align: left;
	float: left;
	width: 177px;
	margin: 10px 0px 15px -742px;
}

#threeCol #primaryContent {
	display: inline; /* added to remove the possibility of the dual margin bug in IE6.0 */
	float: left;
	width: 480px;
	/* TOP-RIGHT-BOTTOM-LEFT */
	margin: 0px 0px 15px 205px !important; /* added !important to trick IE6.0 */
	margin: 0px 0px 15px 205px; /* IE6.0 positioning hack*/
}

#threeCol #secondaryContent {
	display: inline;
	float: left;
	width: 200px;
	margin: 10px 0px 15px 15px;
}

#threeCol #sideContent{
	text-align: left;
	display: inline;
	float: left;
	width: 100px;
	margin: 10px 0px 15px -892px;
}

/**************************************************************/
/***** HEADER STYLES INCL TOP NAVIGATION BAR 		  	  *****/
/**************************************************************/
h1 {
	margin: 0;
	padding: 30px;
	font-size: 150%;
	color: #FF0000;
	text-indent: -9000px;
}

#topNav {
	margin: 15px 0px 0px 2px;
	padding: 0;
	width: 770px;
	font-weight: bold;
	font-size: 90%;
}

#topNav ul {
	list-style: none;
	margin: 0px 0px 0px 0px;
	padding: 0;
	border: none;
}

#topNav li {
	display: block;
	margin: 0;
	padding: 0;
	float: left;
	width: auto;
}

#topNav a {
	color: #FFF;
	display: inline;
	width: 100%;
	height: 55px;
	text-decoration: none;
	background: #900;
	margin: 0;
	padding: 0px 10px;
	border: 1px solid #FFF;
}

#topNav a:hover, #topNav a:active { 
	background: #000;
	color: #FFF;
	border-top: 1px solid #FFF;
	border-bottom: 1px solid #FFF;
}

#topNav a.active:link, #topNav a.active:visited {
	position: relative;
	z-index: 102;
	background: #900;
	color: #FFF;
	font-weight: bold;
}

/**************************************************************/
/***** LEFT NAVIGATION-SPECIFIC STYLES 		  			  *****/
/**************************************************************/
.navBox h2 {
	margin: 0px 7px 0px 10px;
	padding: 0 0 0 15px;
	font-size: 120%;
	color: #000;
	background: #FEE800 url(../images/side-content-header-bg.gif);
}

.sideMenu {
	font-family: Arial, Sans;
	width:158px;
	margin: 0px 0px 0px 10px;
	padding: 10px 0px 5px 0px;
	/*border: 1px solid #000;*/
	border: 0px solid #000;
	/*background: #000;*/
}

.sideMenu a {
	padding: 0 0 0 10px;
}

.sideMenu p {
	margin: 0;
	padding: 0 5px 2px 5px;
	font-size: 90%;
	color: #FFFEEB;
}

.sideMenu ul { 
	list-style-type: none;
	margin: 0px 0px 0px 0px;
	padding: 0px;
}


.sideMenu li a:link {
	color:#FFF;
	line-height:150%;
	text-decoration:none;
	display:block;
	width:148px;
	font-weight: none;

	background: url(../images/leftnav-bg.gif) 0 0px;

}

.sideMenu li a:visited {
	color:#FFF;
	line-height:150%;
	text-decoration:none;
	display:block;
	width:148px;
	font-weight: none;
	/*
	border-top: 1px solid #6C1212;
	border-bottom: 1px solid #6C1212;
	border-right: 1px solid #6C1212;
	*/
	/*
	background: #000 url(../images/leftnav-bg.gif);
	*/
	background: url(../images/leftnav-bg.gif);
	/*
	background-position: 0 -26px;
	*/
}

.sideMenu li a:hover {
	color:#FFF;
	line-height:150%;
	text-decoration:none;
	display:block;
	width:148px;
	font-weight: none;
	/*
	border-top: 1px solid #F00;
	border-bottom: 1px solid #F00;
	border-right: 1px solid #F00;
	*/
	background: url(../images/leftnav-bg.gif) 0px -52px;
	/*
	background: #000 url(../images/leftnav-bg.gif) 0px -52px;
	background: url(../images/leftnav-bg.gif) 0px -52px;
	*/
}

.sideMenu li a:active {
	color:#FFF;
	line-height:150%;
	text-decoration:none;
	display:block;
	width:148px;
	font-weight: none;
	/*
	border-top: 1px solid #F00;
	border-bottom: 1px solid #F00;
	*/
	background: url(../images/leftnav-bg.gif);
}





.sideContent #navfooter {
	display: block;
	background:  url(../images/3-leftnav-footer.gif);
}
/**************************************************************/
/***** PRIMARY CONTENT-SPECIFIC STYLES 		  			  *****/
/**************************************************************/


#primaryContent h2 {
	font-family: Arial, Sans;
	text-align: left;
	position: relative;
	color: #FEC500;
	padding: 10px 0px 0px 0px;
}

#primaryContent h3 {
	font-family: Arial, Sans;
	text-align: left;
	font-size: 90%;
	position: relative;
	color: #900;
	padding: 10px 0px 5px 0px;
}

#primaryContent p {
	padding: 10px 5px 0px 5px;
	font-family: Arial, Sans;
	font-size: 90%;
	color: #FFF;
	text-align: justify;	
}

#primaryContent hr {
	color: #FEC500;
}

#primaryContent .return {
	font-family: Arial, Sans;
	color: #FFF;
	font-size: 70%;
}

#primaryContent table p {
	padding: 10px 5px 0px 5px;
	font-family: Arial, Sans;
	font-size: 90%;
	color: #000;
	text-align: justify;	
}

#primaryContent img {
	border: #000 solid 1px;
}

#primaryContent table .leftcol {
	width: 20%;	
}

#primaryContent strong {
	position: absolute;
	left: -1000px;
}

/*may not need the following class and it's non-semanti markeup*/
#primaryContent form .button {
	float: right;
	padding: 5px 5px 5px 5px;
	margin: 15px 10px 0px 0px;
	background: #900;
	color: #FEC500;
	border-top: 1px solid #000;
	border-right: 3px solid #000;
	border-bottom: 3px solid #000;
	border-left: 1px solid #000;
}

#primaryContent button {
	float: right;
	padding: 5px 5px 5px 5px;
	margin: 15px 10px 0px 0px;
	background: #900;
	color: #FEC500;
	border-top: 1px solid #000;
	border-right: 3px solid #000;
	border-bottom: 3px solid #000;
	border-left: 1px solid #000;
}

#primaryContent button:hover {
	float: right;
	padding: 5px 5px 5px 5px;
	margin: 15px 1	0px 0px 0px;
	background: #FE6B00;
	color: #900;
	border-top: 1px solid #000;
	border-right: 3px solid #000;
	border-bottom: 3px solid #000;
	border-left: 1px solid #000;
}

#primaryContent .letter-a {
	background:  url(../images/h2-a.gif) no-repeat 0 .5em;
}
#primaryContent .letter-b {
	background:  url(../images/h2-b.gif) no-repeat 0 .5em;
}
#primaryContent .letter-c {
	background:  url(../images/h2-c.gif) no-repeat 0 .5em;
}
#primaryContent .letter-d {
	background:  url(../images/3-h2-d.gif) no-repeat 0 .5em;
}

#primaryContent .letter-e {
	background:  url(../images/h2-e.gif) no-repeat 0 .5em;
}

#primaryContent .letter-f {
	background:  url(../images/3-h2-f.gif) no-repeat 0 .5em;
}

#primaryContent .letter-g {
	background:  url(../images/h2-g.gif) no-repeat 0 .5em;
}

#primaryContent .letter-h {
	background:  url(../images/h2-h.gif) no-repeat 0 .5em;
}

#primaryContent .letter-i {
	background:  url(../images/h2-i.gif) no-repeat 0 .5em;
}

#primaryContent .letter-j {
	background:  url(../images/h2-j.gif) no-repeat 0 .5em;
}

#primaryContent .letter-k {
	background:  url(../images/h2-k.gif) no-repeat 0 .5em;
}

#primaryContent .letter-l {
	background:  url(../images/h2-l.gif) no-repeat 0 .5em;
}

#primaryContent .letter-m {
	background:  url(../images/h2-m.gif) no-repeat 0 .5em;
}

#primaryContent .letter-n {
	background:  url(../images/h2-n.gif) no-repeat 0 .5em;
}

#primaryContent .letter-o {
	background:  url(../images/h2-o.gif) no-repeat 0 .5em;
}

#primaryContent .letter-p {
	background:  url(../images/h2-p.gif) no-repeat 0 .5em;
}

#primaryContent .letter-q {
	background:  url(../images/h2-q.gif) no-repeat 0 .5em;
}

#primaryContent .letter-r {
	background:  url(../images/h2-r.gif) no-repeat 0 .5em;
}

#primaryContent .letter-s {
	background:  url(../images/h2-s.gif) no-repeat 0 .5em;
}

#primaryContent .letter-t {
	background:  url(../images/h2-t.gif) no-repeat 0 .5em;
}

#primaryContent .letter-u {
	background:  url(../images/h2-u.gif) no-repeat 0 .5em;
}

#primaryContent .letter-v {
	background:  url(../images/h2-v.gif) no-repeat 0 .5em;
}

#primaryContent .letter-w {
	background:  url(../images/h2-w.gif) no-repeat 0 .5em;
}

#primaryContent .letter-x {
	background:  url(../images/h2-x.gif) no-repeat 0 .5em;
}

#primaryContent .letter-y {
	background:  url(../images/h2-y.gif) no-repeat 0 .5em;
}

#primaryContent .letter-z {
	background:  url(../images/h2-z.gif) no-repeat 0 .5em;
}

#primaryContent ul {
	list-style-type: bullet;
	list-style-image: url(../images/bullet2.gif);
	padding: 0px 0px 0px 0px;
}

#primaryContent li {
	text-align: left;
	font-family: arial, sans;
	color: #FFF;
	margin: 0px 0px 0px 25px;
	padding: 5px 0px 5px 0px;
}

#primaryContent li > p{
	font-family: arial, sans;
	color: #000;
	margin: -5px 0px 10px 0px;
}

/*#primaryContent li a:link {
	font-family: arial, sans;
	font-weight: bold;
	color: #900;
}

#primaryContent li a:visited {
	font-weight: bold;
	color: #680202;
}

#primaryContent li a:hover {
	font-weight: bold;
	color: #F60;
}

#primaryContent li a:active {

}*/
#primaryContent fieldset {
	padding: 0px 10px 20px 10px ;
	margin-top: 10px;
	border: 2px solid #FFF;
	border-top: 2px solid #FFF;
	border-bottom: 2px solid #FFF;
}

#primaryContent fieldset p{
	color: #FFF;
}

#primaryContent fieldset a:link {
	float: right;
	padding: 5px 5px 5px 5px;
	margin: 15px 10px 0px 0px;
	background: #900;
	color: #FEC500;
	border-top: 1px solid #000;
	border-right: 3px solid #000;
	border-bottom: 3px solid #000;
	border-left: 1px solid #000;
}

#primaryContent fieldset img {
	float: left;
	margin: 0px 10px 0px 0px;
}

#primaryContent fieldset a:visited {
	float: right;
	padding: 5px 5px 5px 5px;
	margin: 15px 10px 0px 0px;
	background: #900;
	color: #FE6B00;
	border-top: 1px solid #000;
	border-right: 3px solid #000;
	border-bottom: 3px solid #000;
	border-left: 1px solid #000;
}

#primaryContent fieldset a:hover {
	float: right;
	padding: 5px 5px 5px 5px;
	margin: 15px 1	0px 0px 0px;
	background: #FE6B00;
	color: #900;
	border-top: 1px solid #000;
	border-right: 3px solid #000;
	border-bottom: 3px solid #000;
	border-left: 1px solid #000;
}

#primaryContent fieldset em {
	color: #900;
}

#primaryContent legend {
	color: #FFF;
	font-family: Arial, Sans;
	font-style: italic;
	font-size: 100%;
	font-weight: bold;
	margin: 0px 0px 0px 0px;
	padding: 0px 5px 5px 5px;
	}

#primaryContent fieldset label {
	color: #FC0;
	font-weight: bold;
}

#primaryContent label {
	display: block;
}

#primaryContent textarea {
	width: 100%;
	height: 70%;
}

#primaryContent table {
	font-family: arial, sans;
	font-size: 12px;
	width: 100%;
	border-collapse: collapse;
	border-spacing: 0px;
	border: thin solid black; 
	margin: 10px 0px 0px 0px;
	background: #FFF;
}

#primaryContent caption {
	display: none;
	font-family: arial, sans;
	color: #900;
	font-weight: bold;
}

#primaryContent th a:link {
	color: #FFF;
	text-decoration: none;
}

#primaryContent th a:visited {
	color: #FFF;
	text-decoration: none;
}

#primaryContent th a:active {
	color: #FFF;
	text-decoration: underline;
}

#primaryContent th a:hover {
	color: #FFF;
	text-decoration: none;
}

#primaryContent a:link {
	color: #FEC500;
	text-decoration: none;
}

#primaryContent a:visited {
	color: #F90;
	text-decoration: none;
}

#primaryContent a:active {
	color: #F90;
	text-decoration: underline;
}

#primaryContent a:hover {
	color: #FE6B00;
	text-decoration: none;
}

#primaryContent table a:link {
	color: #900;
	text-decoration: none;
}

#primaryContent table a:visited {
	color: #680202;
	text-decoration: none;
}

#primaryContent table a:active {
	color: #F90;
	text-decoration: underline;
}

#primaryContent table a:hover {
	color: #FE6B00;
	text-decoration: none;
}

#primaryContent th {
	color: #F7CA01;
	background: #900; 
	border-bottom: thin solid #000;
	padding: 0px;
	margin: 0px;
}

#primaryContent tbody {
	text-align: left;
}

#primaryContent td {
	border: 1px solid black;
	padding: 5px;
}

#primaryContent .rowhover {
	color: #fff;
	background: #900;
}

#primaryContent .rowhover a {
	color: #fff;
}

#primaryContent .rowoff{
	background: none;
}

#primaryContent a[href$='.doc'] {
	padding: 0 15px 0 0;
	background: transparent url(/images/icons/icon_doc.gif) right 50% no-repeat;
}

#primaryContent a[href$='.pdf'] {
	padding: 0 15px 0 0;
	background: transparent url(/images/icons/icon_pdf.gif) right 50% no-repeat;
}

#primaryContent a[href *="google.com"] {
	padding: 0 15px 0 0;
	background: transparent url(/images/icons/icon_google.gif) right 50% no-repeat;
	title: "Opens a Google Map to the location";
}

/**************************************************************/
/***** SECONDARY CONTENT-SPECIFIC STYLES 		  		  *****/
/**************************************************************/
#secondaryContent h2 {
	text-align: left; /* Added to override the wrapper IE hack to center header/footer */
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 10px;
	font-family: Arial, Sans;
	font-size: 100%;
	color: #FEC500;
	background:  #900 url(none) no-repeat top left;
	border-top: 2px solid #F3C113;
	border-left: 2px solid #F3C113;
	border-right: 2px solid #F3C113;
}

#secondaryContent h3 {
	text-align: left; /* Added to override the wrapper IE hack to center header/footer */
	margin: 0px 0px 0px 0px;
	padding: 5px 0px 0px 10px;
	font-family: Arial, Sans;
	font-size: 14px;
	font-weight: bold;
	font-style: italic;
	color: #FEC500;
	background:  #900; 
	border-left: 2px solid #F3C113;
	border-right: 2px solid #F3C113;
}

#secondaryContent .box {
	text-align: left; /* Added to override the wrapper IE hack to center header/footer */
	margin: 0px 0px 0px 0px;
	padding: 5px 5px 5px 5px;
	background:  #900 url(none) repeat-y left;
	border-top: none;
	border-right: 2px solid #F3C113;
	border-bottom: none;
	border-left: 2px solid #F3C113;
}

#secondaryContent .boxbottom {
	background:  #900 url(../images/none) no-repeat bottom left;
	margin: 0px 0px 20px 0px;
	border-top: none;
	border-right: 2px solid #F3C113;
	border-bottom: 2px solid #F3C113;
	border-left: 2px solid #F3C113;
}

#secondaryContent .box ul {
	list-style-type: none;
	margin: 0px 0px 0px 10px;
}

#secondaryContent .box li {
	background:  #900 url(../images/bullet.gif) no-repeat 0 50%;
	padding-left: 10px;
}

#secondaryContent .box a:link {
	font-family: Arial, Helvetica, sans-serif;
	color: #FEC500;
}

#secondaryContent .box a:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-style: italic;
	color: #FE9500;
}
#secondaryContent .box a:active {
	color: FE9500;
}

#secondaryContent .box2{
	background:  url(../images/3-box2-bg.gif) repeat-y;
}

#secondaryContent h3 a:link {
	font-family: Arial, Helvetica, sans-serif;
	color: #FFF;
}

#secondaryContent h3 a:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-style: italic;
	color: #FFF;
}
#secondaryContent h3 a:active {
	color: FFF;
}

#secondaryContent .box2tl {
	background:  url(../images/3-box2-tl.gif) no-repeat top left;
}

#secondaryContent p {
	font-family: Arial, Sans;
	font-size: 80%;
	clear: left;  /* Added so the text drops below floated ../images */
	text-align: left;
	color: #FFF;
	padding: 5px 5px 10px 5px;
}

/**************************************************************/
/***** IMAGE-SPECIFIC STYLES 		  		  			  *****/
/**************************************************************/
/*img {
	float: left;
	margin: 0px 0px 2px 5px;
	border: 2px solid #C5BDBD;
}*/

.default img {
	border: 0;
}

.mainImage {
	display: block;
	float: none;
	margin-top: 4px;
}

.img-wrapper {
	display: block;
	float: left;
	background: #D7D493 url(../images/3-small-img-bg2.gif) no-repeat bottom right;
	padding: 0px 0px 0px 0px;
	position: relative;
	left: auto;
	margin: 0px 0px 0px 0px;
	width: 144px;
	height: 104px;
}

.img-wrapper img {
	float: none;
	padding: 0px 5px 5px 0px;
	margin: 0px 0px 0px 0px;
}

/**************************************************************/
/***** FOOTER-SPECIFIC STYLES 		  		  			  *****/
/**************************************************************/
#footer{
	clear:both;
	width: 900px;
	height: 95px;
	background: #000 url(../images/footer-bg.gif) no-repeat bottom right; 
	padding: 0px;
	margin: 0px auto;
	border: 2px solid #C00;
	font-family: Arial, sans;
	font-size: 75%;
}

#footer a:link {
	color: #FEC500;
	text-decoration: none;
}

#footer a:visited {
	color: #F90;
	text-decoration: none;
}

#footer a:active {
	color: #F90;
	text-decoration: underline;
}

#footer a:hover {
	color: #FE6B00;
	text-decoration: none;
}

#footer p {
	font: arial;
	color: #FFF;
	padding: 0px 0px 0px 0px;
	margin:  75px 0px 0px 5px;
	text-align: left;
}