

body{
	padding:0; 
	margin:0;
	width:100%; 
	vertical-align:top;
	font-family: tahoma;
	background:#777777;
	/*background-image:url('../images/background.jpg');*/
	background-repeat:repeat;
    
	background-position:top;
	color:#DBDBDB;
	line-height:13px; 
	font-size:11px;
}

input, select, textarea {
	font-family: tahoma;
	color:#444444; line-height:13px; font-size:10px; font-weight:normal;
	vertical-align:middle;
}


.in_none {border:none; padding:0;}


table, td {vertical-align:top;}

a {text-decoration:underline;}	
a:hover{text-decoration:none;}

img {
	border:0px;
}

.col {
	float:left;
}

.spacer {font-size:0px; line-height:0px; padding:0 !important; margin:0 !important;}
.clear {clear:both; font-size:0px; line-height:0px; padding:0 !important; margin:0 !important;}

/*--This is a CSS for all Gridviews-->
you need to add clsses as follows
<asp:GridView ID=”grdPermitRequest” runat=”server” AutoGenerateColumns=”False” DataSourceID=”srcPermitRequest” Width=”100%” CssClass=”Grid”>
<HeaderStyle CssClass=”GridHeader”></HeaderStyle>
<AlternatingRowStyle CssClass=”GridAtlItem”/>
</asp:GridView>
*/
.Grid 
{
color:White;
border: solid 1px #777777;
width:100%; 
padding: 2px 2px 2px 2px;
 }

.Grid th a { text-decoration:underline; color:White; }
.Grid td a { text-decoration:underline; color:White; }
.GridError { color:Red; }

.Grid td
{
margin: 0px 0px 0px 0px;
padding: 2px 2px 2px 2px;
text-align: left;
}
.Grid th
{
font-weight: bold;
background-color: #871680;
padding: 2px 2px 2px 2px;	
}
.GridHeader
{
font-weight: bold;
background-color: #871680;
padding: 2px 2px 2px 2px;
}
.GridItem
{
background-color: #4d4d4d;
}

.GridAltItem
{
background-color: #9b9b9b;
}




.main_cont {width:766px; margin:auto;}



/*#header {background:#3A3A3A url(../images/header_bot.gif) bottom repeat-x;}
*/
#header {background:#3A3A3A}



