/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*
	HTML TAGS 
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
HTML, BODY {
	font-family : Tahoma, sans-serif;
	font-size : .875em;
	color : #000;
	margin : 0;
	padding :0;
	background-color: #CECE9D;
}

p{
	padding-right: 10px;
	padding-left: 10px;	
}
H2, H3, H4, H5, H6 {
	font-weight : bold;
}

H1 {
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 45px;
	color: #006;
}

H2 {
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 20px;
	color: #999;
}

H3 {
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 16px;
	color: #000;
}

OL, UL {
	list-style : none;
}

.PageHdg {
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 26px;
	color: #006;
}

.SubHdg {
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 22px;
	color: #006;
}

.PageHdg2 {
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 20px;
	color: #006;
}

.testsig {
    font-size: 13px;
    font-weight: bold;
    color: #000000;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*
	PAGE DIVS
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#Wrapper {
	background : #E1E1E1;
	min-height : 100%;
	width : 800px;
	margin : 0 auto;
}

#Header {
	width : 800px;
	height : 210px;
	border: thin solid #000;
	background-repeat: no-repeat;
	background-image: url(../Images/Hdr800w.jpg);
}

#Header2 {
	width : 800px;
	height : 215px;
	border: thin solid #000;
	background-repeat: no-repeat;
	background-image: url(../Images/BrdRoomHdr800.jpg);
}

.HorzNav {
	height : 30px;
	width : 800px;
	clear : both;
    margin : 0 auto;
	line-height : 30px;
	font-weight : bold;
	text-align: center;
}


#Main {
	width : 800px;
	float : left;
	background : #FFFFFF;
	clear : both;
	margin-top : -48px;
	border: thin solid #000;
}

#Left-side {
	width : 420px;
	float : left;
	border:none;
}


#Right-side {
	width : 175px;
	float : right;
	padding-top: 24px;
	padding-right: 5px;
	padding-bottom: 0;
	padding-left: 5px;
	border:1px solid #bbb;
}

.Footer {
	height : 30px;
	background : #333;
	color : #fff;
	width : 800px;
	clear : both;
    margin : 0 auto;
	line-height : 30px;
	font-weight : bold;
	text-align: center;
}

#BoxHeading {
	width : 295px;
	font-weight : bold;
	text-align: center;
	color: #FFF;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 18px;
	background-image: url(Images/bluebgslice.jpg);
	background-repeat: repeat;
	padding-top: 3px;
	padding-bottom: 3px;	
}

#mainBg { 
	background: url(../images/main-bg.gif) repeat-y;
	width:666px; 
	margin:0 auto;  
	font-size:1.1em; 
	overflow:hidden; 
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*
	Divs for 3 column format
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#main3col{
	width: 840px; /*Width of main container*/
	margin: 0 auto; /*Center container on page*/
	border-right-width: thin;
	border-left-width: thin;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #000;
	border-left-color: #000;
}

#top3col{
	background: #EAEAEA;
	height: 90px; /*Height of top section*/
	border-bottom-width: thin;
	border-bottom-style: solid;
	border-bottom-color: #000;
}

#topsection h1{
	margin: 0;
	padding-top: 15px;
}

#wrap3col{
	float: left;
	width: 100%;
}

#Mid3col{
	margin: 0 190px 0 180px; /*Margins for content column. Should be "0 RightColumnWidth 0 LeftColumnWidth*/
}

#left3col{
	float: left;
	width: 180px; /*Width of left column in pixel*/
	margin-left: -840px; /*Set margin to that of -(MainContainerWidth)*/
	background: #C8FC98;
}

#right3col{
	float: left;
	width: 190px; /*Width of right column*/
	margin-left: -190px; /*Set left margin to -(RightColumnWidth)*/
	background: #FDE95E;
}

#foot3col{
	clear: left;
	width: 100%;
	background: black;
	color: #FFF;
	text-align: center;
	padding: 4px 0;
}

#foot3col a{
	color: #FFFF80;
}

.intube3col{
	margin: -10px; /*Margins for inner DIV inside each column (to provide padding)*/
	padding:10px;
	margin-top: 10px;
	width:180px;
	background-image: url(Images/left-bg.jpg);
}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*
	Divs for Unique Home Page
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#HmePgeWrapr {
	width:900px;
	padding:5px; /* Change to 0 to clear left and right spacing on page */
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: 65px;
}
	
