@charset "utf-8";
/* CSS Document */

html,
body {
	margin:0;
	padding:0;
	height:100%;
	font-family:Arial, Helvetica, sans-serif;
	background-color:#ccc;
}

a { color:#006699; text-decoration:none; }
a:hover { color:#006699; text-decoration:underline; }

img { border:none; }


#container {
	min-height:100%;
	position:relative;
}

div#header-wrapper { height:100px; background: url(../images/header_bg.png) repeat-x; border-bottom:solid #000000 1px; }

	div#header { position:relative; background:url(../images/header.png) no-repeat ; margin:0 auto; padding:0; width:800px; height:100px; }
	div#header #log { position:relative; margin:0; padding:.25em; float:right; color:#666666; }
	div#header #log a { font-size:.75em; margin:.25em .5em; font-weight:bold; color:#F4AF46; }
	
div#nav-wrapper { height:30px; background:#0086B3;  border-top:solid #F4AF46 4px; border-bottom:solid #333 1px;  }
	div#nav {
	position:relative; top:0px;
	width:800px;
	height:30px;
	margin:0 auto;
	padding:0;
	border:solid #F4AF46 0px;
}
	div#nav ul { margin:0; padding:0; height:30px; width:800px; }
	div#nav ul li { margin:0; padding:0; list-style:none; float:left; }
	div#nav ul li a {
	position:relative;
	margin:0em 0em;
	padding:0em 1em;
	height:30px;
	display:block;
	color:#FFFFFF;
	text-align:center;
	text-decoration:none;
	font-weight:bold;
	border-right:solid #007297 1px;	border-left:solid #00A3D9 1px;
	line-height:2.5em;
	font-size:9pt;
}
	div#nav ul li a img.icon { margin-right:.25em; }

	div#nav ul li a:hover {
	color:#FFFFFF;
	text-decoration:none;
	background-color:#00769D;
}
	div#nav ul li a.register {
	background-color:#00769D; 
	border-right:solid #00A3D9 1px;
}
	div#nav ul li a.register:hover {
	background-color:#0086B3;
}


.test {
	background-color:#00A3D9;
}	

