/* Common CSS Document background: #eeeeee url(../../images/pageBG.gif) repeat-y;*/

body { margin:0px 5px 0px 5px; padding:0px 5px 0px 5px; background-color:#eee; color:#000; font-family: arial, helvetica, sans-serif; voice-family: "\"}\""; voice-family:inherit; font-size: 12px; }
html>body { font-size: 12px; }

/* hack to center this under IE5 */
* html body {text-align: center;}
/* keep the content left-aligned */
* html #wrapper {text-align: left;}

#wrapper {margin: 0px auto; width: 760px; height:auto; background-color: #ffffff;}

#header { margin:0; padding:7px 0 0 0; width: 760px; height:auto;}
#header-left { margin: 0; padding:0 0 0 8px; position: relative; float: left;}
#header-right {margin:0; padding:0 8px 4px 0; position:relative; float: right; width:auto;}


#content {margin:0; padding:0; position:relative; float: left; width:760px; height: auto; background-color: #ffffff;}
#content-left {margin:10px 0 0 0; padding:0; position:relative; float: left; width:530px; height: auto; background-color: #ffffff;}
#content-left-padding{margin: 0 10px 0 8px; padding:0; background-color: #fff;}
#content-right {margin:0; padding:10px 0; position: relative; float: right; width:220px; height:auto;}
#content-right-nobg {margin:0; padding:10px 0; position: relative; float: right; width:225px; height:auto;}
#content-right-padding{margin: 0 8px 0 0; padding:0 0 0 23px;}

#detail-left {margin:10px 0 0 0; padding:0; position:relative; float: left; width:510px; height: auto; background-color: #ffffff;}
#detail-left-padding{margin: 0 10px 0 8px; padding:0; background-color: #fff;}
#detail-right {margin:0; padding:10px 0; position: relative; float: right; width:240px; height:auto;}
#detail-right-padding{margin: 0 8px 0 0; padding:0 0 0 23px;}

#fullcol-wrapper{margin:0; padding:0; width:760px; height: auto; background-color: #fff;}
#fullcol-gutter{margin: 0 8px 0 8px; padding: 0;}
#fullcol-gutter h2{margin: 0; padding: 10px 0 5px 0;}
#fullcol-gutter ul{margin: 5px 20px; padding: 0 5px;}

/* Main Navigation
----------------------------------------------- */
#mainnav { margin: 0 0 0 8px; padding: 0; width: 739px; height: 25px; background: #2F6389; position: relative;}
#mainnav div { margin: 0; padding: 0;}
#mainnav div a { padding: 0 12px 0 13px; display: block; float: left; font-size: 12px; line-height: 25px; background: transparent; color: #ffffff; text-decoration: none;}
#mainnav div a:hover { background: #CCCC99; }
#mainnav #mainnavtabs { padding-left: 5px; width: 100%; float: left; height: 25px; }
#mainnav #mainnavtabs div { margin: 0; padding: 0; float: left; }
#mainnav #current { margin: 0; padding: 0; background: #fff; position: static; }
#mainnav #current a { background: #fff; color: #000; font-size: 12px; font-weight: bold; border-width: 0px; }

/* Sub Navigation
----------------------------------------------- */

#content p  { margin: 0; padding: 0 0 10px 0; position:relative;}

.attraction {margin: 0; padding: 0 0 5px 0;}
.attraction h3 {font-size:12px; font-style:bold;}
.attraction p  { margin: 0; padding: 0 0 5px 0; position:relative;}

/* Footer
----------------------------------------------- */
#footer {margin:0; padding:10px 0 0 0; position:relative; float: left; width:760px;  height: auto; text-align:center; background-color:#eeeeee;}




/* heading tags */
#content h1 { margin: 0; padding: 10px 0 0 0; font-size: 16px; color: #000; font-weight: bold; width:100%;}
#content h2 { margin: 10px 0 10px 0; padding: 0 0 3px 0; color: #000; font-size: 14px; font-weight: bold; width:100%; border-bottom:1px solid #cccccc;}
h3 { margin: 0; padding: 10px 0 10px 0; color: #000; font-size: 12px; font-weight: bold;}

/* page info
----------------------------------------------- */
#pageinfo {margin:10px 0 0 0; padding: 0 8px 0 8px; height:auto;}
#pageinfo h1 {margin:0; padding:0;}

/* General
----------------------------------------------- */

#form_group {margin:0 0 10px 0; padding:0; width: 100%; font-size: 11px; border: 1px solid #2F6389; height:auto;}
#form_group h2 { margin: 0; padding: 2px 3px; color: #fff; background-color:#2F6389; font-size: 12px; font-weight: bold;}

.section {margin-bottom: 10px; padding-bottom:10px; border-bottom: 1px #ccc dashed; width:505px;}

.bg-box {margin:10px 0 5px 0; padding: 5px; width:505px; height:auto; background-color: #efefef; border:1px #ccc solid; }
img {padding:0; margin:0;}
.img{padding:1px; border: 1px solid #000;}
.img-border{padding:1px; margin: 0 3px 0 0; border: 1px solid #000;}

.imgRight-border{padding:1px; margin: 0 0 0 3px; border: 1px solid #000;}

.stepNo{padding:2px 5px 2px 5px; color: #fff; background-color:#666666; font-weight:bold;}

.inside{padding:5px;}


/* text sizes */
.text-l {font-size:14px; font-weight:normal;}
.text-m {font-size:12px; font-weight:normal;}
.text-s {font-size:11px; font-weight:normal;}
.text-xs { font-size:10px; font-weight:normal;}
.text-xxs { font-size:9px; font-weight:normal;}

.btext-l {font-size:14px; font-weight:bold;}
.btext-m {font-size:12px; font-weight:bold;}
.btext-s {font-size:11px; font-weight:bold;}
.btext-xs {font-size:10px; font-weight:bold;}
.btext-xxs {font-size:9px; font-weight:bold;}

.itext-s {font-size:11px; font-style:italic;}
.itext-xs {font-size:10px; font-style:italic;}
.itext-xxs {font-size:9px; font-style:italic;}

/* link styles */

a, a:link, a:visited, a:active{text-decoration: underline; color:#2F6389; font-size:12px;}
a:hover{text-decoration: none; color:#2F6389; }

a.blink-xl, a.blink-xl:link, a.blink-xl:visited, a.blink-xl:active{text-decoration: underline; color:#2F6389; font-size:14px; font-weight:bold;}
a.blink-xl:hover{text-decoration: none; color:#2F6389; }

a.blink-m, a.blink-m:link, a.blink-m:visited, a.blink-m:active{text-decoration: underline; font-size:12px; color:#2F6389; font-weight:normal; font-weight:bold;}
a.blink-m:hover{text-decoration: none; color:#2F6389;}

a.nostyle-s, a.nostyle-s:visited, a.nostyle-s:active, a.nostyle-s:hover {text-decoration: none; font-size:11px; color:#000;}

a.link-m, a.link-m:link, a.link-m:visited, a.link-m:active{text-decoration: underline; font-size:12px; color:#2F6389; font-weight:normal;}
a.link-m:hover{text-decoration: none; color:#2F6389;}

a.link-s, a.link-s:link, a.link-s:visited, a.link-s:active{text-decoration: underline; font-size:11px; color:#2F6389; font-weight:normal;}
a.link-s:hover{text-decoration: none; color:#2F6389;}



/* color styles */
.grey {color:#666666;}
.red {color:#FF0000;}
.blue {color:#2F6389;}
.yellow {color:#FBCC30;}

/* header styles
----------------------------------------------- */

#drkblu-hdr { margin-bottom: 10px; padding: 0; width: 99%; height:auto; font-size:12px; font-weight:normal; border: 1px solid #cccccc;}
#drkblu-hdr h2{margin: 0; padding: 2px 3px; color: #fff; background-color:#2F6389; font-size: 12px; font-weight: bold; width:auto;}

#ltblu-hdr { margin-bottom: 10px; width:99%; height:auto; font-size:12px; font-weight:normal; border: 1px solid #cccccc;}
#ltblu-hdr h2 {margin: 0; padding: 2px 3px; color: #fff; background-color:#3399cc; font-size: 12px; font-weight: bold; width:auto;}

#members { margin-bottom: 10px; width:160px; height:auto; font-size:11px; font-weight:normal; border: 1px solid #cccccc; float:right; clear:right;}
#members h2 {margin: 0; padding: 2px 3px; color: #fff; background-color:#3399cc; font-size: 12px; font-weight: bold; width:auto;}

/* rows and columns */
.col-75 {float:left; padding: 1px; width: 82px;}
.col-125 {float:left; padding: 1px; width: 125px;}
.col-150 {float:left; padding: 1px; width: 160px;}
.col-175 {float:left; padding: 1px; width: 180px;}

#photoscroll {margin: 0; padding:0; width:auto; height:130px; overflow: auto;}

.guides-left {position:relative; float: left; width:160px;}
.guides-right {position:relative; float: left; width:350px;}

/* clears */
.clear { clear:both;}

/* form styles */
form {margin:0; padding:0;}
.submit {padding: 2px; font-size: 9px; color: #000; background-color: #ccc; border:1px solid #666; height:20px; vertical-align:top;}
.field {padding: 10px 0; clear:both;}
.label {font-weight: bold; font-size:12px; width: 145px; float: left; padding-top:4px;}
.pricing-label {font-weight: bold; font-size:11px; width: 75px; float: left; padding-top:4px;}


/* list styles */


.arrow-list ul {padding: 0 0 0 15px; margin: 0 10px 0 10px;}
.arrow-list li {margin-bottom: 1px; list-style:  url(../../images/bluearrow.gif); font-weight: normal; font-size:12px;}

/* css table layout*/
dl.table-display {width: 550px; margin: 0 0 0 0; padding: 0;}
.table-display dt {width: 500px; float: left; margin: 0; padding: 0; font-size:11px;}
/* commented backslash hack for mac-ie5 \*/
dt { clear: both; }
/* end hack */
.table-display dd { float: left; width: 50px; margin: 0; padding: 0; font-size:12px; font-weight:bold; text-align:right;}