#HmePgeHdr {
	border:1px solid #bbb;
	height:170px;
	width: 864px;
	padding:0px;
	background-image: url(Images/foot-bg.jpg);
	background-repeat: repeat;
}
	
#HmePgecontent {
	margin-top:10px;
	padding-bottom:10px;
}
	
#HmePgecontent div {
	padding:10px;
	float:left;

}
	
#HmePgeContleft {
	width:180px;
	height:440px;
	background-image: url(Images/left-bg.jpg);
}
	
#HmePgeContmain {
	margin-left:0px;
	width:645px;
	height:auto;
	background-image: url(Images/MainConbg2.jpg);
}
	
#HmePgeContbox1, #HmePgeContbox2, #HmePgeContbox3 {
	padding:10px;
	border:1px solid #bbb;
	position:absolute;
	margin-top:290px;
	height:240px;
	background-image: url(Images/boxbg.jpg);
	background-repeat: repeat;
}
	
#HmePgeContbox1 {
	margin-left:225px;
	width:300px;
}
	
#HmePgeContbox2 {
	margin-left:564px;
	width:300px;
}
	
#HmePgeContbox3 {
	margin-left:676px;
	width:202px;
}
	
#HmePgeFtr {
	float:left;
	margin-top:9px;
	margin-bottom:10px;
	padding:0px;
	width:864px;
	background-image: url(Images/foot-bg.jpg);
	background-repeat: repeat;
}

#HmePgeBtm {
	clear:both;
	text-align:right;
}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*
	Footer layout 
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#Footer UL {	
	display: inline;
	margin: 0;
	padding: 0;
	width: 100%;
}

#Footer li {
	display: inline;
	margin: 0;
	padding: 0;
	list-style: none;
	width: 50%;
}

#Footer li a {	
	color: #000;
}

#Footer li a:hover  {	
	color: 666;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*
	NEWSLETTER CSS FORM
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
label{
	width: 4em;
	float: left;
	text-align: right;
	margin-right: 0.5em;
	display: block
}

.submit input{
margin-left: 4.5em;
}

input{
	color: #781351;
	background: #fee3ad;
	border: 1px solid #781351
}

.submit input{
	color: #000;
	background: #ffa20f;
	border: 2px outset #d7b9c9
}

fieldset{
	border: 1px solid #781351;
	width: 15em;
	background-image: url(Images/bg-box-s1.gif);
	background-repeat: repeat;
}

legend{
	color: #fff;
	background: #ffa20c;
	border: 1px solid #781351;
	padding: 2px 6px
}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*
	NAVIGATION
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#horNavBar {
	position: absolute;
	top: 196px;
	z-index: 100;
	left: 3px;
	width: 795px;
	height: 24px;
	text-align: center;
	font-family: Verdana, Geneva, sans-serif;
	text-decoration: none;
}

#button1 {
	position: absolute;
	top: 170px;
	z-index: 100;
	left: 104px;
	width: 180px;
	height: 24px;
	text-align: center;
	font-family: Verdana, Geneva, sans-serif;
	text-decoration: none;
}

#button2 {
	position: absolute;
	top: 170px;
	z-index: 100;
	left: 299px;
	width: 180px;
	height: 24px;
	text-align: center;
	font-family: Verdana, Geneva, sans-serif;
	text-decoration: none;
}


#button3 {
	position: absolute;
	top: 170px;
	z-index: 100;
	left: 490px;
	width: 180px;
	height: 24px;
	text-align: center;
	font-family: Verdana, Geneva, sans-serif;
	text-decoration: none;
}
#button4 {
	position: absolute;
	top: 170px;
	z-index: 100;
	left: 680px;
	width: 180px;
	height: 24px;
	text-align: center;
	font-family: Verdana, Geneva, sans-serif;
	text-decoration: none;
}


#Left-side UL {
	height : 260px;
	margin-top: 10px;
	margin-right: 0;
	margin-bottom: 20px;
}

#Left-side LI {
	padding : 10px 0 3px 0;
}


#Left-side IMG {
	display : block;
	width : 145px;
	margin : 0 auto 20px auto;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*
	LINKS
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
a:active,
a:link {
	color:#006;
	text-decoration:none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.0em;
}


