/* layout */
body, div, span, th, td, p, ul, li, h1, h2, h3, h4, h5, h6, a {
	font-family: arial, verdana, sans-serif;
	font-size: 12px;
	color: #333;
}

body {
	background: #eaeaea;
	margin: 0;
	padding: 0;
}

h1 {
	text-indent: -9999px;
	margin: 0 auto;
	width: 689px;
	padding: 0;
	border: 0;
}

h1 a:link,
h1 a:visited {
	display: block;
	height: 66px;
	margin: 0 auto;
	padding: 0;
	border: 0;
	text-decoration: none;
}

h1 a:link,
h1 a:visited,
h1 a:hover,
h1 a:active { background: url("/i/header.jpg") top left no-repeat; }

h2 { font-size: 1.50em; }
h3 { font-size: 1.25em; }
h4 { font-size: 1.10em; }
h5 { font-size: 1.00em; }

.current{font-weight: bold;}

/* lvha */
a { color: #1e4f67; }
a:link { }
a:visited { }
a:hover { }
a:active { }

p,
li { /*/*/ line-height: 20px; /**/ }

li { list-style: square; }

.center { text-align: center; }
.clearboth { clear: both; }


/* ------- */
/* wrapper */
/* ------- */

div#wrapper {
	width: 689px;
	margin: 0 auto;
	padding: 0;
	background: transparent url("/i/mainbg.jpg") top left repeat-y;
}

div#wrapperCreative {
	width: 689px;
	margin: 0 auto;
	padding: 0;
	background: transparent url("/i/creativebg.jpg") top left repeat-y;
}

/* ------ */
/* header */
/* ------ */

div#topheader {
	border: 0;
	padding: 0;
	margin: 0 auto;
}

div#topheader ul {
	width: 689px;
	height: 32px;
	background: url("/i/top-header.gif");
	margin: 0 auto;
	padding: 0;
	position: relative;
}

#topheader ul li {
	margin: 0;
	padding: 0;
	list-style: none;
	position: absolute;
	top: 0;
}

#topheader ul li,
#topheader a {
	height: 32px;
	display: block;
	color: #fff;
}

#topheader ul li a {
	text-indent: -9999px;
	text-decoration: none;
}

#topheader .tnb1 { left: 0; width: 494px; }
#topheader .tnb2 { left: 494px; width: 84px; }
#topheader .tnb3 { left: 578px; width: 87px; }

#topheader .tnb1 a:hover { background: transparent url("/i/top-header.gif") 0 -32px no-repeat; }
#topheader .tnb2 a:hover { background: transparent url("/i/top-header.gif") -494px -32px no-repeat; }
#topheader .tnb3 a:hover { background: transparent url("/i/top-header.gif") -578px -32px no-repeat; }

/* ------ */
/* navbar */
/* ------ */

div#navbar {
	border: 0;
	padding: 0;
	margin: 0 auto;
}

div#navbar ul {
	width: 689px;
	height: 30px;
	/*background: url("/i/navbar.gif");*/
	background: url("/i/VCRD-navbar.png");
	margin: 0 auto;
	padding: 0;
	position: relative;
}

#navbar ul li {
	margin: 0;
	padding: 0;
	list-style: none;
	position: absolute;
	top: 0;
}

#navbar ul li,
#navbar a {
	height: 30px;
	display: block;
	color: #fff;
}

#navbar ul li a {
	text-indent: -9999px;
	text-decoration: none;
}

#navbar .nb1 { left: 4px; width: 78px; }
#navbar .nb2 { left: 130px; width: 99px; }
#navbar .nb3 { left: 230px; width: 103px; }
#navbar .nb4 { left: 340px; width: 154px; }
#navbar .nb5 { left: 438px; width: 90px; }
#navbar .nb6 { left: 528px; width: 155px; }

