body {
margin:0px;
-x-system-font:none;
color:#000000;
font-family:Arial,Helvetica,Sans-Serif;
font-size:12px;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:normal;

-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
-x-system-font:none;
background:#e3f1fc none repeat scroll 0 0;

}


/* main outer wrapper */
#wrapper {	
	width: 100%;
	height:100%;
	background: url(../images/blue-bg-strip.gif) repeat-x;
	background-position:top center;
	background-attachment:fixed;
	padding: 0px;
	margin-left:auto;
	margin-right:auto;
	font-size:12px;
	line-height:1.25;
	color:#333333;
	}


/* LOGIN, SIGN UP ETC LINK AT TOP OF PAGE */
#wrapper .toplinks {
display:block;
float:left;
	text-align:left;
	color:#084B93;
	font-size:1em;
    width:960px;
   /* padding: 0px 5px 0px 5px;   /* TOP RIGHT BOTTOM LEFT */
	}
	
#wrapper .toplinks a {
color:#084B93;
}

#wrapper .toplinks-right {
display:inline-block;
	text-align:right;
	float:right;
	color:#084B93;
	font-size:1em;
		clear:left;

    width:400px;
   /* padding: 0px 5px 0px 5px;   /* TOP RIGHT BOTTOM LEFT */
	}

/* =========================== TITLE AND NAVIGATION BLOCK ===========================  */

#logo {
	float:left; 
	clear:right;
	margin-bottom:7px
	}
	
#print .titleblock { display: none; }

#titleblock {
/*	display:block; 
*/	margin: 18px 0px 0px 0px;
    width: 960px;
    min-height:150px;
	background-color:#104c92;
	/*background: url(../images/gvtopbanner4.jpg); 
	background-repeat: no-repeat; */
	}

/* SEARCH BOX */
#titleblock .searchbox {
	display:block;	 
	float:right; 
	clear:right;
	padding-top:12px; 
	padding-bottom:0px; 
	padding-right:10px; 
	width:242px;
}

#titleblock .searchbox .lastupdate {display:block; font-size:0.9em; color:#FFFFFF; padding-top:24px; text-align:right; float:right;}

/*
#footer-bg {
width:960px;
height:20px;
background: url(../images/footer-bg960px.gif);
background-repeat:no-repeat;
}
*/

	
/*  ===========================  TOP NAVIGATION TABS  =========================== */

#topnav{
	width:75%; 
	display:block;
	clear:none;
	float:left; 
	padding:0px;
	margin:0px 0px 0px;
	font-family:Arial,sans-serif; 
	}
#topnav ul {list-style-image:none;list-style-position:inside;list-style-type:none;padding:0px 0px 0px 0px;margin:0px}

#topnav ul li{display:inline-block;float:left;margin:0px 3px 0px 0px;height:30px;}

#topnav ul li a{display:block; font-weight:bold; font-size:1.2em; float:left;color:#c7e8fa; background:url(../images/tabcorner.gif) no-repeat top right; background-color:#073A73; line-height:28px;text-decoration:none;padding:1px 7px 0px 7px; height:30px;}

#topnav ul li a.right{display:block; font-weight:bold; font-size:1.2em; float:left;color:#c7e8fa;background:url(../images/tabcorner.gif) no-repeat top right; background-color:#073A73; line-height:28px;text-decoration:none;padding:1px 7px 0px 7px; height:30px;}

#topnav ul li a.current {font-weight:bold;background:#427aba url(../images/tabcorner.gif) no-repeat top right;color:#ffffff}

#topnav ul li a:hover, #topnav ul li a:focus {font-weight:bold; background:#427aba url(../images/tabcorner.gif) no-repeat top right;color:#ffffff}

#topnav ul li a.current a:hover {font-weight:bold;background:#427aba url(../images/tabcorner.gif) no-repeat top right;color:#ffffff}

