/* CSS Document */
/* VisitGalena.com */

html {height:100%;}

body {
    text-align:center; /*Added to the body element to force IE to centre all content*/
    min-height:101%;/*Sets the minimum page height to greater than the window height to force Firefox to display vertical scrollbars, thereby preventing content jumping.*/
    /*font:62.5%/130% Verdana, Helvetica, sans-serif;
	This takes the default 16px down to 10px*/
    color:#000; 
	background:#bda573 url(../images/bg.jpg) repeat-x;
	/*background:#92824c;*/
    width:100%; 
	margin:0 auto;
	font:11px/15px Helvetica, Arial, sans-serif;
}


body * {text-align:left}

.mcnote {color: #ff0099; font-size:14px;}

* {margin:0px; padding:0px}



/* GLOBAL DEFAULTS & CSS Reset
========================================================================*/

ul, ol /*default styling*/
{
	margin: 5px 0 15px 5px;
	padding: 0px 0 0 10px;
	list-style-type: disc;
	display: block;
}


ol
{
	display: block;
	list-style-position: inside; 
}



ul li ul /*default styling*/
{
	margin: 0px;
	padding: 0px 0 0 0px;
	list-style-type: disc;
	display: block;float:left;
}

ul#sitemap { margin: 5px 0 15px 5px; padding: 0px 0 0 10px; list-style-type: none;width:100%;float:left;}
ul#sitemap li  { list-style-type: none;  width:600px;float:left;}
ul#sitemap li ul /*default styling*/ { margin: 10px 0px 0px 0px; padding: 0px 0 0 0px;  width:600px;list-style-type: none;float:left;}
ul#sitemap li ul li { list-style-type: none; width:600px;float:left;}



/*h1 {sifrd}*/

h1 {font-size:21px; width: 500px; color:#000000; line-height:22px;font-weight:normal; margin:16px 0px 20px 0px;text-align:left;clear:both;}

h2 {font-size:16px; color:#000; line-height:18px;font-weight:normal; margin:16px 0px 5px 0px;}

h3 /*used for business listing titles*/ {font-size:12px; line-height:15px;padding:5px 12px;margin:2px 0px 10px -12px;color:#000;font-weight:bold;}


h3 a:link, h3 a:active {color:#000;text-decoration:none;font-weight:bold;}
h3 a:visited {color:#000;text-decoration:none;}
h3 a:hover {text-decoration:none;}

h4 {font-size:13px; color:#000; font-weight:normal;line-height:16px;}
h5 {font-size:12px; color:#000; text-transform:uppercase; text-align:center; font-weight:bold;line-height:15px; background-color:#838240; padding:5px 10px 3px 10px;}


a:link, a:active, a:visited  {color: #000; text-decoration:none;font-weight:normal;}
a:hover {color: #000; text-decoration:none;}

a.more {font-size:11px;}

a:focus { outline: none;}


b {color:#000;}

img, img a:link, img a:visited, img a:hover, img a:visited:hover {border:0px;text-decoration:none;}

img.right {
	float:right;
	margin:2px;
	border:0px;
}

img.left {
	float:left;
	margin-right:4px;
	border:0px;
}

p, td, div
{	
	font-size: 12px;
	line-height: 16px;
	font-family: Helvetica, Arial, sans-serif;
	color: #000;
}

p {	margin: 13px 0 0 0; }


.small {font-size:10px; line-height:13px; color:#000;margin:7px 0px;}


	  
/* STRUCTURAL MARKUP
========================================================================*/

#container
{
	width: 100%; margin: 0; float: none;
}


#header
{
	width:100%;
	margin: 0 auto;
	position:relative;
}



/* MISC. HEADER OBJECT STYLES*/

.headtop
{
	width: 980px;
	height: 77px;
	margin: 0px 0px 0px 0px;
	background: #ff0000 url(../images/bg_header.jpg) repeat-x;
	position:relative;
}

.hdhome {display:none;}
.hdhomeprint {width: 100%; margin: 0; float: none; display:inline;}

.visitgalena { display:none;}
.visitgalenaprint { width: 99%; float: none; margin:0px; font-size: 10px;}

.logo {display:none;}
.logoprint { display:inline;}

.largephoto {display: none;}
.shadowright {display: none;}
.shadowleft {display: none;}
.floralleft {display: none;}
.floralright {display: none;}

.slidecontrol {display:none;}
.breadcrumbs {display:none;}


.socialicons {display: none;}



#contentcontainer /*this is holding everything below the header div */
{
	
	width: 100%; margin: 0; float: none;

}


#leftcol /*holds the side navigation */
{
	display: none;
	
}


#leftcol .small
{
    display: none;
}


#maincolhome /*main content area for homepage */
{
	width: 100%; margin: 0; float: none;
}


#maincol /*main content area for interior */
{
	width: 100%; margin: 0; float: none;
}


#maincolhome ul, ol /*default styling*/
{
	margin: 5px 0 15px 5px;
	padding: 0px 0 0 10px;
	list-style-type: disc;
	display: block;
}


/*---*/
#maincol ul.special
{      
        display:none;
}



#maincol ul.specialvert
{
		display:none;
}




#rightcol /*holds the right side info */
{
	display:none;
	
}

#rightcolhome /*holds the right side info on homepage */
{
	display:none;
	
}

.rule { border-top:1px solid #d3d3c9; padding-top:4px; padding-bottom:3px;}

#whatsnew ul
{
	padding:10px;
	margin:0px;
}

#whatsnew ul li
{
	padding-top: 10px;
	padding-bottom: 10px;
	position:relative;
	border-bottom:1px solid #d9d1c1;
	margin:0px;
}


#rightcolhome ul.links
{
	padding-left:20px;
	margin-top:20px;
	font-weight:bold;
	font-size:11px;
	border:0px;
}

#rightcolhome ul.links li 
{
	padding-top: 3px;
	position:relative;
	margin:0px;
	border:0px;
}

#rightcolhome ul.links li a 
{
	padding-left: 5px;
}


#whatsnew /*holds the Welcome Center in leftcol */
{
	width: 195px;
	margin-left: 10px;
	border:0px solid #000;
	border-bottom:3px solid #c7c19c;
	background: #f6f5ef url(../images/bg_whatsnew.jpg) no-repeat 0 0px;
	font-size:11px;
	line-height:13px;
	text-align:right;
	padding:0px;
}


#welcomecenter /*holds the Welcome Center in leftcol */
{
	width: 195px;
	margin: 0px;
	border:0px solid #000;
	border-bottom:3px solid #c7c19c;
	background: #f6f5ef url(../images/bg_welcome.jpg) no-repeat 0 0px;
	font-size:11px;
	line-height:13px;
	text-align:right;
	padding:0px;
}

#welcomecenter p /*holds the Welcome Center in leftcol */
{
	margin-top: 10px;
	margin-bottom:20px;
	border:0px solid #000;
	font-size:11px;
	line-height:13px;
	text-align:left;
	padding-left:10px;
	padding-right:10px;
}


#welcomecenter .left /*holds the View Map icon in the Welcome Center */
{
	width: 54px;
	border:0px solid #000;
	float:left;
	margin:10px 5px 8px 10px;
	
}

#welcomecenterimg { padding-top:10px;padding-bottom:5px; }


/* UNORDERED LISTS
========================================*/

#maincol ul
{
	margin: 5px 0 15px 5px;
	padding: 0px 0 0 10px;
	list-style-type: disc;
	display: block;
}


#maincol ul li  /* basic lists in content area */
{ 
	background: url(../images/bullet.gif) no-repeat 0 0px;
	padding-left: 10px;
	padding-bottom: 3px;
	position:relative;
}

#maincol ul.links li
 /* adds a special bullet for link lists */
{ 
	background: url(../images/icon_links.gif) no-repeat 0 2px;
	padding-left: 15px;
	padding-bottom: 0px;
	position:relative;
}

#maincol ul.nobullet li
 /* adds a special bullet for link lists */
{ 
	background: none;
	padding-left: 0px;
	padding-bottom: 0px;
	position:relative;
}



ul.double { float: left; width: 590px; margin: 5px 0 15px 5px; padding: 0; list-style: none;display:block;}
ul.double li { float: left; width: 280px; margin: 0; padding: 0 0 0px 12px; }

ul.doublehm { float: left; width: 490px; margin: 5px 0px 15px 0px; padding: 0; list-style-type: none;display:block; font-size:11px; line-height:13px;}
ul.doublehm li { float: left; width: 230px; margin: 0; padding: 0 15px 10px 0px;background:none;list-style-type: none; font-size:11px;line-height:13px;}

ul.amenities { float: none; width: 100%; margin: 0px; padding: 0; list-style: disc;display:block;}
/*this is a triple column list*/ /*ul.amenities li  { float: left; width: 115px; margin: 0; padding: 0 5px 0px 8px; }*/
ul.amenities li  /*this is a double column list*/ { float: none; width: 100%; margin: 0px; padding: 0 5px 0px 8px;}



/* MISC. CONTENT OBJECT STYLES
========================================*/


/*.buslisting {padding:5px 0px 5px 10px;font-size:11px;clear:both;}

.thumbdiv {width:130px; height:100px; float:right;}

.descdiv {width:680px; float:left;margin:0px 12px 0px 0px;}
.busdesc {width:530px; margin:0px 10px 15px 0px; padding:0 0 5px 0;font-size:11px;line-height:14px;}
.eventdesc {width:530px; margin:0px 10px 0px 0px; padding:0 0 5px 0;font-size:11px;line-height:14px;}
.eventdescription {width:240px; font-size:11px;line-height:14px;}
.descdivsm {width:420px; float:left;margin:0px 0px 5px 12px;}
.descdesc {width:400px; float:left; font-size:11px;}


.descdesc2 {width:270px; float:left; font-size:11px; margin-bottom:8px;border:0px solid #000;}

img.shadow {
    height:89px;
    width:120px;
    overflow:hidden;
    padding:1px 7px 8px 1px;
    background:url(../images/bg_thumbshadow.jpg) no-repeat 0 0;
}*/
.buslisting {padding:5px 0px 5px 0px;font-size:11px;clear:both; width:100%;}

.thumbdiv {width:130px; height:100px; float:right;}

.descdiv {width:100%; float:none;margin:0px 12px 0px 0px;}

.busdesc {width:530px; margin:0px 10px 15px 0px; padding:0 0 5px 0;font-size:11px;line-height:14px;}


img.shadow {
    display:none;
    
}



h3 /*used for business listing titles*/ {font-size:15px; line-height:15px;border-bottom:1px solid #000;padding:5px 12px 5px 0px;margin:10px 0px 10px 0px;color:#000;font-weight:bold;}


img.shadowhm {
    height:63px;
    width:85px;
    overflow:hidden;
    padding:1px 7px 8px 1px;
    background:url(../images/bg_thumbshadowhm.jpg) no-repeat 0 0;
}

img.border {border:3px solid #ddd;}

.promotions {display:block; margin: 0px 0px 10px 0px;}
.btmborder {border-bottom:1px solid #ccc;}

.printprompt {display:none;}


/* Homepage styles
========================================*/

#image {margin:0px auto;background:transparent repeat-x;border:0px solid #ffff00; width:980px; height:301px;}
#homeanimation {width:980px;border:0px solid #ff0000;height:301px;}
#homephoto {width:475px;float:left; margin: 0px 0px 0px 10px; border: 0px solid #ffff00;}		

#image2 {margin:0px auto;background:transparent repeat-x;border:0px solid #ffff00; width:140px; min-height:200px;}
#homeanimation2 { width:140px; min-height:200px; border:0px solid #ff0000;}


/* CALENDAR
========================================*/

.calendar /*holds the Calendar of Events in leftcol */
{
	width: 195px;
	margin: 0px;
	border:0px solid #000;
	border-bottom:3px solid #b1c1d6;
	padding:0px;
}

.hint {
	color: #e1e5e9;
	font-size: 10px;
	background:#536684;
	text-align:center;
	line-height:12px;
	padding:5px;
}

.subboxhead {
	color: #838240;
	font-weight: bold;
	text-align:center;
	background:#ccd5e1;
	text-transform:uppercase;
	padding:5px;
	vertical-align:top;
}

.smboxhead {
text-align:center;
color:#ffffff;
font-size:10px;
font-weight:bold;
}
.calbg {background:transparent;}

.calendar td {
	text-align:center;
}

a.subboxhead:hover {
	color: #000000;
	font-weight: bold;
}

table.border {
	/*background: #b3c9e0 url(../images/calbg.jpg);*/
	border-bottom:1px solid #b3c9e0;
	margin-bottom:3px;
}

table.mainborder {
	background-color: #541C08;	
}

table.dot_border {
	border-top: thin dotted #a1b8d1; 
	border-bottom: thin dotted #a1b8d1;
}

tr.subrow {
	background-color: #7e98bb;
}

tr.evenrow {
	background-color: #a3bdd8;
}

tr.oddrow {
	background-color: #eeeeee;
}

tr.totalrow {
	background-color: #a5bfd8;
}

/*tr.gradbox {
	background-attachment: fixed;
	background-image: url(../images/table_rowbg.gif);
	background-position: top;
	background-repeat: repeat-x;
	height: 20px;
}*/

.calactive {
	color: #000000;
	font-size: 10px;
}

.calactive:hover {
	color: #000;
	font-size: 10px;
	background: #e1eaf6;
}

.calinactive {
	color: #597394;
	font-size: 10px;
}

.calinactive:hover {
	color: #999999;
	font-size: 10px;
		 
}

.caltoday {
	color: #000000;
	font-size: 10px;
	font-weight: bold;
}

.caltoday:hover {
	color: #666666;
	font-size: 10px;
	font-weight: bold;
}




/* COLUMNS IN CONTENT
========================================*/

.contentleft /*main content area */
{
	float: none;
	position:relative;
	width: 100%;
	margin: 0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	z-index:300;
}


.contentright /*main content area */
{
	float: none;
	width: 100%;
	margin: 0px 0px 0px 0px;	
}

.contentfull /*main content area */
{
	position:relative;
	width: 100%;
	margin: 0px 0px 0px 0px;
	clear:both;
	
}


/* Out of the ordinary columns. These can be any width neccessary */

.wide { width: 440px; }
.narrow { width: 140px;}

.wideb { width: 355px; }
.narrowb { width: 240px;float:left;padding:0px;margin:0px;}
.narrowc { width: 240px;float:left; margin-left:10px;padding:0px;}

.logos {width:220px;float:left;margin-top:10px;}
.logodesc {width:355px;float:left;margin:0px 0px 10px 15px;}

.logosawards {width:190px;float:left;margin-top:10px;}
.logodescawards {width:375px;float:left;margin:0px 0px 10px 15px;}


/*.logosawards {width:125px;float:right;margin-top:10px;border:0px solid #000;}
.logodescawards {width:470px;float:left;margin:0px 0px 0px 10px;border:0px solid #000;}*/



/* FOOTER STYLES
========================================*/

#footer
{
	display: none;
}


.copyright
{
	font-size: 10px;
	color: #999;
    float:left;
    margin:20px 15px 0px 15px;
	text-align: left;
	width:350px;
	color: #eae0d1;
	
}

.bottomnavs
{
	font-size: 10px;
	color: #999;
    float:right;
    margin:20px 15px 0px 0px;
	text-align: right;
	width:340px;
	color: #dfd1bd;
	text-transform: uppercase;
}

.bottomnavs a:link, .bottomnavs a:active, .bottomnavs a:visited  {color: #eae0d1; text-decoration:underline;font-weight:normal;font-weight:bold;}
.bottomnavs a:hover {color: #ffffff;}



/* NAVIGATION
========================================================================*/   

#mainnav 
{ display: none;}


/* SIDE NAVIGATION
======================================== */

#secnavcontainer
{display:none;}



/* FORMS
========================================================================*/   
form {
  width: 400px;
  padding: 0px;
  margin-left:0px;
}



form.nobg {
 background: none;
}

form div {
  clear: both;
  margin-bottom: 2px;
  padding:4px;
  border-bottom:1px solid #ddd;
}
form label {
  display: block;
  float: left;
  width: 120px;
  padding-left: 22px;
  font-weight: bold;
  cursor: pointer;
}
form label.required {
  background-image: url('../images/required.png');
  background-repeat: no-repeat;
  background-position: 3px 0px;
}
form label.problem {
  background-image: url('../images/caution.png');
  background-repeat: no-repeat;
  background-position: 3px 0px;
}
form label.completed {
  background-image: url('../images/complete.png');
  background-repeat: no-repeat;
  background-position: 3px 0px;
}
div#submitdiv {
  margin-left: 7em;
  padding-left: 22px;
  padding-top: 0.3em;
  border-bottom:none;
}
input#subject, textarea {
  width: 460px;
}
input#email, input#phone {
  width: 40%;
}
input, textarea {
  border: 2px solid #ccc;/*background: url('../images/bg_input.jpg') repeat-x;*/background:#fff;
}
input:focus, textarea:focus {
  border: 2px solid #666;
}


/*---SEARCH----*/

#searchrowform {display: none;}
#searchform {display: none;}


fieldset.search {
	border: none;
	width: 225px;
	background: #ffffff;
	}
.search input, .search button {
	border: none;
	float: left;
	color:#ffffff;
}
.search input.box {
	width: 162px;
	height: 19px;
	padding: 3px 3px;
	background: #ffffff url(../images/search_bg.gif) no-repeat;
	margin-right: 5px;
}
.search input.box:focus {
	background: #ffffff url(../images/search_bg.gif) no-repeat left -24px;
	outline: none;
}
.search button.btn {
	width: 33px;
	height: 24px;
	cursor: pointer;
	text-indent: -9999px;
	background: #ffffff url(../images/search_bg.gif) no-repeat top right;
	color:#ffffff;
}
.search button.btn:hover {
	background: #ffffff url(../images/search_bg.gif) no-repeat bottom right;
	color:#ffffff;
}



/* Tables
========================================*/

.chart
{
	text-align: left;
}
.chart th
{
	font-size: 11px;
	/*font-weight: bold;*/
	
	padding: 4px 3px;
	border-bottom: 4px solid #bcbab6;
}
.chart td
{
	border-bottom: 1px solid #ccc;
	padding: 6px 8px;
}
.chart tbody tr:hover td
{
	color: #222;border-bottom: 1px solid #666;background:#eeeeee; 
}

.chart tbody tr:hover b
{
	color: #222; 
}

.chart .fieldset
{
	text-align:right;
	
}

.chart .odd
{
	background: #ecf1e5;
	
}

.submit {
  border:0px; margin:0px; text-transform:uppercase; color:#fff; text-align:center; font-weight:bold; background: url("../images/btn_searchsubmit.jpg") no-repeat 0px 2px; width:54px; height:21px;
}



.notifymeicon {width:100px;border:0px solid #ddd; margin:-16px 0px 0px 550px; position:absolute;}

/* ----------------------------
   ROTATING PHOTOS SLIDESHOW
--------------------------- */
.mt {padding-top:1px;}
.slideshowpics { height: 205px; width: 275px; padding:0px; margin:0px; overflow: hidden; }
.slideshowpics img { height: 205px; width: 275px; padding: 0px; } /*actual picture */

#slideshow { width:275px; margin:0px 0px 0px 5px;}/*holds the actual picture*/
#slidenav { width: 270px; margin:0 0 0 0px; padding:5px 0px 0px 0px; float:left; position:relative;} /*holds the thumbnails*/
#slidenav li { width: 80px; float: left; margin: 4px 7px 0px 0px !important; margin: 0px 3px 0px 0px; padding:0px; background:none; list-style-type: none;}
#slidenav a { width: 80px; padding: 0px; display: block; margin:0px;} /*sets size, puts the nice border around thumbnails*/
 #slidenav a.activeSlide { background: #6c1420; } /*the border on the active thumb*/
 #slidenav a:focus { outline: none; }
 #slidenav img { border: none; }

.output {padding:10px;height:130px; width:310px; /*background:#eae7f2 url(../images/bg_purple.jpg) repeat-x;*/ border-bottom:1px solid #ddd;}
b.callout {color:#277ecb; padding:3px 0px;display:block; font-size:14px;}


/*--------------*/


.cssnav { display: block; height: 37px;}
.cssnav:hover{ background-position: 0 -37px; }
.cssnav span { display: none; }

.printable {display:inline;}
.nonprintable {display:none;}

#specialform {display:none;}