#navbar .nb1 a:hover { background: transparent url("/i/VCRD-navbar.png") -4px -30px no-repeat; }
#navbar .nb2 a:hover { background: transparent url("/i/VCRD-navbar.png") -82px -30px no-repeat; }
#navbar .nb3 a:hover { background: transparent url("/i/VCRD-navbar.png") -181px -30px no-repeat; }
#navbar .nb4 a:hover { background: transparent url("/i/VCRD-navbar.png") -284px -30px no-repeat; }
#navbar .nb5 a:hover { background: transparent url("/i/VCRD-navbar.png") -438px -30px no-repeat; }
#navbar .nb6 a:hover { background: transparent url("/i/VCRD-navbar.png") -528px -30px no-repeat; }

/* drop down navigation */
#navbar ul li ul {
	position: absolute;
	left: -999em;
	background: #fff;
	width: 175px;
	border: 1px solid #979696;
	filter: alpha(opacity=80);
	-moz-opacity: .80;
	opacity: .80;
}

#navbar ul li:hover ul,
#navbar ul li.sfhover ul {
	left: auto;
	top: 27px;
	height: auto;
}

#navbar ul li ul li {
	position: relative;
	height: 2.0em;
}

#navbar ul li ul li a {
	text-indent: 0px;
	background: transparent;
	height: 2.0em;
	color: #000;
	font-weight: bold;
	margin-left: 4px;
	font-size: 9px;
	font-family: arial, sans-serif;
}

#navbar ul li ul.secondary li a:hover { background: transparent; }


/* content area */
.contextleft {
	float: left;
	width: 514px;
}

.leftcolumn,
.leftcreative {
	float: left;
	width: 168px;
}

.leftcolumn ul {
	margin: 0;
	margin-left: 5px;
	padding: 0;
}

.leftcreative ul {
	margin: 0 0 0 5px;
	padding: 0;
}

.leftcreative ul ul {
	margin: 0 0 0 0px;
}

.leftcolumn li {
	list-style-type: none;
	border-bottom: 1px solid #d9d9d9;
	padding: 6px 11px;
	color: #008300;
	font-family: arial, verdana, sans-serif;
	font-size: 11px;
}

.leftcreative li {
	list-style-type: none;
	display: block;
	line-height: 16px;
}

.leftcreative li ul li {
	background: #fff;
	border-bottom: 1px solid #dcdcdc;
	padding: 0 10px 0 10px;
}

.leftcreative li ul li ul li { border-bottom: 0; }

.leftcreative ul li a {
	font-family: verdana;
	font-size: 10px;
	text-decoration: none;
	text-transform: uppercase;
	color: #000;
	display: block;
	padding: 5px 10px;
}

.leftcreative ul li a:hover {
	font-weight: bold;
}

