/*  Default Styling  */
/*  87.5% of 16px base = 14px = 11pt */
html,body { color: black; background-image: url(../images/background.jpg); background-repeat: repeat-y; font-size: 87.5%; font-family: Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular ; background-color: #eff; }
/*  .bod { color: black; background-image: url(../images/background.jpg); background-repeat: repeat-y; font-size: 85%; font-family: Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular ; background-color: #eff; }  */

.small { font-size: .8em; font-family: Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular }
td,p,table,div,form,ul,li,dl { font-size: 1em; font-family: Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular }
em { font-size: 1em; font-family: "Comic Sans MS", Palatino, "Palatino Linotype", cursive; display: block; }
img { border-width: 0; }
.title { font-weight: bold; font-size: 1.8em; }
.head { font-weight: bold; font-size: 1.2em; clear: both;}
h1,h2,h3,h4,h5,h6 { color: #3b8f28; text-shadow: #004d06 1px 1px 0; font-family: "Lucida Calligraphy", "Apple Chancery", "Zapf Chancery",  "Monotype Corsiva", "URS Chancery L", "Comic Sans MS", cursive; ;font-weight: 300; letter-spacing: 0.05em; }
h1 {font-size: 1.75em;}
h2 {font-size: 1.5em;}
h3 {font-size: 1.3em;}
h4 {font-size: 1.15em;}
h5 {font-size: 1.0em;}
h6 {font-size: 0.85em;}



/* form styling  */
fieldset { background-color: #daffff; width: 360px; padding: 1em; border-color: gray silver silver gray; border-style: solid; border-width: 0.2em; }
fieldset dt { float: left; width: 150px; padding-top: 0.25em; padding-bottom: 0.25em; }
fieldset dd {  margin:0; padding-top: 0.25em; padding-bottom: 0.25em; border:none;}
input,option,select,textarea    { color: black; font-weight: normal; font-size: 0.85em; font-family: Geneva, Arial, Verdana, Helvetica, Swiss, SunSans-Regular; background-color: #f3ffff; }
input[type=text] { width: 190px; }
input[type=submit],input[type=button] {width: 100px;}
textarea    { width: 340px; height: 200px; color: black; font-weight: normal; font-size: 0.85em; font-family: Geneva, Arial, Verdana, Helvetica, Swiss, SunSans-Regular; background: #f3ffff url(../images/back.jpg); }
.formtext { width: 120px; }
.em { }
.hide { position: absolute; visibility: hidden; }


/* map styling  */
#map { width: 500px; }
#map p { color: #639; font-size: 0.9em; font-family: Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular; }
#map p .subhead { color: #639; font-size: 0.9em; font-family: Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular; font-weight: bold; }
#map img { border: solid 0.1em #639; }

#pin { position: relative; top: -260px; left: 260px; width: 27px; height: 27px; clear: both; }
#pin img { border:0;}

/* Popup window classes  */
.pop { }

.no_underline { text-decoration: none }
.pme { color: #f3ffff; font-size: .8em }
hr { clear: both; }
a, a:active, a:visited { color: blue; }
ul   { display: inline; }
li { margin-left: 1em; list-style-type: disc; }

dl { clear: both; }
dt { float: left; clear: left; width: 14em; height: 3em; margin-top: 0.1em; margin-bottom: 0.1em; }
dd { height: 3em; margin-left: 0; margin-top: 0.1em; margin-bottom: 0.1em; padding-left: 14em; border-bottom: 0.1em solid silver; }


/* Custome header styling  */
.subhead { font-weight: bold; font-size: 1em; height: 1em; margin-top: 2em; display: block; }

/* Header Container  */
#header { background-image: url(../images/titles/title.gif); background-repeat: no-repeat; left: 0; width: auto; height: 66px; }

/* Inner Header  mid & rhs */
#innerheader_mid { background-image: url(../images/VB_44ST_SCT.jpg); background-repeat: no-repeat; position: relative; width: 70px; height: 100px; z-index: 1; float: right; margin-right: 0; }
#innerheader_right { background-image: url(../images/GoldAward.jpg); background-repeat: no-repeat; position: relative; width: 70px; height: 100px; z-index: 2; float: right; margin-left: auto; }


/* alertbox styling */
#modalContainer  { background: transparent url(../images/tp.png); position: absolute; z-index: 10000; top: 0px; left: 0px; width: 100%; height: 100% }
#alertBox    { background: #f2f5f6 url(../images/alert.gif) no-repeat 20px 30px; margin-top: 50px; border: solid 2px #000; position: relative; width: 300px; min-height: 100px }
#modalContainer > #alertBox { position:fixed }
#alertBox h1  { color: #fff; font: bold 1.1em Verdana, Arial, Helvetica; background-color: #78919b; margin: 0px; padding: 2px 0px 2px 5px; border-bottom: 1px solid #000 }
#alertBox p   { font: 11px verdana, arial; margin-left: 55px; padding-left: 5px; height: 50px }
#alertBox #closeBtn    { color: #fff; font: 1.1em Verdana, Arial, Helvetica; text-decoration: none; background-color: #78919b; text-align: center; text-transform: uppercase; display: block; margin: 5px auto 5px 115px; padding: 3px; border: solid 2px #000; position: relative; width: 70px }


/* Body Content - reduce bottom margin by 15px to eliminate space allowed for horizontal scrollbar */
.bodycontent { width: 100%;  overflow: hidden;}


/* Main Part of Body Content  */
.maincontent { position: relative; top: 0; left: 166px; bottom: 0; width: auto; height: auto; text-align:left; padding-right: 166px; }

/* Footer Container  */
#footer { text-align: center; clear: both; margin:0 auto;}
.base  { font-size: .9em; font-family: "MS Gothic", Monaco, "Andale Mono", "Courier New", Courier, monospace ; text-align: inherit; }
.contact  { color: #004d06; font-size: .8em; font-family: Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular ; text-align: inherit; }
.valid { border:0; width:88px; height:31px; }
/* Facebook positioning  */
.like{ text-align: center; clear: both; margin:2em auto; }

/* Secondary Body Content  */
.sidebar { text-align: center; position: absolute; width: 166px; height: auto; overflow: hidden; }

/* Menu alignment  */
#menu { text-align: left;  }

/* Menu Styling  */
#menu ul  { display: inline; }
#menu ul li { width: auto ; margin-left: 0; padding-top: 0.5em; padding-bottom: 0.5em; list-style-type: none; }
.show{ position:absolute;  }
.hover{ position:relative;  }


/* Fix ensures content of parent container fills available space */
.fill { line-height: 0; visibility: hidden; }
.fill:after { line-height: 0; visibility: hidden; content:". . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . "; }


/* Slideshow styling  */

.pics { height: 320px; width: 420px; padding:0; margin:0 auto; overflow: hidden    }
.pics img { position: absolute; height: 320px; width: 420px;  border: 0; top:0; }


/* style jquery callback display  */
#callback_container { position: relative; top: 3px; width: 420px; height: 3em; margin-right: auto; margin-left: auto; }

#output_title { font-size: 0.8em; font-weight: bold; position: relative; top: 0; width: 50px; margin-right: auto; margin-left: 0; }
#output_alt{ font-size: 0.8em; position: absolute; top: 0; left: 50px; width: 370px; }
#output { width: 420px; margin-right: auto; margin-left: auto; height: 3em; }

#control_container { position: relative; top: 3px; width: 420px; height: 3em; margin-right: auto; margin-left: auto; }

/* style replay button  */
#restart { position: absolute; background-image: url(../images/buttons/play.gif); background-repeat: no-repeat; top: 0; right: 0; width: 18px; height: 18px; }
#restart:hover { background-image: url(../images/buttons/playhov.gif); background-repeat: no-repeat; }

#control_text { font-size: 0.8em; text-align: right; position: relative; width: 400px; height: 18px; }

/* Thumbnail styling  */
#thumbs { text-align: center; width: auto; height: auto; padding:0; margin:0 auto; overflow: hidden      }
#thumbs img { position: relative; height: auto; width: auto; border: 0; top:0; }

/* Thumbnail styling  */
.thumbnails { text-align: center; width: auto; height: auto; padding:0; margin:0 auto; overflow: hidden      }
.thumbnails img { position: relative; height: auto; width: auto; border: 0; top:0; }

/* Tooltip styling  */
#easyTooltip{ font-size: 0.8em; color: #004d06; z-index: 3000; padding:0.2em; background-color: #cdffff; border: solid 1px; opacity: .6; max-width: 20em; }

/*  #counter { position: relative; bottom: 0;}  */
#plan-img { width: 1px; height: 1px; }