body { padding: 0; margin: 0; text-align: center; font-family:Segoe UI; background-color:#FFFFFF; }
/*#d1e2f4;*/

#wrapper { position:relative; margin-left:auto; margin-right:auto; width:969px; background-color: #fff; text-align: left; }

#banner	{ width:969px; height:192px; }
#banner #takeAWander {color: #FFFFFF; font-family:"Segoe UI"; font-weight: bold; font-size: medium; text-align: right; position: absolute; width: 393px; height: 30px; z-index: 1; left: 550px; top: 166px; color: #FFFFFF; }
#banner #toplinks {font-family: メイリオ; color: #FFFFFF; font-size: small;	text-decoration: none; position: absolute; right: 50px; top: 9px; z-index: 1; text-align: right;}
#banner #toplinks A:link {text-decoration: none; color:#FFFFFF;}
#banner #toplinks A:visited {text-decoration: none; color:#FFFFFF;}
#banner #toplinks A:active {text-decoration: none; color:#FFFFFF;}
#banner #toplinks A:hover {text-decoration: underline; color:maroon}

#leftNav { position:relative; float:left; width:228px; margin-left:4px; padding-top:4px; z-index:20;}
#rightNav { margin-left:238px; padding-top:4px;}

#search	{ width:228px; height:32px; padding-bottom:3px; padding-top:3px; display:block; background: url("../images/public/ui/search.png") no-repeat; }
#search #searchText { display:inline; color:Maroon; font-size: small; position:absolute; left: 5px; }
#search #searchBut { display:inline; margin-left:195px; }

#logon { width:228px; margin-bottom:4px; background:url("../images/public/ui/logonbg.png") no-repeat; height:106px; }
#logon #alreadyUser { text-align:center; font-weight: bold; font-size: small;  height: 19px; top: 2px }
#logon #logUser { margin-left:5px; font-weight: bold; font-size: small;  margin-right:5px; top:4px; }
#logon #logUser #usern { width:70px; }
#logon #logPass { margin-left:5px; font-weight: bold; font-size: small;  margin-right:5px; clear:both; padding-top:2px; }
#logon #logPass #passw { width:70px; }
#logon .boxStyle { width: 145px; float:right; border-style:inset; }
#logon #logBottom  { clear:both; line-height:10px; }
#logon #logBottom #logLeft { float:left; width:80px; padding-left:14px; padding-top:5px; }
#logon #logBottom #logLeft #go { }
#logon #logBottom #logRight { margin-left:84px; }
#logon #logBottom #logRight #rememberMe {  }
#logon #logBottom #logRight .remember { font-size:small; font-weight:normal; }
#logon #logBottom #logRight #rememberMe .chkRemember { }
#logon #logBottom #logRight #forgotPassword {  }
#logon #logBottom .forgot { font-size:x-small; font-weight:lighter; }

#fbLogin { float:left; left:0px; top:378px; width:228px; height:32px; margin-bottom:4px; background: url("../images/public/placeholders/fblogon.png") no-repeat; }
#fbLogin #fbLabel { position:relative; width:140px; height:21px; z-index:1; top:6px; text-align:center; }

#signup	{ float:left; left:0px; top:342px; width:228px; height:32px; margin-bottom:4px;}

.modalBackground { background-color:Black; filter:alpha(opacity=75); opacity:0.75; }
.modalPopup { background: url("../images/public/ui/modal.jpg") repeat; font-family:Segoe UI; border-width:1px; border-style:groove; border-color:Gray; padding:1px; width:400px; z-index:20;} /*display:none;*/
#signUpHead { color:#2FAC35; text-align:center; font-weight:bold; padding:8px; }
.modalLabel { position:absolute; left:20px; font-size:12px; font-weight:bold; }
.modalTextBox { position:absolute; left:139px; }
#signUpFooter { text-align:center; padding-bottom:6px; padding-top:6px; }
.modalError { position:absolute; left:300px; font-size:10px; font-weight:bold; color:Red; vertical-align:bottom; }
#modalErrorResult { text-align:center; font-size:15px; font-weight:bold; color:Red; padding:6px;  }

#navbar { width:726px; height:32px; top:4px; background: url("../images/public/ui/navbarmain.png") no-repeat; z-index: 1; }
#navbar #navText { position: relative; left:20px; top:2px; height:25px; z-index:2; }

#panelWrap { float:right; width:726px; background-color:#d1e2f4;  }
#panelContent { background-color:#d1e2f4; }
#generalBG { background-color:#4E584D; width:726px; }
#generalBottom { background: url("../images/public/ui/generalBottom.png") no-repeat; height:4px; display:block; margin-bottom:4px; }

#map { position: relative; left:4px; top:4px; width:522px; height:284px; float:left }

#whyJoinLeft { position: relative; top:4px; width:193px; height:135px; background-color:#B9BDC0; margin-left:530px; }
#whyJoinLeft #whyJoinLeftText {position: absolute; width: 193px; height: 111px; z-index: 1; top: 19px; left: 2px; text-align: center; line-height: 18px; }
#whyJoinLeft #whyJoinLeftTitle { position: absolute; width: 193px; height: 19px; z-index: 2; top: 1px; left: 8px; font-size: x-small; font-weight:bold; color: #588BA7; }
.joinBig { font-size: large; font-weight: bold; }
.joinSmall { font-size: small; }

#whyJoinRight{ position: relative; top:8px; width:193px; height:84px; background-color:#B9BDC0; margin-left:530px; }
#whyJoinRight #whyJoinRightText { position: absolute; width: 178px; height: 82px; z-index: 1; top: 2px; left: 1px; text-align: center; line-height: 15px; }

#whyJoinBottom{ position: relative; top:12px; width:193px; height:57px; background-color:#B9BDC0; margin-left:530px; }
#whyJoinBottom #whyJoinBottomText { position: absolute; width: 178px; height: 55px; z-index: 1; top: 2px; left: 1px; text-align: center; line-height: 15px; }

/* Move styles to homecontrol   */
#homeContent { margin:0px 4px 0px 4px; background-color:White; padding:4px 4px 4px 4px; }
#homeContent #topBGTitle { font-weight:bold; color:#2FAC35; text-align:center; }
#homeContent #topBgList { border:5px;padding:5px;border-style:solid;border-color:Black;border-width:1px;position:relative;vertical-align:top; height:150px; line-height:135%;margin-bottom:5px; }
#homeContent #topBgList #topBgImage { width:150px; height:150px; left:5px; overflow:hidden; text-align:center; vertical-align:middle; display:table-cell; line-height:150px; }
#homeContent #topBgList #topBgText { position:absolute; top:5px;left:160px;display:inline; line-height:135%; font-size:14px; }
#homeContent #topBgList #topBgText #topBgDes { width:544px; height:116px; overflow:hidden; }

/* move these styles to home user control stlyes   */
#image { width:376px; height:282px; float:left; overflow:hidden; text-align:center; display:table-cell; line-height:282px; }
#imageCaption { padding:0px 5px 0px 5px; font-size:8px; font-weight:bold; }
#mapContent { margin-left:380px; height:282px; }
#textTitle { font-weight:bold; color:#5da1d0; font-size:30px; }
#textIntro { margin-top:6px; font-size:14px; font-weight:bold; line-height:135%; }
#textBody { margin-top:6px; font-size:14px; line-height:135%; }
#textPublished { margin-top:6px; font-size:10px; font-style:italic; }

#topPlaces { float:left; left:0px; width:228px; }
#topPlaces #tpTop { width:228px; height:5px; background:url('../images/public/ui/tptop.png') no-repeat; display:block; }
#topPlaces #tpBg { background-color:#4E584D; }
#topPlaces #topTitle { font-weight:bold; color:#2FAC35; text-align:center; }
#topPlaces #topList { padding:5px 5px 0px 5px; border-style:solid; border-color:#4e584d; border-width:3px; position:relative; vertical-align:top; background-color:#fff; }
#topPlaces #topList #topImage { text-align:center; width:70px; }
#topPlaces #topList #topHead { position:absolute; top:1px; left:80px; display:inline; width:140px; color:#5da1d0; font-weight:bold; text-decoration:none; }
#topPlaces #topList #topHead a:link { text-decoration:none; color:#5DA1D0; }
#topPlaces #topList #topHead #topTitle { overflow:hidden; height:20px; text-align:left; }
#topPlaces #topList #topHead #topText { font-size:10px; font-weight:normal; color:#000; text-decoration:none; padding-right:3px; }
#topPlaces #topList #topHead #topText a:link { text-decoration:none; color:#000; }
#topPlaces #tpBot { width:228px; height:5px; background:url('../images/public/ui/tpbot.png') no-repeat; display:block; padding-bottom:5px; }

#prefoot { height:4px; display:block; background-color:Green; clear:both; }
#footer { position: relative; clear:both; padding-top:4px; background-color:#4E584D; padding-bottom:10px; text-align:center; color: #000000; font-size: small; z-index: 1; font-style: normal; font-weight: normal; color: White; }
#footer A:link {text-decoration: none; color:White; }
#footer A:visited {text-decoration: none; color:White;}
#footer A:active {text-decoration: none; color:White;}
#footer A:hover {text-decoration: underline; color:maroon}

#contentHead { font-family:Segoe UI; text-align:center; font-size:larger;color:#2FAC35;font-weight:bold }
.lightblue { color:	#5da1d0; }
#content { margin-left:4px; padding:6px; }

/* styles to override navbar */
#defnav { height:30px; width:726px;}
#defnav #NavMain {width:696px;} /*corrects the width of the nav bar for the home page */
#defnav #NavMain ul { left:50px;}
/*delete bo all, bblo etc styles */
#defnal li {float:none;}