@import url('topcontainer.css');
@import url('footer.css');
html {
		height: 100%;
		/*background: transparent url(../images/html_bg.gif) repeat 0px 0px;*/
	}

body {
	color: #636363;
	padding: 0px;
	height: 100%;
	font-family: arial;
	font-size: 0.9em;
	text-align: left;
	margin: 0px;
	background-color: #fff;
	background: transparent url(../images/html_bg.gif) repeat 0px 0px;
	/*background: transparent url(../images/body_bg.gif) repeat-y 50% 0%;*/
	
}

#page-wrapper {
	width: 900px;
	margin: 0px auto;
	padding: 0px;
}

#page-area {
	width: 900px;
	background-color: #B4C3C6;
}

#imagearea {
		text-align: left;
		margin-right: auto;
		margin-left: auto;
		margin-bottom: 0px;
		margin-top: 0px;
		/*background-image: url(../images/vitech_banner.jpg);*/
		background-repeat: no-repeat;
		height: 273px;
		width: 898px;
		border:1px solid #ddd; 
	}

#imageareatext {
		float: left;
		width: 600px;
		margin-top: 25px;
		margin-right: 0px;
		margin-bottom: 0px;
		margin-left: 30px;
		line-height: 2em;
		color: #e5fdff;
		font-size: 1.5em;
		font-family: arial;
		text-align: left;
	}

.extension {
		background-color: #b4c3c6;
		height: 430px;
		width: 100%;
	}

.blankextension {
		height: 330px;
		width: 100%;
	}

.navlinks {
		text-transform: none;
		text-decoration: none;
		color: #c10033;
	}

.navlinks:hover {
		text-transform: none;
		text-decoration: none;
		color: #6b6c67;
	}

.mainnavarea {
		margin-right: auto;
		margin-left: auto;
		margin-bottom: 0px;
		margin-top: 0px;
		width: 900px;
	}



.mainnavlist ul {
		margin-left: 0px;
		margin-bottom: 0px;
		margin-right: 0px;
		margin-top: 4px;
		padding: 0px;
		list-style-type: none;
		display: inline;
		width: 100%;
		float: left;
		text-align: center;
	}

.mainnavlist li {
		padding-right: 0px;
		padding-top: 0px;
		padding-left: 0px;
		padding-bottom: 0px;
		display: inline;
		margin-left: 0px;
		margin-bottom: 0px;
		margin-right: 0px;
		margin-top: 0px;
		text-align: center;
		font-size: 0.9em;
		list-style-type: none;
		color: #c10033;
		font-family: arial;
	}

#mainnavbar {
	color: #ccc;
	}

.mainnavlist a {
		text-decoration: none;
		color: #ffffff;
	}

.mainnavlist a:hover {
		color: #111111;
	}

.newsbar {
		position: relative;
		height: 632px;
		margin-top: -142px;
		display: inline;
		visibility: visible;
		z-index: 0;
		background-color:#eee;
		width: 250px;
		float: right;
	}

.newstexth1 {
		margin-left: 15px;
		margin-bottom: 7px;
		margin-right: 15px;
		margin-top: 15px;
		font-size: 1.1em;
		font-weight: bold;
		text-align: left;
		color: #1b1b1b;
		font-family: arial;
	}

.newstexth2 {
		margin-bottom: 7px;
		text-align: left;
		margin-right: 15px;
		margin-left: 15px;
		font-size: 0.8em;
		color: #111;
		font-family: arial;
	}

.newstextcopy {
		line-height: 1.6em;
		font-size: 0.8em;
		margin-right: 15px;
		margin-left: 15px;
		margin-bottom: 7px;
		text-align: left;
		font-family: arial;
	}

.newslink {
		text-decoration: none;
		font-weight: bold;
		color: #c32139;
		font-family: arial;
	}

.newslink:hover {
		text-decoration: underline;
		font-weight: bold;
		color: #111;
		font-family: arial;
	}

.maincontent {
		float: left;
		height: 459px;
		background-color: #ffffff;
		border-style:solid;
		border-color: #E2E2E2;
		border-width:1px;
		margin-right: auto;
		margin-left: auto;
		margin-bottom: 0px;
		margin-top: 0px;
		width: 647px;
		
	}

.maincontentleft {
		background-repeat: no-repeat;
		height: 224px;
		width: 648px;
		text-align: left;
		float: left;
	}
	
	.maincontentlefttext {
		margin-left: 20px;
		margin-bottom: 20px;
		margin-right: 20px;
		margin-top: 20px;
		line-height: 1.8em;
		color: #111;
		font-size: 1em;
		font-family: arial;
	}
	
	/*--added for the text under the 4 link buttons--*/

	.maincontentlefttexth2 {
		margin-bottom: 7px;
		text-align: left;
		margin-right: 15px;
		margin-left: 55px;
		font-size: 0.8em;
		color: #111;
		font-family: arial;
	}

	.maincontentlefttextcopy {
		line-height: 1.6em;
		font-size: 0.8em;
		margin-right: 15px;
		margin-left: 0px;
		margin-bottom: 7px;
		text-align: left;
		font-family: arial;
	}

