/* VP template css file */


/* CSS RESET */
* { margin:0px; padding:0px; }
li { list-style:none; }
ul { margin:0px; padding:0px; }
a img { border:none; }

html { font-family:Helvetica, sans-serif; font-size:12px; color:#333333; }
body { background:#5C060C url(../images/bg_body_red.png) top repeat-x; }
a { text-decoration:none; }
a:hover { text-decoration:underline; }
.left { float:left; }
.right { float:right; }
.center { margin-left: auto; margin-right: auto;}
.centerBlock { text-align: center;}
.clear { clear:both; }
.txtGreenY { color:#c4c626; }
.txtGreen { color:#99cc33; }

#wrapper { width:985px; margin:0px auto; }

/* header */
#headerWrap { height:110px; background:url(../images/bg_header.jpg) left top no-repeat; }
#header { }
#logo { float:left; height:80px; background:url(../images/logo2.gif) left top; padding:25px; }
#logo h1 { padding-top:10px; font-size:30px; color:#c4c626; }
#logo h1 a { color:#c4c626; }
#logo h1 a:hover { text-decoration:none; }
#logo h2 { font-size:12px; color:#bebebe; font-weight:lighter; }
#logo .beta { font-size:12px; position:relative; top:-10px; left:3px; color:#FF0000; font-style:italic; }

#topWrap { text-align:right; padding-right:20px; }
#login { height:68px; text-align:right; padding-top:5px; font-size:12px; font-style:italic; color:#A65402; }
#login a { font-size:13px; font-weight:bold; text-decoration:none; font-style:normal; color:#A65402; }
#login a:hover { text-decoration:none; color:#CA5402; }
#login img { position:relative; top:8px; }

/* Top Navigation */
#topnav { height:38px; float:right; font-weight:bold; font-size:12px; text-align:center; }
#topnav ul { list-style:none; }
#topnav ul li { float:left; width:110px; /*width:135px; height:33px;*/ margin-left:3px; }
#topnav a { display:block; height:38px; text-decoration:none; color:#ffffff; padding:12px 10px 0px 10px; }
#topnav a:hover { text-decoration:underline; }

#topnav li div { background:url(../images/tab_center.gif) top repeat-x; }
#topnav li div div { background:url(../images/tab_left.gif) top left no-repeat; }
#topnav li div div div { background:url(../images/tab_right.gif) top right no-repeat; }

#topnav li.active a { /*color:#8f282f;*/ }
#topnav li.active a:hover { text-decoration:none; }


#navWrap {  }
#navWraping {
	width: 100%;
}
#nav {
	float:left;
	font-size:13px;
	background-image: url(../images/correct.png);
	width: 100%;
	background-repeat: no-repeat;
	height: 25px;
	padding-top: 3px;
	background-position: right top;
}
#nav ul { list-style:none; }
#nav ul li { display:inline; }
#nav a { text-decoration:none; font-weight:bold; color:#fff; padding:0px 8px 0px 10px; }
#nav a:hover { color:#fff; }
#nav ul > :first-child { border-left:none; }
#nav li.active a { color:#fff; }


/* midWrap */
#midWrap { margin-top:5px; }
#contentWrap { color:#000000; }

.cornerTL { background:url(../images/cornerTL.png) left top no-repeat; }
.cornerTL { background:url(../images/cornerTR.png) right top no-repeat; }
.cornerTL { background:url(../images/cornerBL.png) left bottom no-repeat; }
.cornerTL { background:url(../images/cornerBR.png) right bottom no-repeat; }

#contentTop { background:url(../images/cornerTop.png) no-repeat; height:10px; }
#contentBtm { background:url(../images/cornerBtm.png) no-repeat; height:10px; }

#content { padding:5px 15px 5px 15px; background-color:#ffffff; }
#content h2 { font-size:18px; padding-bottom:10px; color:#027FB7; }
#content .title { font-size:18px; padding-bottom:2px; color:#027FB7; font-weight:bold; }
#content p { line-height:18px; margin-bottom:10px; }

#homepage { width: 985px; margin-left: auto; margin-right: auto;}
#homepage .infoBox { float:left; width:320px; height:175px; margin:6px 4px; background:url(../images/boxRed320.jpg) no-repeat; color:#ffffff; }
.centerBlockHdr { font-size:24px; text-align:center; }

#homepage .infoLink { color: white; text-decoration: underline; vertical-align: bottom; margin-left: 8px; }
#homepage .joinToday {float: right; font-size: larger; font-weight: bold; color: yellow; margin-right: 8px;}

#mixer { background: url(../images/banner_mixer985.png) no-repeat; height:290px; }
#mixerTop { padding-left:490px; height:250px; }

.mixerBigYellow { font-size:24px; color:#c4c626;}
.mixerYellow { font-size:13px; color:#c4c626;}
.mixerText { font-size:16px; color:#ffffff;}
.mixerTag { padding-left:25px; font-size:16px; color:#ffffff;}
#mixer a.rsvp { margin-left:40px; font-size:16px; color:#99cc33; }
#mixer a:hover { color:#79a522; text-decoration:none; }

#map { float:left; width:420px; }
#mapright { float:left; width:510px; }

.pad8 { padding:8px; }
.box1 { width:450px; height:67px; background:url(../images/box1.gif) repeat-x; }
#borwseforum { position:relative; top:-20px; left:15px; color:#ffffff; font-size:14px; font-weight:bold; }
#borwseforum a { color:#016FAE; font-size:16px; }
#borwseforum a:hover { color:#A75200; text-decoration:none; }


/* Tabs */
#tabrow { padding-left:42px; color:#000000; font-size:16px; font-weight:bold; text-align:center; }
#tabrow ul { list-style:none; }
#tabrow li { float:left; cursor:pointer; height:48px; width:172px; background:url(../images/tab.gif) no-repeat; margin:0px 1px 0px 1px; padding-top:8px; }
#tabrow li.active, #tabrow li:hover { background:url(../images/tab_active.gif) no-repeat; color:#ffffff; padding-top:13px; }

#OpenHouseTab, #ProfessionalsTab, #ContractorsTab, #CommunityTab { display:none; }


#googleAdd { margin-top:15px; text-align:center; }


/* footer */
#footerWrap { margin:15px; background:url(../images/footerC.gif) repeat-x; }
#footerL { background:url(../images/footerL.gif) left no-repeat; }
#footerR { height:63px; background:url(../images/footerR.gif) right no-repeat; }

#footer { color:#bebebe; padding:15px; text-align:center; }
#footer ul { list-style:none; margin:0px; padding:0px; }
#footer ul li { display:inline; }
#footer ul li a { text-decoration:none; color:#bebebe; padding:0px 8px 0px 7px; border-left:#dfdfdf 1px solid; }
#footer ul li a:hover { color:#ffffff; }
#footer ul > :first-child a { border-left:none; }
#footer li.active a { color:#A65402; }

#copyWrap { padding-top:8px; }

/*
#copy_r {  }
#copy_r a { color:#A65402; text-decoration:underline; }
#copy_r a:hover { color:#2A4A18; }
*/

#rssfeed_footer img { position:relative; top:5px; padding-left:5px; padding-right:8px;  }