body {	
  /*background: url("background.jpg");*/
  text-align: center;
  padding: 0px;
  background-color: #e8ece6;
}


/* Whole Canvas */
#canvas {
  display: block;
  top: 0px;
  width: 1000px;
  margin-left: auto;
  margin-right: auto;
  z-index: 1;
  text-align: left;
}

/* Top Header Box */
#header {
	display: block;
	position: absolute;
	top: 0px;
        float: middle;
	width: 800px;
	height: 100px;
	margin-left: auto;
	margin-right: auto;
	z-index: 2;
	background: url("images/cvta_website_header_100411.jpg");
 	background-color: #FFFFFF;
        background-repeat: no-repeat;
}

#header_text {
	display: block;
	position: absolute;
	top: 75px;
	width: 725px;
	height: 25px;
	z-index: 3;
	text-align: center;
	font: Verdana, sans-serif; 
	font-size: 12pt;
	color: #840202;
}

/* The square content box, including the menu */
#content {
	display: inline-block;
	position: absolute;
	background: white;
	top: 103px;
  width: 800px;
  z-index: 4;
  text-align: left;
  max-height: 715px;
  min-height: 715px;
  font: 11px Verdana, sans-serif;
  overflow: none;
  padding-left: 5px;
  padding-right: 0px;
  background-color:#FFFFFF; 
  border-style: double;
  border-color: #00000;
  border-width: 0px;
}

/* main left box */
#main-content-area {
	display: inline-block;
	position: absolute;
	background: white;
	top: 30px;
  width: 795px;
  max-height: 675px;
  z-index: 4;
  text-align: left;
  font: 11px Verdana, sans-serif;
  overflow: auto;
  padding-left: 5px;
  padding-right: 0px;
  background-color:#FFFFFF; 
  border-style: none;
  border-color: #00000;
  border-width: 3px;
}

#right_bar {
	display: inline-block;
	position: relative;
	right: 0px;
	top: 0px;
	width: 170px;
	height: 805px; 
	padding-right: 5px;
	padding-top: 5px;
	padding-left: 5px;
  	float: right;
  	border-width: 3px 0px 0px 0px;
	border-style: double;
	border-color: #CCC8A5;
	border-color: #840202;
	border-color: #000000;
	margin-left: 5px;
	background-color: #858B84;
	background-color: #CCCCCC;
}

#footernav {
	display: block;
	position: absolute;
	top: 760px;
	height: 45px;
	width: 800px;
	font-size: 4px;
}


.footersub {
	position: relative;
	left: 0px;
	top: 3px;
	height: 50px;
	float: left;
	border-style: single;
	border-width: 1px;
	border-color: #000000;
	}

.TEXT_TITLE {
  padding-top: 20px;
  position: relative;
  text-align: center;
  font: Verdana, sans-serif; 
  font-size: 14pt;
  text-decoration : underline; 
  color: #840202;
}

.TEXT_HEADING2 {
  text-align: left;
  font: Verdana, sans-serif; 
  font-size: 12pt;
  text-decoration : underline; 
  color: #840202;
}

#menubar {
	position: relative;
	top: 105px;
	width: 465px;
	height: 20px;
	left: 10px;
	margin: 0;
	z-index: 10000;
}



/*************************MENU**********************/

/* begin css menu */
#container {
	position: relative;
	top: 105px;
	width: 465px;
	height: 20px;
	left: 10px;
	margin: 0;
	z-index: 10000;
	background: #650000;
}

/* Navigation Menu */
#nav {
	margin: 0px 0px;
	list-style: none;
	padding: 2px;
	border: none;
	top: 0px;
} 

/* Very top level nav menu that gets displayed */
#nav li {
	float: left;
	padding: 0px;
	width: auto;
	font-size: 9pt;
	font-weight: normal;
	font-face: verdana, sans-serif;
	font-family: verdana, sans-serif;
   	border-width: 0px;
  	border-style: none;
}

/* NavMenu First Level UL Drop Down */
#nav ul {
	display: block;
	margin: 0;
	float: left;
	list-style: none;
	padding: 0px;
	border: solid black;
	border-width: 0;
	font-weight: normal;
	font-face: verdana, sans-serif;
	font-family: verdana, sans-serif;
	background-color: #ffecc5;
}

/* First level popup menu items */
#nav ul li {
background: #ffecc5;
} 

/* All dropdown items */
#nav li a {
	width: auto;
	font-size: 10pt;
	font-weight: bold;
} 

#nav ul li ul {
background: #ffecc5;
}

#nav a {
	display: block;
	width: auto;
	color: #840202;
	text-decoration: none;
	text-indent: 3px;
}