/*-----------*/

	.maincontentleft ul {
		padding: 0px;
		margin-bottom: 0px;
		margin-right: 0px;
		margin-left: 0px;
		text-align: center;
		margin-top: 60px;
		list-style-type: none;
		font-size: 1.4em;
	}

	.maincontentleft li {
		text-transform: uppercase;
		margin-bottom: 31px;
		margin-right: 0px;
		margin-left: 35px;
		text-align: left;
		color: #c32139;
		list-style-type: none;
		font-family: arial;
		font-size: 0.8em;
	}

.maincontentright {
		background-position: right top;
		background-repeat: no-repeat;
		float: right;
		height: 224px;
		width: 648px;
		text-align: left;
		
	}

.maincontentrighttext {
		margin-left: 20px;
		margin-bottom: 20px;
		margin-right: 20px;
		margin-top: 20px;
		line-height: 1.8em;
		color: #111;
		font-size: 1em;
		font-family: arial;
	}
	
	.maincontentimage {
	margin-left: 325px;
	margin-top: -185px;
	
	}

.serviceslink {
		text-decoration: none;
		color: #30302f;
		font-family: arial;
	}

.serviceslink:hover {
		text-decoration: underline;
		color: #c32139;
		font-family: arial;
	}

#leftshadow {
		top: 142px;
		left: 250px;
		position: absolute;
	}

.clear {
		clear: both;
	}

.clearright {
		clear: right;
	}


<!------------------------nav bar test code starts below -------------------->

/* CSS Dropdown Nav Bar*/
/* CSS Section */

/* style the outer div to give it width */
.menu {
margin: auto;
padding:10px 0px 15px 0px;
position:relative; /*Make the container moveable*/
width:650px;     /*Main bar total width*/
font-size:0.85em;
padding-bottom:30px; /*Padding between the bottom of your mainbar and the rest of your page */
}


/* remove all the bullets, borders and padding from the default list styling */
.menu ul {
padding:0;
margin:0;
list-style-type:none;
}


.menu ul ul {
width:92.855px; /* Cell size. Divide the main width (650px) by the number of cells you need */
}


/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu li {
float:left;
width:92.855px; /* Cell size. Divide the main width (650px) by the number of cells you need */
position:relative;
}


/* style the links for the top level */
.menu a, .menu a:visited {
display:block;
font-size:11px;
text-decoration:none; 
color:#fff; 
width:100; /* Defines the main box dimensions. */
height:27px; /*How tall your cells are*/
border:1px solid #fff; 
border-width:1px 1px 0 0; 
background:#c32139; 
padding-left:0px; 
line-height:26px; /*Adjust this to vertically center your text in each cell. Should be about the same as height. */
text-align: center;
}


/* a hack so that IE5.5 faulty box model is corrected */
* html .menu a, * html .menu a:visited {
width:125px; 
w\idth:139px;
}


/* style the second level background */
.menu ul ul a.drop, .menu ul ul a.drop:visited {
background:#c32139;
}


/* style the second level hover */
.menu ul ul a.drop:hover{
background:#6b6c67;
}


.menu ul ul :hover > a.drop {
background:#6b6c67;
}


/* style the third level background */
.menu ul ul ul a, .menu ul ul ul a:visited {
background:#c32139;
}


/* style the third level hover */
.menu ul ul ul a:hover {
background:#6b6c67;
}


.menu ul ul ul :hover > a {
background:#6b6c67;
}


/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {
visibility:hidden;
position:absolute;
height:0;
top:28px; 
left:0; 
width:125px;  /* Size of the daughter cells */
}


/* another hack for IE5.5 */
* html .menu ul ul {
top:30px;
t\op:31px; /* IE gap between main bar and the dropdown items */
}



/* position the third level flyout menu */
.menu ul ul ul{
left:150px; 
top:0;
width:125px;
}


/* position the third level flyout menu for a left flyout */
.menu ul ul ul.left {
left:-125px;
}


/* style the table so that it takes no ppart in the layout - required for IE to work */
.menu table {position:absolute; top:0; left:0;}

/* style the second level links */
.menu ul ul a, .menu ul ul a:visited {
background:#c32139; 
color:#fff; 
height:auto; 
line-height:1em; 
padding:5px 10px; 
width:129px
/* yet another hack for IE5.5 */
}


* html .menu ul ul a{
width:125px;
w\idth:129px;
}


/* style the top level hover */
.menu a:hover, .menu ul ul a:hover{
color:#fff; 
background:#111111;
}


.menu :hover > a, .menu ul ul :hover > a {
color:#fff;
background:#6b6c67;
}


/* make the second level visible when hover on first level list OR link */
.menu ul :hover ul{
visibility:visible; 
}


/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul{
visibility:hidden;
}


/* keep the fourth level hidden when you hover on second level list OR link */
.menu ul :hover ul :hover ul ul{
visibility:hidden;
}


/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul{ 
visibility:visible;
}


/* make the fourth level visible when you hover over third level list OR link */
.menu ul :hover ul :hover ul :hover ul { 
visibility:visible;
}


/* End Navbar Code */
<!-------------------end nav bar test code----------------------->