<!--
/* page layout #####################*/
body {
	background: #fff url("/img/common/body-bg.jpg") top center repeat-x;
	font-family: Trebuchet MS,Arial,Helvetica,sans-serif;
	font-size: 80%;
	min-width: 1024px;
	margin: 0 0 0 0;
}

#pageTop {
	margin: 0 auto 4px auto;
	background: url("/img/common/vcg-logo.png") top center no-repeat;
	width: 915px;
	height: 90px;
	/*border: 1px solid #C00;*/
}

#pageContainer {
	position: relative;
	margin: 0 auto;
	background: url("/img/common/page-bg.png") top center no-repeat;
	width: 915px;
	height: 755px;
	/*border: 1px solid #C00;*/
}

#pageBottom {
	margin: 4px auto 0 auto;
	background: url("/img/common/page-bot.png") top center no-repeat;
	width: 898px;
	height: 11px;
	/*border: 1px solid #C00;*/
}

#tnb {
	padding: 62px 30px 0 0;
	height: 18px;
}

.clear {
	clear: both;
}

#footer {
	margin: 0 auto 0 auto;
	width: 870px;
	height: 50px;
	font: normal 10px "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-align: center;
	color: #b2b2b2;
	/*border: 1px solid #214864;*/
}

#mhTextArea {
	float: right;
	width: 320px;
	height: 247px;
	overflow: hidden;
	margin: 18px;
	padding: 0 12px;
	font: normal 12px Arial, Helvetica, sans-serif;
	color: #fff;
	/*border: 1px solid #0F0;*/
}

#pageContent {
	margin: 20px auto;
	width: 850px;
	min-height: 300px;
}

#contentBox {
	width: 800px;
	margin: 14px auto 0 auto;
	border: 1px solid #dcdcdc;
	padding: 12px;
}


/* text styles ###########################*/
h1 {
	font: bold 18px "Trebuchet MS", Arial, Helvetica, sans-serif;
	margin: 0 0 40px 16px;
	color: #06C;
}

h2 {
	font: bold 16px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #5a8628;
}

#mhTextArea h3 {
	font: bold 14px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #214864;
}

h3 {
	font: bold 12px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #5a8628;
}


p {
	line-height: 18px;
}


/* glossary styles ###########################*/

dl {
	margin: 14px 0 14px 0 ;
	border-bottom: 1px solid #dcdcdc;
}

dt {
	font: bold 14px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #06C;
}

.directions {
	text-align: center;
	/*font: bold 18px "Trebuchet MS", Arial, Helvetica, sans-serif;*/
	margin: 75px 0 0 0;
}

#glossaryResults, #contentBox {
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}


/* link styles ###########################*/

a.hdrLink {
  font: normal 12px Verdana,Arial,Helvetica,sans-serif;
  color: #ccc;
  text-decoration: none;
}
  
a.hdrLink:hover {
  color: #fff;
}

a.hdrLink:active {
  color: #fff;
}


a {
  color: #06C;
  text-decoration: underline;
}
  
a:hover {
  color: #09F;
}

a:active {
  color: #09f;
}


a.txtLink {
  font: normal 12px Verdana,Arial,Helvetica,sans-serif;
  color: #06C;
  text-decoration: underline;
}
  
a.txtLink:hover {
  color: #09F;
}

a.txtLink:active {
  color: #09f;
}


a.copyRight {
  color: #bbb;
  text-decoration: underline;
}
  
a.copyRight:hover {
  color: #09F;
}

a.copyRight:active {
  color: #09f;
}


/* modal window ###############*/
#mask {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 9000;
  background-color: #000;
  display: none;
}
  
#boxes .window {
  position: absolute;
  left: 0;
  top: 0;
  width: 440px;
  height: 200px;
  display: none;
  z-index: 9999;
  padding: 20px;
}

#boxes #dialog {
  width: 766px; 
  height: 320px;
  padding: 10px;
  background-color: #e2e2e2;
	border: 1px solid #fff;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}


/* form styles ######################*/

.rowElem {
	margin: 8px 0;
}

.formLabelContainer {
	float: left;
	width: 100px;
	text-align: right;
	padding: 8px 4px;
	/*border: 1px solid #0F0;*/
}

label {
	font: bold 11px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #a4a4a4;
}

input, textarea {
	font: normal 12px Arial, Helvetica, sans-serif;
	border: 1px solid #d6d6d6;
	padding: 6px 8px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}

.formText {
	width: 250px;
	background: #fff url("") top center repeat-x;
}

.formTextarea {
	width: 250px;
	height: 100px;
	background: #fff url("") top center repeat-x;	
}

.formButton {
	cursor: pointer;
}


/* DROP MENU STYLES ######################################*/
a.navLink {
  display: inline;
  margin: 0 0 0 0;
	padding: 2px 10px;
  height: 25px;
  width: 180px;
  overflow: hidden;
  font: bold 14px "Trebuchet MS", Arial, Helvetica, sans-serif;
  color: #224965;
  text-decoration: none;
  text-align: left;
  letter-spacing: 1px;
  /*border-left: 1px solid #000;*/
}
  
a.navLink:hover {
  color: #3f95d2;
}

a.navLink:active {
  color: #3f95d2;
}


#dropmenudiv {
	margin: 8px 0 0 0;
	position: absolute;
	border: 1px solid #323d43;
	font:normal 13px Geneva, Arial, Helvetica, sans-serif;
	letter-spacing: 1px;
	line-height: 20px;
	z-index: 100;
	/*opacity: .90;
	filter: alpha(opacity=90);
	-moz-opacity: 0.90;*/
}

#dropmenudiv a {
	width: 100%;
	display: block;
	text-indent: 7px;
	border-bottom: 1px solid #0a0809;
	padding: 2px 0;
	text-decoration: none;
	color: #e2e2e2;
	background-color: #4a5e88;
}

#dropmenudiv a:hover { 
	background-color: #036;
	color: #fff;
}

-->