a:hover {
	text-decoration:none;
	color: #666;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

a:visited {
	color:#000000;
	text-decoration:none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.0em;
}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*
	CONTACT FORM
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
div.box {
	width:450px;
	position:relative;
	top:10px;
	border:1px solid #262626;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 15px;
	margin-left: 90px;
	background-image: url(Images/bluebgslice.jpg);
	background-repeat: repeat;
}

div.box h1 { 
	color:#ffffff;
	font-size:18px;
	text-transform:uppercase;
	padding:5px 0 5px 5px;
	border-bottom:1px solid #161712;
	border-top:1px solid #161712; 
}

div.box label {
	width:90%;
	display: block;
	border-top:1px solid #262626;
	border-bottom:1px solid #161712;
	padding:10px 0 10px 0;
}

div.box label span {
	display: block;
	color:#bbbbbb;
	font-size:12px;
	float:left;
	width:80px;
	text-align:right;
	padding:5px 20px 0 0;
}

div.box .input_text {
	padding:10px 10px;
	width:200px;
	border-bottom: 1px double #171717;
	border-top: 1px double #171717;
	border-left:1px double #333333;
	border-right:1px double #333333;
	color: #FFF;
	background-image: url(Images/tanbgslice.jpg);
	background-repeat: repeat;
}

div.box .message{
	padding:7px 7px;
	width:350px;
	background-image: url(Images/tanbgslice.jpg);
	background-repeat: repeat;
	border-bottom: 1px double #171717;
	border-top: 1px double #171717;
	border-left:1px double #333333;
	border-right:1px double #333333;
	overflow:hidden;
	height:150px;
	color: #FFF;
}

div.box .button {
	margin:0 0 10px 0;
	padding:4px 7px;
	border:0px;
	position: relative;
	top:10px;
	left:30px;
	width:100px;
	border-bottom: 1px double #660000;
	border-top: 1px double #660000;
	border-left:1px double #FF0033;
	border-right:1px double #FF0033;
	background-color: #FF0033;
}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*
	CONTACT FORM NARROW
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
div.boxmrw {
	margin:0 auto;
	width:165px;
	background:#9f8d63;
	position:relative;
	top:10px;
	border:1px solid #9f8d63;
}

div.boxmrw h1 { 
	color:#ffffff;
	font-size:18px;
	text-transform:uppercase;
	padding:5px 0 5px 5px;
	border-bottom:1px solid #857652;
	border-top:1px solid #857652; 
}

div.boxmrw label {
	width:100%;
	display: block;
	background:#857652;
	border-top:1px solid #9f8d63;
	border-bottom:1px solid #9f8d63;
	padding:5px 0 5px 0;
}

div.boxmrw label span {
	display: block;
	color:#FFF;
	font-size:12px;
	float:left;
	width:160px;
	text-align:left;
	padding:5px 20px 0 0;
}

div.boxmrw .input_text {
	padding: 5px 5px;
	width:130px;
	background:#9f8d63;
	color: #FFF;
	border: 1px double #EFEFEF;
}

div.boxmrw .message{
	padding:7px 7px;
	width:135px;
	background:#9f8d63;
	border: 1px double #EFEFEF;
	overflow:hidden;
	height:150px;
	color: #FFF;
}

div.boxmrw .button {
	margin:0 0 10px 0;
	padding:4px 7px;
	border:0px;
	position: relative;
	top:10px;
	left:50px;
	width:103px;
	border: 1px double #EFEFEF;
	background-color: #9f8d63;
	font-weight: bold;
	color: #FFF;
}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*
	MISCELLANEOUS
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
img.floatLeft {
	float: left;
	margin: 4px;
	padding: 10px;
}
img.floatRight {
	float: right;
	margin: 4px;
	padding-bottom: 15px;
	clear: both;
}

img.opaque {position:absolute; z-index:100; opacity:.4; filter:alpha(opacity=40)}

img.floatLeft2 {
	float: left;
	margin: -10px;
	padding: 0px;
}

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.thumbnail{
position: relative;
z-index: 0;
}

.thumbnail:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: #E1E1E1;
padding: 5px;
left: -1000px;
border: 1px solid gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: -240px;
left: 300px; /*position where enlarged image should offset horizontally */
}