@import url("reset.css");

body{background-color: #f5f5f5; font-family: arial, helvetica, sans-serif; color: #000000;}
#mainDiv{width: 910px; margin: 0px auto 0px auto; padding: 0px 0px 5px 0px; background-color: #ffffff;}
#headDiv{position: relative; top: 5px; width: 900px; height: 175px; margin: 5px 5px 0px 5px; background-image: url(vmbnewheader.jpg); background-repeat: no-repeat;}
#bodyDiv{position: relative; top: 5px; left: 0px; width: 905px;  min-height: 715px; height: auto !important; height: 715px; margin: 0px 0px 10px 0px; padding: 0px;/*border: 1px #000000 solid;*/}
#footDiv{position: relative; top: 0px; width: 890px; height: 50px; margin: 0px 5px 0px 5px; padding: 10px 5px 5px 5px; background-color:  #e0e0e0;}
#bodySideBarWrapper{position: absolute; top: 0px; left: 0px; width: 195px; height: 100%; padding: 5px 0px 25px 5px;}
#bodySideBar{position: absolute; top: 5px; left: 5px; width: 195px; height: 100%; padding-bottom: 5px; background-color: #f0f0f0;}
#hotelBox{position: absolute; top: 5px; right: 0px; z-index: 3; width: 340px; height: 220px;}
/*#focusBar{position: absolute; top: 33px; left: 200px; z-index: 2; width: 705px; height: 100px; border: 5px #ffffff solid; border-right: 0px; border-left: 0px; border-collapse: collapse; background-color: #f1f1f1;background-image: url(longRound.png); background-repeat: no-repeat;} */
#serviceHotelBox{float: right; clear: none; width: 340px; height: 220px; margin-top: 5px; margin-left: 10px;}
#mainBodyWrapper{position: relative; top: 0px; left: 205px; min-height: 1215px; height: auto !important; height: 1215px;}

#headDiv ul {position: absolute; top: 80px; left: 10px;}
#headDiv ul li { width: 185px;}
#headDiv ul li:hover { background-color: #6b6b6b;}
#headDiv ul li:hover a{ color: #ffffff;}
#headDiv ul li a {margin-left: 5px;}
#headDiv ul li a:hover {color: #ffffff;}
#footDiv p {font-size: 9pt; text-align: right;}
#footDiv p a {margin-right: 4px; font-size: 9pt; text-decoration: none;}

#bodySideBar h3 { width: 185px; height: 22px; margin: 0px 0px 1px 10px; padding: 5px 0px 0px 0px; vertical-align: bottom; border-bottom: 1px #3b3b3b dotted;}

#serviceMenu {position: relative; top: 5px; left: 10px;}
#serviceMenu li { width: 185px; height: 22px;}
.afBlock:hover { background-color: #bfd0ea;}
.arBlock:hover { background-color: #80a664;}
.mcBlock:hover { background-color: #770000;}
.naBlock:hover { background-color: #224e69;}
#serviceMenu li:hover a{ color: #ffffff;}
#serviceMenu li a {margin-left: 5px;}
#serviceMenu li a:hover {color: #ffffff;}

.featureMenu {position: relative; top: 5px; left: 15px;}
.featureMenu li { width: 180px; margin-bottom: 3px;}
.afInline:hover { color: #bfd0ea;}
.arInline:hover { color: #80a664;}
.mcInline:hover { color: #770000;}
.naInline:hover { color: #224e69;}
.whInline:hover { color: #a5a5a5;}
.featureMenu li a {}

#topPara{position: relative; top: 5px; left: 205px; width: 350px;}
#topPara h2{font-weight: bold; font-size: 12pt; color: #224e69; padding-top: 10px;}
#topPara h3{font-weight: normal; font-style: italic; font-size: 11pt; margin-top: -3px;}
#topPara p {font-size: 11pt; text-align: justify; padding-top: 5px;}

#topParaLocal{position: relative; top: 0px; left: 0px; width: 700px;  min-height: 230px; height: auto !important; height: 230px;}
#topParaLocal h2{font-weight: bold; font-size: 12pt; padding-top: 10px;}
#topParaLocal h3{font-weight: normal; font-style: italic; font-size: 11pt; margin-top: -3px;}
#topParaLocal p {font-size: 11pt; text-align: justify; padding-top: 5px; margin-right: 5px;}

#hotelBox form{display: block; position: absolute; top: 0px; left: 0px;}
#hotelBox h2{margin: 5px 0px 0px 5px; color: #4b5b3b; font-size: 14pt; /*font-weight: bold; */}
#hotelBox h3{margin: 0px 0px 10px 5px; color: #ffffff; font-size: 10pt; font-style: italic;}
#hotelBox label{ display: block; position: relative; top: 5px; left: 0px; margin: 10px 0px 10px 0px; color: #4f4f4f; font-size: 12pt; vertical-align: top;}
#hotelBox select{background-color: #dbdbdb; color: #4b5b3b; font-size: 12pt; margin-right: 2px;}
#fs1 select{width: 325px;}
#fs1 {position: absolute; top: 40px; left: 5px;}
#fs2 {position: absolute; top: 100px; left: 5px;}
#fs3 {position: absolute; top: 100px; right: 0px;}
/*#fs3 {margin-left: 0px;}*/
#hotelBox select optgroup {padding: 0px; margin: 0px;}
#hotelBox select optgroup option{padding: 0px; margin-left: 17px;}
#hotelBox button{position: absolute; right: 2px; top: 185px; padding: 0px; background-image: url(/newsite/images/structure/gray40h.png); background-repeat: repeat-x; color: #4b5b3b; font-size: 12pt; }

#serviceHotelBox h2{margin: 0px 0px 0px 5px; font-size: 12pt; /*font-weight: bold; */}
#serviceHotelBox h3{margin: 0px 0px 10px 5px; font-size: 10pt; font-style: italic;}
#serviceHotelBox label{ display: block; position: relative; top: 5px; left: 0px; margin: 10px 0px 10px 0px; font-size: 12pt; vertical-align: top;}
#serviceHotelBox select optgroup {padding: 0px; margin: 0px;}
#serviceHotelBox select optgroup option{padding: 0px; margin-left: 17px;}
#serviceHotelBox button{position: absolute; top: 165px; left: 575px; width: 60px; padding: 0px; font-size: 12pt; }

#shbfs1 {position: absolute; top: 60px; left: 405px;}
#shbfs2 {position: absolute; top: 60px; left: 535px;}
#shbfs3 {position: absolute; top: 120px; left: 405px;}

.serviceBoxA{ background-image: url(/newsite/images/structure/army-base-hotel-box.png); background-repeat: no-repeat;}
.serviceBoxF{ background-image: url(/newsite/images/structure/air-force-base-hotel-box.png); background-repeat: no-repeat;}
.serviceBoxN{ background-image: url(/newsite/images/structure/navy-base-hotel-box.png); background-repeat: no-repeat;}
.serviceBoxM{ background-image: url(/newsite/images/structure/marine-corps-base-hotel-box.png); background-repeat: no-repeat;}
.serviceBoxA h2 a{color: #4b5b3b;}
.serviceBoxF h2 a{color: #224e69;}
.serviceBoxN h2 a{color: #edede7;}
.serviceBoxM h2 a{color: #edede7;}
.serviceBoxA h3{color: #ffffff;}
.serviceBoxF h3{color: #edede7;}
.serviceBoxN h3{color: #edede7;}
.serviceBoxM h3{color: #edede7;}
.serviceBoxA label{color: #4f4f4f;}
.serviceBoxF label{color: #edede7;}
.serviceBoxN label{color: #edede7;}
.serviceBoxM label{color: #edede7;}

#featuredBase {width: 700px; height: 180px; position: absolute; top: 240px; left: 205px;}
#fbHeader {width: 100%; height: 30px;}
#fbHeader h2 {position: relative; font-weight: bold; font-size: 12pt; color: #224e69;}
#fbHeader hr {position: absolute; left: 0px; height: 0px; width: 40%; margin-top: 1px; border: 0px; border-bottom: 1px #000000 dotted;}
#fbContent h3{}
#fbContent p{margin-bottom: 5px; font-size: 11pt; text-align: justify;}
#fbContent ul {list-style-type: disc; width: 330px; float: left; clear: right;}
#fbContent ul li {margin-left: 30px; font-size: 11pt;}

#baseLocationContent{width: 700px; height: 180px; position: relative; top: 0px; left: 0px; margin-top: 15px;}
#baseLocationContent h2 {position: relative; font-weight: bold; font-size: 12pt;}
#baseLocationContent p{margin: 5px 0px 10px 0px; }
#baseMapHead{position: relative; top: 00px; left: 0px; font-weight: bold; }

#map {position: relative; top: 0px; left: 0px; width: 697px; height: 300px; border: 1px #000000 dotted; margin-bottom: 5px;}
#mapSpacer{position: relative; top: 0px; left: 205px; width: 698px; height: 1px}

#lowerPanel {width: 700px; height: 280px; position: absolute; top: 420px; left: 205px;}
#lpHeader {width: 100%; height: 30px;}
#lpHeader div h2 {position: relative; padding-top: 10px; font-weight: bold; font-size: 12pt; color: #224e69;}
#lpHeader div hr {position: absolute; left:0px; height: 0px; width: 70%; margin-top: 1px; border: 0px; border-bottom: 1px #000000 dotted;}
#lowerPanel div img {margin-left: 0px; border: 1px #000000 dotted;}
#lowerPanel div label {font-size: 10pt; font-weight: bold;}
#lowerPanel div p {font-size: 10pt; margin-left: 5px; margin-right: 10px;}
#lowerPanel div ul {font-size: 11pt; margin-left: 5px;}
#lowerPanel div ul li a{text-decoration: none;}
#lphLeft{ position: absolute; top:0px; left: 0px; width: 400px;}
#lphRight{position: absolute; top: 0px;left: 400px; width: 300px;}
#lpLeft {position: absolute; top: 40px; left: 0px; width: 200px;}
/*#lpLeft img {margin-left: 0px; border: 1px #000000 dotted;}*/
#lpCenter {position: absolute; top: 40px; left: 200px; width: 200px;}
/*#lpCenter img {margin-left: 0px; border: 1px #000000 dotted;}*/
#lpRight {position: absolute; top: 40px; left: 400px; width: 300px;}
#miniMap{width: 290px; height: 100px; border: 1px #000000 dotted;}
#bpMap{position: absolute; bottom: 5px; left: 205px; width: 697px; height: 150px; border: 1px #000000 dotted;}

#hoverButton{display: block; position: absolute; top: -190px; left: 860px; z-index: 5;}
#hoverButtonL{display: block; position: absolute; top: -190px; left: 655px; z-index: 5;}


#mainContent{position: relative; top: 0px; left: 210px; width: 690px;}
#mainContent h2{font-weight: bold; font-size: 12pt; padding-top: 10px;}
#mainContent h3{font-weight: normal; font-style: italic; font-size: 11pt; margin-top: -3px;}
#mainContent p {font-size: 11pt; text-align: justify; margin-top: 5px;}

#wideMainContent{position: relative; top: 0px; left: 5px; width: 890px; height: 800px;}
#wideMainContent h2{font-weight: bold; font-size: 12pt; color: #224e69; padding-top: 10px;}
#wideMainContent h3{font-weight: normal; font-style: italic; font-size: 11pt; margin-top: -3px;}
#wideMainContent ul{margin: 10px 0px 5px 10px;}
#wideMainContent li {display: inline; color: #000000; margin-right: 25px; font-weight: bold;}
#wideMainContent p {font-size: 11pt; text-align: justify; margin-top: 5px;}

#mapLinks{margin-bottom: 25px;}

#hotelList{position: relative; top: 200px; left: 0px; }
.hotelListBox{position: relative; top: 0px; left: 105px; height: 120px;}
.hotelImage{position: relative; top: 0px; left: 0px; width: 110px; }
.hotelLBContent{position: absolute; top: 0px; left: 110px;}
.hotelLBContent li {display: inline; margin-left: 10px;}

#serviceBaseList{position: relative; top: 0px; left: 95px;}

.bold{font-weight: bold;}
.underline{text-decoration: underline;}
.justify{text-align: justify;}
.white {color: #ffffff;}
.faintGray{color: #f0f0f0;}
.lightGray{color: #f5f5f5;}
.medGray{color: #a5a5a5;}
.darkGray{color: #6b6b6b;}
.darkerGray{color: #4b4b4b;}
.black{color: #000000;}
.darkBlue{color: #224e69;}
.darkBlue:hover{color: #768d60;}
.highlightF:hover{color: #bfd0ea;}
.highlightM:hover{color: #770000;}
.highlightN:hover{color: #224e69;}
.highlightA:hover{color: #768d60;}
.oliveGreen{color: #768d60;}
.oliveGreen:hover {color: #224e69;}