body{
background:#000 url(../images/topTile.jpg) top repeat-x;
text-align:center;
font-size:0.8em;
font-family:        "Avant Garde",		/* MacOS */
        "Century Gothic",		/* Windows (HP printer) */
        "Avant Garde Gothic",	/* HP font name */
        "URW Gothic L",		/* Unix+X+FontConfig */
        /* Fallback options */
        helvetica,		
        ,sans-serif;
}





#pageWrap{

        width:1000px;
        margin-left:auto;
        margin-right:auto;
        margin-top:50px;
        text-align:left;
	background:transparent url(../images/pageTile.jpg) 0 0 repeat-y;
}

#pageWrap2{

        width:1000px;
        margin-left:auto;
        margin-right:auto;
        padding-top:19px;
        text-align:left;
	background:transparent url(../images/pageTopCap.jpg) top no-repeat;
}

#pageWrap3{

        width:1000px;
        margin-left:auto;
        margin-right:auto;
        text-align:left;
        padding-bottom:20px;
	background:transparent url(../images/pageBottom.jpg) bottom no-repeat;
}

#topBar{
         height:100px;
         width:1000px;
	background:transparent;
	position:relative;
}

#topBar h3{
position:absolute;
bottom:0px;
left:60px;
color:white;
}


#buttonPositioning{
position:absolute;
left:-30px;
bottom:-32px;
}

#bookNowOuter{
display:block;
width:117px;
height:115px;
background:transparent url(../images/bookNowSlider.gif) no-repeat;
background-position:0, 0;
position:relative;
}

#bookNowInner a{
display:block;
width:124px;
height:124px;
background:transparent url(../images/bookNowSlider.gif) no-repeat;
background-position:0, 0;
position:absolute;
left:0px;
bottom:-12px;
}

#bookNowInner a:hover{
display:block;
width:124px;
height:124px;
background:transparent url(../images/bookNowSlider.gif) no-repeat;
background-position:-119px 0;
position:absolute;
left:0px;
bottom:-12px;
}

#bookNowInner span{
display:none;
}


#ovalBannerPic{
        position:absolute;
        top:-64px;
        left:40%;
        display:block;
        }
             

#topLeftMenu{ 
       position:absolute;
       left:90px;
       top:14px;
       width:276px;
 }
 
 
#topRightMenu{ 
       position:absolute;
       left:590px;
       top:14px;
       width:276px;
 }

.menu ul{
        list-style:none;
        margin:0px;
        padding:0px;
        margin-left:10px;
        }

        .menu ul li{
        float:left;
        padding:0px;
	margin:0px;
        }


        .menu li a{
        text-decoration:none;
        display:block;
        margin:2px 15px;
        height:16px;
        color:#fff;
        }
        
        .menu li a:hover{
        color:#332319;
        font-weight:bold;
        text-decoration:underline;
        }

#titleBar{
background:transparent;
margin-top:45px;
margin-left:12px;
}

#titleBar h2{
text-align:right;
text-size:3em;
margin-left:400px;
margin-right:100px;
color:#5e9710;
font-weight:normal;
padding-top:40px;
border:0px;
}


/* this is bad.  Why would you need this type of rule?  
Get more specific if you really think you need this.
#b1 p{
width:900px;
margin:0 80px 0 40px;
}
*/

#body{
text-align:center;
width:100%;
}

#b1{
width:900px;
margin:0 auto;
}


#pageBody{
margin-top:20px;
width:100%;
/*
width:960px;
padding:20px 20px 20px 20px;
*/
}	




#upperLeft{
display:inline;
width:430px;
float:left;
margin-right:10px;
padding-left:50px;
display:inline;
}

#upperLeft p{
        clear:left;
        text-align:left;
}

#upperRightWrap{
background:transparent;
float:right;
}


#upperRight{
display:inline;
background:transparent url(../images/homePgImgBgLg.jpg) no-repeat;
width:399px;
height:272px;
float:left;
padding:0 20px 5px 7px;
margin:10px;
position:relative;
}

#upperRight img{
margin-left:auto;
margin-right:auto;
border:0;
position:absolute;
top:14px;
left:22px;
}