#topnav ul li a.current-right{font-weight:bold;background:#FFF url(../images/tabcorner.gif) no-repeat top right;color:#427aba}
#topnav ul li a.recruitment{font-weight:bold;background:#427aba url(../images/tabcorner.gif) no-repeat top right;color:#fff;}
/* #topnav ul li a.retention{background:#990033 url(../images/tabcorner.gif) no-repeat top right;color:#fff;}
#topnav ul li a.release{background:#006633 url(../images/tabcorner.gif) no-repeat top right;color:#fff;}
*/
#subnav{float:left; clear:both; padding:0px;margin:0px;font-family:Arial,sans-serif;}
#subnav ul {list-style-image:none;list-style-position:inside;list-style-type:none;
color:#fff;
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
height:24px;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0px 0px 0px 0px;
overflow:hidden;
padding:0px 0px 0px 8px;
width:952px;
display:block;
}
#subnav ul.recruitment {background:#427aba;}/*   transparent url(http://www.thegrapevinemagazine.com/images/bgsubnav-recruitment.gif) repeat;}  */
#subnav ul.retention {background:transparent url(http://www.thegrapevinemagazine.com/images/bgsubnav-retention.gif) repeat;}
#subnav ul.release {background:transparent url(http://www.thegrapevinemagazine.com/images/bgsubnav-release.gif) repeat;}
#subnav ul.underbar {background:transparent url(http://www.thegrapevinemagazine.com/images/bgsubnav-recruitment.gif) repeat;}
#subnav ul li {display:inline; float:left; font-size:0.95em; line-height:23px; color:#ffffff;}
#subnav ul li a {color:#ffffff;text-decoration:none;}
#subnav ul li a:hover {color:#ffffff;text-decoration:underline;}
#subnav ul li a.current {color:#ffffff;text-decoration:none;font-weight:bold;}
#subnav ul li.subnavpipe {margin:6px 6px; background:url(http://www.thegrapevinemagazine.com/images/subnav-pipe.gif) no-repeat;}

#flashcontent {background-color:#FFFFFF;}

.topbanner {
	float:right;
	text-align:right;
	z-index:2;
	padding:2px;
    width:468px; height:60px;
	margin: 10px 10px 0px 0px;   /* TOP RIGHT BOTTOM LEFT */
	}

.topbanner img{
 	text-align:right;
	border:solid 0px #FFFFFF;
}


#content .mainbox .main-login-box {
	width:100%;
	height:300px;
	margin:5px;
	background-color:#c8e5f7;
	}

#content .mainbox .main-login-box .logbar {
	width:250px;
	position:relative;
	display: inline-block;
	vertical-align: top;	
	float: left;
	margin-top:5px;
	}
#content .mainbox .main-login-box .logbar-right {
	width:480px;
	background:url(http://www.thegrapevinemagazine.com/images/logbar-right-bg.jpg) no-repeat bottom left;
	position:relative;
	display: inline-block;
	vertical-align: top;	
	float: right;
	margin-top:5px;
	padding-right:10px;
	}
#content .mainbox .main-login-box .logbar-far-right {
	width:480px;
	position:relative;
	display: inline-block;
	vertical-align: top;	
	float: right;
	margin-top:5px;
	padding-right:10px;
	}
	
/*	font-weight: bold; font-size: 28px; margin-bottom: 5px; font-family: Century Gothic,Arial,Helvetica,Sans-Serif;*/
	
#content .mainbox .main-login-box .logbar .action{ padding:0px 0px 0px 10px; float:left; width:240px; font-weight: bold; font-size:2.2em; font-family: Century Gothic,Arial,Helvetica,Sans-Serif; color:#427ABA;}
#content .mainbox .main-login-box .logbar-right .action{ padding:0px 0px 0px 10px; float:left; width:100%;  font-weight: bold; font-size:2.2em; font-family: Century Gothic,Arial,Helvetica,Sans-Serif; color:#427ABA;}
#content .mainbox .main-login-box .logbar .headline{ font:bold 1.3em Arial; color:#CC0000;} 	
#content .mainbox .main-login-box .logbar .body{ color:#666666; padding:10px; padding-bottom:8px; padding-top:6px; float:left;} 

a {
	text-decoration: none;
	color:#084B93;
}

a:hover {
	text-decoration: underline;
	color:#427ABA;
	cursor:pointer;
}

#content
{
	width: 100%;
	display:inline-block;
	margin-top:0px;
	background-color:#FFFFFF;
	padding-bottom:10px;
	}