.leftcreative ul li ul { border-top: 1px solid #ccc; }

.leftcreative ul li ul li a {
	font-family: verdana;
	font-size: 10px;
	text-decoration: none;
	text-transform: none;
	color: #566554;
	padding: 3px 0 3px 6px;
}

.content { padding: 10px 15px; }

h3.leftbarnews {
	text-indent: -9999px;
	background: transparent url("i/leftbar_news.jpg") top left no-repeat;
	width: 163px;
	height: 39px;
	margin: 0;
	margin-left: 5px;
	border-top: 1px solid #d9d9d9;
}

h3.leftbarcreative {
	text-indent: -9999px;
	background: transparent url("i/leftbar_creative.jpg") top left no-repeat;
	width: 163px;
	height: 39px;
	margin: 0;
	margin-left: 5px;
	border-top: 1px solid #d9d9d9;
}

/* ------------------ */
/* home middle column */
/* ------------------ */

.midcolumn {
	float: right;
	width: 338px;
}

.creativecolumn {
	float: right;
	width: 518px;
}

/* ------- */
/* sidebar */
/* ------- */

.contextright {
	float: right;
	width: 168px;
}

.contextright ul {
	margin: 0;
	padding: 0;
	margin-bottom: 10px;
	margin-right: 5px;
}

.contextright li {
	list-style-type: none;
	margin: 0;
	padding: 0;
	padding: 2px 2px 2px 17px;
	border-bottom: 1px solid #dcdcdc;
	color: #566554;
	font-size: 10px;
	font-family: verdana, arial, sans-serif;
	font-weight: bold;
}

.contextright li a {
	color: #566554;
	text-decoration: none;
	font-weight: bold;
	font-size: 10px;
	display: block;
	font-family: verdana, arial, sans-serif;
}

.contextright li a:hover { color: #000; }

h3.righthome {
	text-indent: -9999px;
	background: transparent url("i/rightbar_home.jpg") top left no-repeat;
	width: 161px;
	height: 39px;
	margin: 0;
	border-top: 1px solid #d9d9d9;
}

h3.rightabout {
	text-indent: -9999px;
	background: transparent url("i/rightbar_about.jpg") top left no-repeat;
	width: 161px;
	height: 39px;
	margin: 0;
	border-top: 1px solid #d9d9d9;
}

h3.rightprograms {
	text-indent: -9999px;
	background: transparent url("i/rightbar_programs.jpg") top left no-repeat;
	width: 161px;
	height: 39px;
	margin: 0;
	border-top: 1px solid #d9d9d9;
}

h3.rightcouncils {
	text-indent: -9999px;
	background: transparent url("i/rightbar_councils.jpg") top left no-repeat;
	width: 161px;
	height: 39px;
	margin: 0;
	border-top: 1px solid #d9d9d9;
}

h3.rightreports {
	text-indent: -9999px;
	background: transparent url("i/rightbar_resources.png") top left no-repeat;
	width: 161px;
	height: 39px;
	margin: 0;
	border-top: 1px solid #d9d9d9;
}

h3.rightcontact {
	text-indent: -9999px;
	background: transparent url("i/rightbar_contact.jpg") top left no-repeat;
	width: 161px;
	height: 39px;
	margin: 0;
	border-top: 1px solid #d9d9d9;
}

h3.rightmembers {
	text-indent: -9999px;
	background: transparent url("i/rightbar_members.jpg") top left no-repeat;
	width: 161px;
	height: 39px;
	margin: 0;
	border-top: 1px solid #d9d9d9;
}


/* ------ */
/* footer */
/* ------ */

#footer { background: #0100a3; }

#footer ul {
	margin: 0;
	margin-left: 13px;
	padding: 0;
}

#footer li {
	color: #fff;
	float: left;
	list-style-type: none;
	margin-left: 20px;
	padding: 3px 0;
}


/* ------ */
/* lcmtag */
/* ------ */

div#lcmtag {
	border: 0;
	padding: 0;
	margin: 0 auto;
	clear: both;
}

div#lcmtag ul {
	background: url("i/lcmtag.jpg") top left no-repeat;
	width: 689px;
	height: 64px;
	margin: 0;
	padding: 0;
	position: relative;
}

#lcmtag ul li {
	margin: 0;
	padding: 0;
	list-style: none;
	position: absolute;
	top: 0;
}

#lcmtag ul li,
#lcmtag a {
	height: 64px;
	display: block;
	color: #fff;
}

#lcmtag ul li a {
	text-decoration: none;
}

.fnb1 { left: 99px; width: 140px; }

.alertgood {
	text-align: left;
	border-top: 1px solid #9c9;
	border-bottom: 1px solid #9c9;
	padding: 5px 5px 5px 30px;
	font-size: 11px;
	margin: 0 0 15px 0;
	color: #060;
	background: url("http://www.loudcanvas.com/admin/i/checkicon.gif") #e2f9e3 left no-repeat;
}

.alertbad {
	text-align: left;
	font-weight: bold;
	border-top: 1px solid #c99;
	border-bottom: 1px solid #c99;
	padding: 5px 5px 5px 27px;
	font-size: 11px;
	margin: 0 0 15px 0;
	background: url("http://www.loudcanvas.com/admin/i/badicon.gif") #c00 left no-repeat;
	color: #fff;
}

img.valign { vertical-align: middle; }

.sublink{
	margin-left: 10px;
	text-transform:lowercase;
}
.leftcreative ul li a.sublink{
	text-transform:lowercase;
}