#nav li ul {
	position: absolute;
	left: -999em;
	height: auto;
	width: auto;
	font-weight: normal;
	border-width: 1px;
	margin: 0;
}

#nav li li {
	padding-right: 5px;
	width: auto;
	font-weight: normal;
}

#nav li ul a {
	width: auto;
	font-weight: normal;
}

#nav li ul ul {
	margin: -16px 0 0 100px;
}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
	left: -999em;
}

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
	left: auto; 
	z-index: 15000;
}

#nav a:hover {
  background: #840202;
  color: #ffe4ad;
  }
  
#nav a.top { color: #FFECC5; }
#nav a.top:hover { background: #FFECC5; color: #840202; }


/*******************END MENU*******************/




A.LINK {
color: #720202;
color: #000000;
color: #FFFFFF;
color:#800202;
/*width: 96px;
background-color: #800202;
background-color : #FFE4AD;
*/
font-size: 8pt;
font-weight: normal;
font-face: verdana, sans-serif;
font-family: verdana, sans-serif;
text-decoration : none; 
padding-left: 2px; 
padding-right: 0px; 
text-align : left; 
text-decoration: underline;
}
 
A.LINK:hover {
background-color: #800202;

color : #FFE4AD;

/*width: 96px;*/
font-size: 8pt;
font-weight: normal;
font-face: verdana, sans-serif;
font-family: verdana, sans-serif;
text-decoration : none;
border-color: #FFE4AD;
padding-left : 2px; 
padding-right : 0; 
text-align : left; 
} 

.text_normal {
  font: 11px Verdana, sans-serif; 
}

.TEXT_INDENT {
  position: relative;
  width: 800px;
  border-top-width: 3pt;
  border-bottom-width: 3pt;
  border-right-width: 3pt;
  border-left-width: 3pt;
  border-style: none;
  border-color: red;
  padding-top: 10pt;
  padding-bottom: 0pt;
  padding-right: 2%;
  padding-left: 2%;
  text-align: justify;
  background-color: #EEEEEE;
  
}

.DROP {
  width: 50px;
  height: 50px;
  position: relative;
  border-top-width: 0pt;
  border-bottom-width: 0pt;
  border-right-width: 0pt;
  border-left-width: 0pt;
  border-style: none;
  border-color: red;
  padding-top: 0pt;
  padding-bottom: 0pt;
  float: left;
  text-align: center;
  color: black;
  font-size: 45pt;
  font-weight: bold;
  font-family: times roman;
}

.centre {
  text-align: center;
  align: center;
}

.newsbox {
	position: absolute;
	top: 450px;
  	left: 610px;
	height: 200px;
	width: 150px;
}

.newsbox li {
margin-left: -2em;
} 

TD {
font-size: 11px;
font-face: verdana, sans-serif;
}

.TEXTFIELD {
background-color : #FFE4AD; 
color:#8E0202;
font : bold 8pt verdana, sans-serif; 
}

A {
color: #FFFFFF;
color: #000000;
color: #720202;
font-size: 8pt;
font-weight: normal;
font-face: verdana, sans-serif;
font-family: verdana, sans-serif;
text-decoration : none; 
padding-left: 2px; 
padding-right: 0; 
text-align : left; 
}
 
A:hover {
background-color : #FFE4AD;
background-color: #800202;
color:#800202;
color : #FFE4AD;
font-size: 8pt;
font-weight: normal;
font-face: verdana, sans-serif;
font-family: verdana, sans-serif;
text-decoration : none;
border-color: #FFE4AD;
padding-left : 2px; 
padding-right : 0; 
text-align : left; 
}

a.nohover:hover {
background: none;
border: none;
}

.img-left {
float: left;
padding-right: 20px;
padding-bottom: 15px;
}
.img-right {
float: right;
padding-left: 20px;
padding-bottom: 15px;
padding-right: 20px;
}

.dict_cchar {
position: absolute;
left: 180px;
font: 16px Verdana, sans-serif; 
}
.dict_char {
position: absolute;
left: 180px;
font: 11px Verdana, sans-serif; 
}
.dict_mand {
position: absolute;
left: 300px;
font: 11px Verdana, sans-serif; 
}
.dict_yale {
position: absolute;
left: 300px;
font: 11px Verdana, sans-serif; 
}
.dict_tran {
position: absolute;
left: 400px;
font: 11px Verdana, sans-serif; 
}

div#counter {
  position: absolute;
  color: #800202;
  width: 186px;
  top: 620px;
  left: 60;
  border-top-width: 0pt;
  border-bottom-width: 0pt;
  border-right-width: 0pt;
  border-left-width: 0pt;
  border-style: ridge;
  vertical-align: middle;
  margin-left: 0;
  padding-top: 3px;
  text-align: center;
}