div#mainsec-wrapper {
	position:relative;
	margin:0; padding:0;
	background:#ccc;
	border-top:#999 solid 1px;
	height:100%;
	padding-bottom:125px;
}
	div#mainsec { position:relative; margin:0 auto; padding:0; width:800px; }
	div#mainsec #left { position:relative; float:left; }
	div#mainsec .box { position:relative; }
	div#mainsec .box h2 {
	position:relative;
	font-size:.9em; text-align:center;
	color:#990000;
	font-weight:bold;
	margin:-.5em 0em 0em 0em;
	padding:0em 0em .25em 0em;
	border-bottom:solid #990000 1px;
}
	div#mainsec .box h3 {
	position:relative;
	font-size:.75em;
	color:#333;
	font-weight:bold;
	margin:0em 0em 0em 0em;
	padding:.25em 0em .25em .5em;
	background-color:#f1f1f1;
	border-top:solid #999 1px;
}
	div#mainsec .box p { font-size:.80em; margin:0;  padding:.5em; }
	div#mainsec .box ul { position:relative;  margin:0em .0em 0em .0em; padding:0; list-style:none; border:solid #CCCCCC 0px; border-right:solid #999 0px;  border-top:none;  }
	div#mainsec .box ul li { margin:0em 0em 0em 0em;  }
	div#mainsec .box ul li a {
	position:relative;
	height:20px;
	display:block;
	margin:0;
	padding:.25em .5em .2em 1.5em;
	background-color:#F4F4F4;
	text-decoration:none;
	color:#0099CC;
	font-size:.75em;
	line-height:1.5em;
	border-top:solid #ccc 1px;
	border-bottom:solid #999 0px;
	background: url(http://info.vvsd.org/icons/bullet_green.png) no-repeat center left;
}
	div#mainsec .box ul li a.dvd {
	background: url(http://info.vvsd.org/icons/dvd.png) no-repeat 4px center;
	padding:.25em .5em .2em 2em;
}
	div#mainsec .box ul li a.closed {
	background: url(http://info.vvsd.org/icons/cross.png) no-repeat 4px center;
	padding:.25em .5em .2em 2em;
}
	div#mainsec .box ul li a.excel {
	background: url(http://info.vvsd.org/icons/page_excel.png) no-repeat 4px center;
	padding:.25em .5em .2em 2em;
}
	div#mainsec .box ul li a.dvd:hover {
	background:#EAEAEA  url(http://info.vvsd.org/icons/dvd.png) no-repeat 4px center;
	padding:.25em .5em .2em 2em;
}
	div#mainsec .box ul li a.excel:hover {
	background:#EAEAEA  url(http://info.vvsd.org/icons/page_excel.png) no-repeat 4px center;
	padding:.25em .5em .2em 2em;
}
	div#mainsec .box ul li a.bottom {
	border-bottom:solid #ccc 1px;
	}
	div#mainsec .box ul li a:hover {
	color:#333;
	background:#EAEAEA url(http://info.vvsd.org/icons/bullet_black.png) no-repeat center left;
}

	div#mainsec #right { position:relative; float:left; }
	div#right h2 { margin:0em; padding:0em 0em; font-size:1em; }
	div#right h3 { margin:0em; padding:0em 0em; font-size:.8em; border-bottom:solid #333333 1px; }
	div#mainsec #right p { font-size:.8em; padding:.5em;   }
	
	.header-image { padding-bottom:.25em; margin-bottom:.25em; border-bottom:solid #999 1px; }

	div#mainsec div#right p {   }

	div#mainsec #right ul { margin:0em 1em 1em 1em; padding:0em; padding-left:20px; }
	div#mainsec #right ul li { padding:.25em 0em; font-size:.8em; }

	div#mainsec div#right .sponsor { margin:.25em 1em; padding:.25em 0em; border-bottom:solid #CCCCCC 1px; }
	
	div#mainsec div#right #contact-info {  }
	div#mainsec div#right #contact-info p { border-bottom:solid #ccc 1px; }
	div#mainsec div#right #contact-info p label { display:block; width:6em; float:left; font-weight:bold;  }
	
	div#mainsec div#right #remove_guests { }
	div#mainsec div#right #remove_guests p { margin:.25em 0em; padding:.1em 0em; border:solid #ccc 1px; }
	div#mainsec .dif { background-color:#f1f1f1;  }
	
	
	div#right form { position:relative; margin:1em 1em 1em 1em; padding:0em 0em; }
	div#right form p { margin:0em 0em 0em 0em; padding:.5em; border-bottom:solid #ccc 0px; font-size:.75em;  }
	div#right form p.submit-button { }
	div#right form p label { display:block; font-weight:bold; font-size:.9em; }
	div#right form p input[type="text"], div#right form p input[type="password"], div#right form p select { width:12em;  }
	div#right form p input[type="submit"] { font-size:.8em;  }
	div#right form p input[type="text"].req, div#right form p input[type="password"].req, div#right form p textarea.req, div#right form p select.req  {
	background:url(../images/input_bg.png) repeat;
	border:solid #990000 1px;
	padding:.15em 0em .15em .15em;
}
	div#mainsec #info-box { float:left; margin:2em 1em; padding:0em; background:#e3f6e0; border-left:solid #CCCCCC 1px; border-top:solid #CCCCCC 1px; border-bottom:solid #999 1px; border-right:solid #999 1px;  }
	div#mainsec #info-box h2 { font-size:.9em; margin:1em 1em .5em 1em; padding:.5em .25em .25em .5em;  }
	div#mainsec #info-box h3 { font-size:.9em; margin:1em 1em .5em 1em; padding:0em 0em;  }

	div#mainsec #info-box ul { list-style:none;  padding-left:0px;  }
	div#mainsec #info-box ul li { background:url(http://info.vvsd.org/icons/bullet_go.png) no-repeat center left; border-bottom:solid #b5deaf 1px;  padding-left:20px;    }
	
	div#mainsec ol#guest-list { position:relative; margin:0em 1em 1em 2.0em; padding:0; }
	div#mainsec ol#guest-list li { margin:0; padding:.25em 0em; font-size:.75em; }

	div#mainsec ul#speakers { margin:1em; padding:0em;  list-style:none; }
	div#mainsec ul#speakers li { margin:0em; padding:0em 0em 0em .25em; border-bottom:solid #ccc 1px; border-right:solid #ccc 1px; border-left:solid #ccc 1px; }
	div#mainsec ul#speakers li p { margin:0em; padding:.25em;  }
	
	div#mainsec .faq { margin:1em; padding:0em;   border:solid #ccc 1px;  }
	div#mainsec .faq h2 { margin:0em; padding:0em .25em; background-color:#f1f1f1;border-bottom:solid #999999 1px; }
	div#mainsec .faq p { margin:0em; padding:0em .25em; }
	
	div#mainsec .hotel { margin:0em 0em; padding:0em 2em;   border-top:solid #ccc 1px;  }
	div#mainsec .hotel p { margin:1em 2em 1em 0em; padding:0em 0em; float:left; text-align:center; width:200px; border:solid #666666 0px; }
	div#mainsec .hotel .google-maps { }
	.google-maps a {
	padding:.5em 0em;
	margin:2em 0em;
	font-size:0.75em;
	float:left;
	color: #009900;
	display:block;
	width:100px;
	border:solid #ccc 1px;
	text-align:center;
	background-color:#f1f1f1;
	font-weight:bold;
}
	.google-maps a:hover { text-decoration:none; background:#fff; border-top:solid #999 1px; border-left:solid #999 1px; border-right:solid #ccc 1px; border-bottom:solid #ccc 1px;   }

div#footer-wrapper {
	position:absolute;
	bottom:0;
	width:100%;
	height:100px;   /* Height of the footer */
	background:#1c1c1c;
	border-top:solid #666 2px;
}
	div#footer { position:relative;  margin:0 auto; padding:0; width:800px; }
	div#footer p { font-size:8pt; color:#666666; }
	div#footer a { position:relative; margin:0em .5em; padding-right:1em; font-size:8pt; color:#cccccc; text-decoration:none; border-right:solid #333 1px; }
	div#footer a:hover { font-size:8pt; color:#666666; text-decoration:underline; }