.navigation {padding:22px 0 0; color:#CCCCCC;}
.navigation a {color:#CCCCCC; font-weight:bold; text-decoration:none;}
.navigation a:hover {text-decoration:underline;}

.nav_1 {float:left; width:30%;}
.nav_1 div {padding:5px 15px 0 25px; text-align:center;}

.nav_2 {float:left; width:37%; background:url(../images/nav_line.gif) top left no-repeat;}
.nav_2 div {padding:5px 15px 4px 23px; margin-left:14px; background:url(../images/cart_ic.gif) top left no-repeat;}

.nav_3 {float:left; width:32%; background:url(../images/nav_line.gif) top left no-repeat;}
.nav_3 div {padding:5px 15px 0 23px;}
.nav_3 .jamp {width:120px;}



.head {background:url(../images/headerslice.gif) left repeat-y;}
.head_b {background:url(../images/maintopimageblank.jpg) bottom left no-repeat;}
.head_t {background:url(../images/headermenu.jpg) top left no-repeat; height:255px;}


.menu {float:left; width:195px; color:#FFFFFF; font-size:14px;}
/*This changes the gap between main logos and menu/welcome bit*/
.menu ul {margin:0; padding:15px 0 0px 22px; list-style:none; color:#FFFFFF;}
.menu ul li {padding:4px 0 8px 28px; background:url(../images/menubutt.gif) bottom left no-repeat;}
.menu ul li a {color:#FFFFFF; text-decoration:none;}
.menu ul li a:hover {text-decoration:underline;}

.head .right {float:left;}


.links {padding:14px 20px 0 5px;}
.links a {background:url(../images/arrow_links.gif) top left no-repeat; padding-left:13px; color:#FFFFFF; text-decoration:none;}
.links a:hover {text-decoration:underline;}

.logo {font-size:12px;padding:5px 15px 0 13px;color:Black;}




.welcome {background:#22241F url(../images/welcome.jpg) top left no-repeat; color:#FFFFFF; font-size:10px; margin-bottom:4px; padding:27px 10px 21px 195px;}
.welcome .text {padding:12px 0 0 8px;}

.maintextwhite {background:#FFFFFF top left no-repeat; color:#000000; font-size:12px; margin-bottom:4px; padding:27px 10px 21px 10px;}
.maintextwhite .text {padding:12px 0 0 8px;}
.maintextwhite .textsmaller {padding:12px 0 0 8px;font-size:11px;}
.maintextwhite a {color:#000000; text-decoration:none; font-size:12px; line-height:normal; }
.maintextwhite a strong {color:#000000; text-decoration:none; font-size:12px; line-height:normal; }
.maintextwhite a:hover {text-decoration:underline;}

.maintextevent {color:#000000; font-size:12px; margin-bottom:4px; padding:27px 10px 21px 10px;}
.maintextevent .text {padding:12px 0 0 8px;}
.maintextevent .textsmaller {padding:12px 0 0 8px;font-size:11px;}
.maintextevent a {color:#000000; text-decoration:none; font-size:12px; line-height:normal; }
.maintextevent a strong {color:#000000; text-decoration:none; font-size:12px; line-height:normal; }
.maintextevent a:hover {text-decoration:underline;}


.product a {color:#FFFFFF; text-decoration:none; font-size:12px; line-height:normal; font-weight:bold; text-transform:uppercase;}
.product a strong {color:#FFFFFF; text-decoration:none; font-size:12px; line-height:normal; font-weight:bold; text-transform:uppercase;}
.product a:hover {text-decoration:underline;}


.product strong {color:#000000; font-size:14px; line-height:normal; font-weight:bold;}




.product_list {padding:0; border-top:3px solid #999999; padding-top:5px;}
.product_list .left {float:left; position:relative; text-align:center;}

.product_list .right {float:right; width:100%;}
.product_list .right .margin {margin-right:3px;}

.product_list .name {padding:4px 7px;}
.product_list a {color:#FFFFFF; text-decoration:none; font-size:12px; line-height:normal; font-weight:bold; text-transform:uppercase;}
.product_list a:hover {text-decoration:underline;}

.product_list .text {padding:10px 10px 14px 7px; font-size:10px;}

.product_list .line {font-size:0; line-height:0; height:3px; border-top:2px solid #E3EEEE;}

.product_list .prb {background:#8B8B8B; padding:7px 10px 7px 15px; margin-bottom:5px;}
.product_list .price {float:left; padding:3px 2px 0;}
.product_list .button {float:right; padding:7px 10px 7px 15px; border-left:2px solid #C1C1C1;}
.product_list strong {color:#000000; font-size:18px; line-height:normal; font-weight:normal;}



.product_list_col {padding:4px 0 5px; border-top:3px solid #999999;}

.product_list_col .name {padding:6px 13px; margin-top:2px; background:#FAF1E3;}
.product_list_col a {color:#FFFFFF; text-decoration:none; font-size:12px; line-height:normal; font-weight:bold; text-transform:uppercase;}
.product_list_col a:hover {text-decoration:underline;}

.product_list_col .text {padding:8px 10px 12px 3px; font-size:10px;}

.product_list_col .line {font-size:0; line-height:0; height:3px; border-top:2px solid #E9DBC2;}

.product_list_col .prb {background:#FAF1E3; padding:7px 10px 7px 15px;}
.product_list_col .price {float:left; padding:5px 2px 0;}
.product_list_col .button {float:right; padding:7px 10px 7px 15px; border-left:2px solid #DFD7C9;}
.product_list_col strong {color:#000000; font-size:14px; line-height:normal; font-weight:bold;}





.footer {color:#FFFFFF; background:#3B3B3B; padding:11px 0 11px 0; margin:0 10px 12px;}
.footer a {color:#FFFFFF;}

.footer .copy {font-size:10px; padding-top:5px; color:#B2B2B2;}
.footer .copy a {color:#B2B2B2; text-decoration:none;}
.footer .copy a:hover {text-decoration:underline;}

.footer .left {float:left; padding:12px 0 0 15px;}

.footer .right {float:right; width:100%; margin-left:-181px;}
.footer .right .margin {margin-left:181px; padding:7px 20px 12px 35px; border-left:1px solid #AFAFAF;}

.adminnav { font-size:large; font-weight:bold; word-spacing:10px; }

.sponsoredlink{float:right; font-weight:bold; font-size:smaller;}

.saloninfo a {color:Black;}
.saloninfo a:link {color:Black;}