img.counter { vertical-align: middle; }

.form_column1 {
  position: relative;
  width: 180px;
  padding-top: 3px;
  text-align: right;
  background: #FFFFFF;
}
.form_column2 {
  position: relative;
  left: 20px;
  width: 150px;
  padding-top: 3px;
  text-align: left;
}
.form_column3 {
  position: relative;
  left: 180px;
  width: 180px;
  padding-top: 3px;
  text-align: left;
}
.form_column4 {
  position: relative;
  left: 200px;
  width: 180px;
  padding-top: 3px;
  text-align: left;
}

.form_column5 {
  position: relative;
  left: 200px;
  width: 180px;
  padding-top: 3px;
  text-align: left;
}
.form_column6 {
  position: relative;
  left: 200px;
  width: 180px;
  padding-top: 3px;
  text-align: left;
}
.form_column7 {
  position: relative;
  left: 200px;
  width: 180px;
  padding-top: 3px;
  text-align: left;
}
.link_column1 {
  position: relative;
  font-face: verdana, sans-serif;
  font-size: 4px;
  font-decoration: none;
  left: 0px;
  width: 20px;
  text-align: left;
  background-color : #FFFFFF;
}
.link_column2 {
  position: relative;
  left: 4px;
  width: 230px;
  text-align: left;
  font-face: verdana, sans-serif;
  font-size: 9px;
  font-decoration: none;
  background-color : #FFFFFF;
}
.link_column3 {
  position: relative;
  left: 4px;
  width: 80px;
  text-align: left;
  font-face: verdana, sans-serif;
  font-size: 9px;
  font-decoration: none;
  background-color : #FFFFFF;
}
.link_column4 {
  position: relative;
  left: 4px;
  width: 80px;
  text-align: left;
  font-face: verdana, sans-serif;
  font-size: 9px;
  font-decoration: none;
  background-color : #FFFFFF;
}

.link_column5 {
  position: relative;
  left: 4px;
  width: 80px;
  text-align: left;
  font-face: verdana, sans-serif;
  font-size: 9px;
  font-decoration: none;
  background-color : #FFFFFF;
}
.link_column6 {
  position: relative;
  left: 4px;
  width: 80px;
  text-align: left;
  font-face: verdana, sans-serif;
  font-size: 9px;
  font-decoration: none;
  background-color : #FFFFFF;
}
.link_column7 {
  position: relative;
  left: 4px;
  width: 80px;
  text-align: left;
  font-face: verdana, sans-serif;
  font-size: 9px;
  font-decoration: none;
  background-color : #FFFFFF;
}

#tipDiv {
  position:absolute; visibility:hidden; left:0; top:0; 
  /*z-index:10000;*/
  background-color:#dbbcbc; border:3px double #800202; 
  width:450px; padding:4px;
  color:#800202; line-height:1.2;
}

.roundbox {background:#FFEDCA; color:#F6F9F3; margin: 0px;}
.rtop, .rbottom{display:block;background:#F6F9F3;}
.rtop *, .rbottom *{display: block;height: 1px;overflow: hidden;background:#FFEDCA;}
.r1{margin: 0 5px}
.r2{margin: 0 3px}
.r3{margin: 0 2px}
.r4{margin: 0 1px; height: 2px}

#printMsg { display: none; }

/********************
  MENU STYLE
*********************/
#sddm
{	margin: 0;
	padding: 0;
	z-index: 30}

#sddm li
{	margin: 0;
	padding: 0;
	list-style: none;
	float: left;
	font: bold 11px arial}

/* Top Level Menu Link NoHover*/
#sddm li a
{	display: block;
	margin: 0 1px 0 0;
	padding: 4px 10px;
	width: 57px;
	background: #5970B2;
	background: #636363;
	color: #FFF;
	text-align: center;
	text-decoration: none}

/* Top Level Menu Hover */
#sddm li a:hover
{	background: #2B2B2B;
}

#sddm div
{	position: absolute;
	visibility: hidden;
	margin: 0;
	padding: 0;
	background: #EAEBD8;
	border: 1px solid #636363}

/* Dropdown */
#sddm div a
	{	position: relative;
		display: block;
		margin: 0;
		padding: 5px 10px;
		width: auto;
		white-space: nowrap;
		text-align: left;
		text-decoration: none;
		background: #EAEBD8;
		color: #2875DE;
		color: #000000;
		font: 11px arial}

/* Dropdown Hover */
#sddm div a:hover
	{	background: #49A3FF;
		background: #636363;
		color: #FFF}