div#mainsec #right .error-msg { position:relative; margin:0em; padding:0px 0px 5px 10px; font-weight:bold;  border-top:dashed #cccccc 1px; background-color:#f1f1f1; border-bottom:dashed #cccccc 1px;  }
div#mainsec #right .error-sub-msg { position:relative; margin:0px 0px 0px 0px; padding:0px 0px 0px 22px; font-size:.9em; font-weight:normal; color:#888; line-height:1.5em; }
.error-icon { position:relative; top:10px; margin-right:.5em; }

.icon { position:relative; top:3px; margin-right:.5em; }
.required { position:relative; background:url(http://info.vvsd.org/icons/bullet_red.png) no-repeat left center; color:#f46b66; font-size:.7em; padding-left:16px; }
.clr { clear:both; }

.red-text { color:#990000; }
.blue-text { color:#006699; }

/*  ROUNDED CORNER STYLES */
#left .roundcont { width:180px; }
#right .roundcont { width:600px; }

.roundcont {
	width: 250px;
	background-color: #fff;
	color: #333;
}

.roundcont p {
	margin: 0 15px; font-size:.9em;
}

.roundtop { 
	background: url(../images/corners/tr.gif) no-repeat top right; 
}

.roundbottom {
	background: url(../images/corners/br.gif) no-repeat top right; 
}

img.corner {
   width: 15px;
   height: 15px;
   border: none;
   display: block !important;
}
/*  ROUNDED CORNER STYLES  !!END!! */