#upperRight h1{
padding-left:12px;
}


#lowerArea{
font-size:.9em;
margin-top:10px;
clear:both;
}


.homeTitle{
width:316px;
font-family:serif;
color:#fff;
font-size:3.8em;
float:left;
text-align:center;
}

#lowerLeft{
display:inline;
background:transparent url(../images/homeLowerPhotoBG.jpg) no-repeat;
width:290px;
height:203px;
float:left;
margin:10px 10px 0 10px;
clear:left;
position:relative;
}

#lowerLeft img{
margin-left:auto;
margin-right:auto;
border:0;
position:absolute;
top:17px;
left:19px;
}


#lowerMiddle{
display:inline;
background:transparent url(../images/homeLowerPhotoBG.jpg) no-repeat;
width:290px;
height:203px;
float:left;
padding:0 7px 5px 7px;
margin:10px 10px 0 10px;
position:relative;
}

#lowerMiddle img{
margin-left:auto;
margin-right:auto;
border:0;
position:absolute;
top:17px;
left:19px;
}



#lowerRight{
display:inline;
background:transparent url(../images/homeLowerPhotoBG.jpg) no-repeat;
width:290px;
height:203px;
float:left;
padding:0 7px 5px 7px;
margin:10px 10px 0 10px;
position:relative;
} 

#lowerRight img{
margin-left:auto;
margin-right:auto;
border:0;
position:absolute;
top:17px;
left:19px;
}

        #footerWrap{
        width:1000px;
        margin-left:auto;
        margin-right:auto;
        background:transparent;
        font-size:0.8em;
        margin-bottom:30px;
        }
        

        #footer{
	        
	}

	#joinForm{
	width:255px;
	padding:10px;
	float:left;
	margin:10px;
	color:white;
	margin-right:0px;
	padding-top:0px;
	margin-top:0px;
        display:inline;
	}

	#tagCloud{
	width:255px;
	padding:10px;
	float:left;
	margin:10px;
	color:white;
	border:1px solid #bbb;
	border-width:0 1px;
	padding-top:0px;
	margin-top:0px;
        display:inline;
        padding-bottom:80px;
	}

	#tagCloud a{
	color:#ddd;
	}
	
	#tagCloud a:hover{
	color:black;	
	}



#tags a{ 
         margin:5px;
         padding:5px;
 }

#tags a:hover{
               background:#eee;
               } 

#rss{
width:275px;
float:left;
display:inline;
}


#footer #rss li a{
display:block;
}


#copyright, #copyright a{
text-align:right;
clear:left;
color:#bbb;
margin-top:12px;
}

	

	a{
        color:#777;
        text-decoration:none;
        }

        a:hover{
        color:#006ec7;
        text-decoration:underline;
        }


.pagination{
background:#eee;
padding:10px;
border:1px solid #ccc;
border-left:0px;
border-right:0px;
text-align:center;
margin:10px 0px;
}

.pagination a{
border:1px solid #ccc;
padding:3px 8px;
margin:3px;
}

.pagination a:hover{
background:#ccc;
color:black !important;
}

.tag1 {font-size: 1.0em;}
.tag2 {font-size: 1.2em;}
.tag3 {font-size: 1.4em;}
.tag4 {font-size: 1.6em;}
.tag5 {font-size: 1.8em;}
.tag6 {font-size: 2.0em;}

#column_table td{
                  padding:10px;
                  margin:10px;
                  background:#ddd;
 }

td#sideBar{ 
            width:210px;
 }




#pageBody img{

}




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

ul.gallery li{ 
               float:left;
               background:#eee;
               padding:0px;
               border:1px solid #ccc;
               margin:5px;
 }


.clearfix, .clearfixLeft, .clearfixRight {
    display: inline-block;
}

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
/* Hides from IE-mac \*/
* html .clearfix {
    height: 1%;
}
/* End hide from IE-mac */
.clearfixRight:after {
    content: ".";
    display: block;
    height: 0;
    clear: right;
    visibility: hidden;
}
/* Hides from IE-mac \*/
* html .clearfixRight {
    height: 1%;
}
/* End hide from IE-mac */