/* body {margin:0; background:#333 url(/images/main_bg_rock.jpg)  fixed no-repeat top center; font-family:Calibri,Tahoma,sans-serif; cursor:default;} */
body {margin:0; background:#333 url(/images/main_bg_creek.jpg)  fixed no-repeat top center; font-family:Calibri,Tahoma,sans-serif; cursor:default;}
body.nomenu { background:#333; text-align:center; color:#FF0; font-family:Calibri,Tahoma,sans-serif; cursor:default;  }
body.nomenu a  {color:#CC0; padding:0.5em 0 1em 0;}
body.nomenu img { padding:.5em; background:#222; border:3px solid #FF0; }
/* === Main Tags ==== */ 
a {color:#060; text-decoration:none;}
a:hover {text-decoration:underline;}
p {padding:0; margin:0 0 1em 0;}
img {border:none; vertical-align:middle;}
h1,h2,h3,h4,h5 {display:block; margin:0 0 .3em 0; padding:.1em 0.5em; border-bottom:1px solid #090; font:bold Calibri,Tahoma,san-serif; color:#060;}
h1 {font-size:2em;}
h2 {font-size:1.6m;}
h3 {font-size:1.3em;}
h4 {font-size:1em; color:#A00; border:none; font-style:italic;}
h5 {font-size:1em; color:#A00; font-style:italic; border-bottom:2px solid #A00;}
h6 {display:block; font-size:0.8em; color:#090; border-top:1px solid #090; padding:0; margin:0.75em 0 0 0; }
hr {background-color:#090; border:none; height:1px;}

input {margin:.1em;}
input[type=submit] {}
input[type=text] {border:1px solid #CCC; background:#FFF;}
input[type=text]:active,input[type=text]:focus,input[type=text]:hover {background:#FFF; border-style:inset;}
input.submit {color:#060;}

/* === colors === */
*.red {color:#A00; }
*.green {color:#060; }
*.yellow {color:#AA0; }
*.blue {color:#00A; }
*.pad_left {padding:0 0 0 15px; }
#no-txt-dec {text-decoration:none;}
*.small { font-size:small; }

/* === positioning === */
*.left {float:left; padding-right:.2em;}
*.right {float:right; padding-left:.2em;}
*.center {text-align:center;}
*.inline {display:inline;}
*.indent { padding:0 0 0 50px; }
*.clearx	  {clear:both; }

/* === main DIV's === */
div.head {height:150px; width:764px; margin:0 auto; border-top: 3px solid #ff0; background:url(/style/head-bk-800.jpg) no-repeat top right;}
div.head span.welcome a, div.head span.login a {display:block; width:185px; color:#000; font-size:14px; text-align:center;}
div.nologo {width:764px; margin:0 auto; border-top: 3px solid #ff0;}

div.main {width:775px; margin:0.5em auto 1em auto; padding:0; background: url(/style/site-bk.png)  repeat-y top center;}
div.foot {width:775px; clear:both; margin: auto; padding:0; background: url(/style/site-footer.png)  no-repeat bottom center;}

div.main750 {width:750px; margin:0 auto; padding:0; clear:both;}
div.main750 span.style1 {color:#080; font-style:italic; font:bold 1em Calibri,Tahoma,sans-serif;}
div.main750 tr.onemem td {border-bottom:1px solid #090; padding:.2em;} 
div.main750 tr.onemem:hover {background:url(/style/memlist-back.png) bottom left;}

div.right350 {float:right; width:350px; margin:1em 0; padding:0 0.5em 0 0;}
div.left350 {float:left; width:375px; margin:1em 0; padding:0;}
div.scroll { font-size:1.3em; color:#FFF; background-color:#C30; margin:0 0em 0.75em 0em; padding:0 1em;}

div.showimage {width:840px; margin:0.5em auto 1em auto;} /* for showing one large image slide show */

div.tweet {width:730px; height:80px; overflow:auto; border:1px solid #800; padding:0 0.5em 0.5em 0.5em; }
div.tweetfull {width:730px; height:800px; overflow:auto; border:1px solid #800; padding:0 0.5em 0.5em 0.5em; }
*.overline {text-decoration:overline; color:#090; font-size:0.8em}
#editpoint { border: 2px solid #800; }

table.nl_list {display:block; padding:0 0 0 30px; }
table.nl_list td {width:240px; }

table.cal-header td a {color:#A00; }

table.imgmgr  {display:block; } 
table.imgmgr tr  {display:block; margin:0 0 .3em 0; padding:0 0 .3em 0; border-bottom:1px solid #090;}
table.imgmgr td  {padding:0 1em 0 0; }

ul.gal_list {width:425px; height:100px; overflow:auto; margin:0 0 .5em 0; padding:.1em .2em; border-style:inset; border-width:thin; border-color:#CCC; list-style:none; }
ul.gal_list li {width:425;}

div.about {border-bottom:1px solid #CCC;}
div.nextmeet {padding-bottom:1em;  solid #CCC;}
div.nextmeet p.meet {width:340px; margin:auto; padding:5px 0px 5px 10px; background:url(/style/li-back.png) top left;}
div.nextmeet p.meet:hover {background:url(/style/li-back.png) bottom left;}
div.nextmeet p.meet a {color:#000;}
div.truckimage {padding:10px 10px 0px 0px;}
div.adv {clear:both; width:750px; margin:auto; padding:10px 0px; border-top:1px solid #CCC; text-align:center;}
div.badprofile {width:350px; margin:0 auto 1.5em auto; padding:3px; text-align:left; border: #A00 solid 2px; }
div.badprofile p {margin: 0px 0px .5em 0px;}
div.info1 {width:350px; margin:0 auto 1.5em auto; padding:0; text-align:left;}
div.info1 p {margin: 0px 0px .5em 0px;}

div.article {margin-bottom:1.5em;}
div.article ol {margin:0; padding: 0 0 0 3em;}

div.calendardetails {width:710px; margin:0 auto; padding:0 0 0 40px;}

div.memdata {width:335px; margin:0 10px 16px 10px; padding:.5em .5em .5em .5em; border:1px solid #CCC; background-color:#FFD;}
div.memdata th {text-align:right; font:bold 13px Calibri,Tahoma,sans-serif;}
div.memdata td {text-align:left;}
div.memdata p {text-align:center;}

div.docmgr {width:475px; margin:0 10px 16px 10px; padding:.5em .5em .5em .5em; border:1px solid #CCC; background-color:#FFD;}
div.docmgr th {text-align:right; font:bold 13px Calibri,Tahoma,sans-serif;}
div.docmgr td {text-align:left; }
div.docmgr p {text-align:center;}


div.ads {width:400px; margin:0 20px 20px 20px; padding:0em; border:1px solid #CCC; background-color:#FFD;}
div.ads p {text-align:center;}

div.trkright {float:right; width:335px; margin:0 10px 40px 10px; padding:.5em; border:1px solid #CCC; background-color:#FFD;}
div.trkright p {text-align:center;}
div.trkright textarea {width:325px;}
div.trkleft {width:335px; margin:0 10px 16px 10px; padding:.5em .5em .5em .5em; border:1px solid #CCC; background-color:#FFD;}
div.trkleft p {text-align:center;}
div.trkleft textarea {width:325px;}


div.CalandarDetails { }
div.CalandarDetails p {padding:0 0 0 100px; }

div.TruckInfo {float:right; width:450px; font:14px Calibri,Tahoma,sans-serif;}

div.ShowImages1Truck {margin:0; max-width:750px; padding:0 0 0 10px; }

/*  div.TruckImages {margin:0; max-width:750px; padding:0; overflow:hidden; }
div.TruckImages a {display:block; float:left; width:241px; height:240px; margin:2px; padding:2px 1px 2px 2px; border:1px solid #CCC; text-align:center; line-height:240px; color:#000;}
div.TruckImages a:hover {border-color:#090; background:#FFE; text-decoration:none;}	*/

div.ShowImages {margin:0; max-width:750px; padding:0; overflow:hidden; }
div.ShowImages a {display:block; float:left; width:241px; height:240px; margin:2px; padding:2px 1px 2px 2px; border:1px solid #CCC; text-align:center; line-height:240px; color:#000;}
div.ShowImages a:hover {border-color:#090; background:#FFE; text-decoration:none;}


table.MemberCalendar {width:750px; margin:0 auto; padding:0;}
table.MemberCalendar td {padding:0 ; valign:top;}
table.MemberCalendar tr:hover {background:url(/style/memlist-back.png) bottom left; } 

table.PrintCalendar {width:800px; margin:0 auto; padding:0; font-size:.8em; }
table.PringCalendar td {padding:0 .5em; valign:top;}

table.AttendanceList {width:750px; margin:0 auto; padding:0;}
table.AttendanceList th {padding-top:1em;text-align:left;}
table.AttendanceList tr:hover {background:url(/style/memlist-back.png) bottom left;}

table.GalleryList {width:750px; margin:0 auto; padding:0;} 
table.GalleryList td {width:350px; margin: 0; padding:0;}
table.GalleryList tr:hover {background:url(/style/gallerylist-back.png) left;}

div.gallery1 {clear:both; min-height:100px;}
div.gallery1:hover {background:url(/style/memlist-back.png) top left; text-decoration:none;}
div.gallery1 img {float:right; margin:0 5px;}

/* ================================================================================================================ */
/* ===             Below few lines for image sort functions                                                    ==== */
/* ================================================================================================================ */
#sortlist {margin:0 auto; text-align:center;}
#sortlist span.sorting {display:inline-block; height:125px; line-height:124px; width:125px; padding:2px; margin: 5px; border:1px solid #CCC; vertical-align:middle;}
#sortlist span.sorting img {max-height:125px; max-width:125px;  vertical-align:middle;}
#sortlist span.sorting:hover {cursor: move; border:1px solid #090; background-color:#FFE; }


/* ================================================================================================================ */
/* ===             Main Menu Navigation Structure                                                              ==== */
/* ================================================================================================================ */
.nav-container-outer{ margin:93px 200px 0 0px; padding: 0px; height: 17px; /* background: url(/style/nav-images/nav-bg.jpg); */ }
.float-left{float: left; }
.float-right{float: right; }
.nav-container .divider{ display:block; font-size:1px; border-width:0px; border-style:solid; }
.nav-container .divider-vert{ float:left; width:0px; display: none; }
.nav-container .item-secondary-title{ display:block; cursor:default; white-space:nowrap; }
.clear{ font-size:1px; height:0px; width:0px; clear:left; line-height:0px; display:block; float:none; }
.nav-container{ position:relative;  zoom:1; margin: 0 auto; }
.nav-container a, .nav-container li{ float:left; display:block; white-space:nowrap; }
.nav-container div a, .nav-container ul a, .nav-container ul li{ float:none; } 
.nav-container ul{ left:-10000px; position:absolute; }
.nav-container, .nav-container ul{ list-style:none; padding:0px; margin:0px; }
.nav-container li a{ float:none }
.nav-container li{ position:relative; }
.nav-container ul{ z-index:10; }
.nav-container ul ul{ z-index:20; }
li:hover>ul{ left:auto; }

#nav-container ul { top:100%; }
#nav-container ul li:hover>ul{ top:0px; left:100%; }

/*^'^ Primary Items ^'^*/	
#nav-container a{ padding:5px 8px 0px 8px; margin: 10px 0px 0px 0px; color: #000; font-family: Trebuchet MS, Arial, sans-serif, Helvetica; 
					font-size:13px; text-decoration: none; font-weight: bold; }
#nav-container a:hover{ color: #090; }

/*^'^ Secondary Items Container ^'^*/	
#nav-container div, #nav-container ul{ padding:0px 4px 0px 4px; margin:0px 0px 0px 0px; background-color: #FF0;  border: 1px solid #000; }

/*^'^ Secondary Items ^'^*/	
#nav-container div a, #nav-container ul a{ padding:0px 10px 0px 6px; background-color: #FF0; font-size:12px; border-width:0px;
					border-style:none; margin: 0px 0px 0px 0px;	}

/*^'^ Secondary Items Hover State ^'^*/	
#nav-container div a:hover, #nav-container ul a:hover{color:#090;}

/*^'^ Secondary Item Titles ^'^*/	
#nav-container .item-secondary-title{ cursor:default; padding:4px 0px 3px 7px; color: #6C3600; font-family: Arial, Trebuchet MS, Arial, sans-serif, Helvetica; 
					font-size:11px; background-repeat: no-repeat; font-weight:bold;	}

/*^'^ Horizontal Dividers ^'^*/	
#nav-container .divider-horiz{ border-top-width:1px; margin:5px 0px; border-color: #C16100; }

