/* VISION unlimited CSS Document */
/* © Copyright 2006, Frecosse Online Solutions */
/* Coded by Graeme Attkins, 12 February 2006 */

/* CMS Shortcuts -----------------------------------*/
/* Use, eg <span class="red">CMS Text</span> to     */
/* call the red effect into your pages              */

.red { color:#640012; }
.cream { color:#F4ECD9; }
.darkcream { color:#7C6240; }
.big {font-size:140%;font-weight:bold;}

.hidden {display:none;}

/* General Layout - DON'T CHANGE! ------------------*/

body {
	font: 78%/1.5 arial, helvetica, serif;
	background-color: #325874;
	text-align: center;
	padding: 0;
	margin: 2em;
}

#container {
	width: 60em;
	background: #F4ECD9;
	text-align: left;
	border: 2px solid #640012;
	margin: 0 auto;
}

p {
	margin-left:15px;
	margin-right:15px;
	margin-bottom:15px;
}

img {
margin-left:15px;
margin-right:15px;
margin-bottom:15px;
clear:both;
}

#masthead {
	background-image:url(../GFX/VisionMasthead.jpg);
	height:90px;
	margin:0px;
	background-repeat:no-repeat;
}

#davinci {
	background-image: url(../GFX/davinci.jpg);
	margin-left:70%;
	height:90px;
	background-repeat:no-repeat;
}

#masthead h1 {
	display:none !important;
}

#masthead p {
	display:none !important;
}

/* Drop-down Menu CSS - DON'T CHANGE! --------------*/

#nav, #nav ul {
	float: left;
	width: 60em;
	list-style: none;
	line-height: 1;
	background: white;
	font-weight: bold;
	padding: 0;
	border: solid #640012;
	border-width: 2px 0;
	margin: 0 0 1em 0;
}

#nav a {
	display: block;
	width: 15.5em;
	w\idth: 11.5em;
	color: #640012;
	text-decoration: none;
	padding: 0.35em 1.95em;
}

#nav strong {
	display: block;
	width: 15em;
	w\idth: 11em;
	color: #000;
	text-decoration: none;
	padding: 0.35em 1em;
}

#nav a.daddy {
	background: url(../GFX/submenu.gif) center right no-repeat;
}

#nav li {
	float: left;
	padding: 0;
	width: 15em;
}

#nav li ul {
	position: absolute;
	left: -999em;
	height: auto;
	width: 18.4em;
	w\idth: 17.9em;
	font-weight: normal;
	border-width: 0.25em;
	margin: 0;
}

#nav li li {
	padding-right: 1em;
	width: 17em
}

#nav li ul a {
	width: 17em;
	w\idth: 13em;
}

#nav li ul strong {
	width: 17em;
	w\idth: 13em;
}

#nav li ul ul {
	margin: -1.75em 0 0 14em;
}

#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;
}

#nav li:hover, #nav li.sfhover {
	background: #eda;
}

/* Main Content CSS - Change at your peril! --------*/

#content {
	font-family:Arial, Helvetica, sans-serif;
	clear: left;
}

#content h1 {
	font-size:220%;
	color:#640012;
	margin:0;
	margin-left:15px;
}

#content h2 {
	font-size:180%;
	color:#000;
	margin:0;
	margin-left:15px;
}

#content h3 {
	font-size:160%;
	color:#640012;
	margin:0;
	margin-left:15px;
}

#content a {
color:#640012;
text-decoration:underline;
}

#content a:hover {
color:#0000ff;
text-decoration:underline;
}


/* Form & Table CSS - DON'T CHANGE -----------------*/

.formTXT {text-align:left;font-size:75%; color:#008; font-family:Arial, Helvetica, sans-serif;}
.formSTD {font-family:Arial, Helvetica, sans-serif; width:13em; font-size:85%; vertical-align: middle; padding-left:2px; color:#008; background:#eef; border: 1px solid #008;}
.formTAX {font-family:Arial, Helvetica, sans-serif; width:3em; font-size:85%; vertical-align: middle; padding-left:2px; color:#008; background:#eef; border: 1px solid #008;}
.formPROD {font-family:Arial, Helvetica, sans-serif; width:250px; font-size:85%; font-weight:bold; vertical-align: middle; padding-left:2px; color:#008; background:#eef; border: 1px solid #008;}
.formCMS {font-family:Arial, Helvetica, sans-serif; width:450px; font-size:85%; font-weight:bold; vertical-align: middle; padding-left:2px; color:#008; background:#eef; border: 1px solid #008;}
.formOPTION {font-family:Arial, Helvetica, sans-serif; width:5em; font-size:85%; vertical-align: middle; padding-left:2px; color:#008; background:#eef; border: 1px solid #008;}
table.html {padding:5px; border: 4px outset #b4b4b4;background:#fff;}
table.border {padding:5px; border:1px solid #bbb; background-color:#fff; }


/* Footer CSS - DON'T CHANGE -----------------------*/

#footer {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:90%;
	color:#640012;
	border-top:2px solid #640012;
}

#footer a {
	color:#640012;
	text-decoration:none;
}

#footer a:hover {
	color:#00f;
	text-decoration:underline;
}

#footer a.tcs {
	color:#640012;
	text-decoration:underline;
}

#footer a:hover.tcs {
	color:#00f;
	text-decoration:underline;
}

/* Copyright/Back to Top CSS - DON'T CHANGE! -------*/

#copyright {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	width: 69em;
	float:inherit;
	font-size:90%;
	color:#F4ECD9;
	margin: 0 auto;
}

#copyright a {
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#F4ECD9;
text-decoration:none;
}

#copyright a:hover {
color:#FFF;
}

/* Floating News Box - DON'T CHANGE! ---------------*/

#news {
float:right;
width:300px;
border:2px solid #640012;
background-color:#fff;
margin-left:0em;
margin-right:10px;
margin-left:20px;
margin-bottom:10px;
padding:0em;
}

*html #news {
margin-left:10px;
margin-right:5px;
margin-bottom:5px;
}

#news h1 {
background-color:#640012;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:110%;
color:#fff;
margin:0em;
padding-left:5px;
}

#news p {
font-size:90%;
margin:0em;
padding:5px;
}

/* Newsletter Subscription - DON'T CHANGE! ---------------*/

#newsletter {
margin-top:10px;
width:620px;
border:2px solid #640012;
background-color:#ffffff;
margin-left:0em;
margin-right:auto;
margin-left:auto;
margin-bottom:10px;
padding:0em;
height:126px;
}

*html #newsletter {
margin-left:10px;
margin-right:5px;
margin-bottom:5px;
}

#newsletter h1 {
background-color:#640012;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:110%;
color:#ffffff;
margin:0em;
padding-left:5px;
}

#newsletter p {
font-size:100%;
margin:0em;
padding:5px;
padding-right:10px;
}


/* Admin Menu - DON'T CHANGE! ----------------------*/

#adminnav, #adminnav ul {
	float: left;
	width: 60em;
	list-style: none;
	line-height: 1;
	background: white;
	font-weight: bold;
	padding: 0;
	border: solid #640012;
	border-width: 2px 0;
	margin: 0 0 1em 0;
}

#adminnav a {
	display: block;
	width: 15em;
	w\idth: 11em;
	color: #640012;
	text-decoration: none;
	padding: 0.35em 2em;
}

#adminnav li {
	float: left;
	padding: 0;
	width: 15em;
}

#adminnav li ul {
	position: absolute;
	left: -999em;
	height: auto;
	width: 18.4em;
	w\idth: 17.9em;
	font-weight: normal;
	border-width: 0.25em;
	margin: 0;
}

#adminnav li li {
	padding-right: 1em;
	width: 17em
}

#adminnav li:hover {
	background: #eda;
}


/* Testimonials CSS - DON'T CHANGE -----------------*/

#testimonial {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size:90%;
	color:#640012;
	border-top:2px solid #640012;
}

#testimonialbox {
	width:80%;
	border:1px solid #640012;
	background-color:#fff;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:10px;
	padding-bottom:10px;
}

#testimonialbox h2 {
	color:#640012;
	font-size:140%;
	margin:0px;
	margin-left:5px;
	margin-top:5px;
}

#testimonialbox p {
	color:#000;
	font-size:100%;
	margin:0px;
	margin-left:25px;
	margin-right:25px;
	margin-top:5px;
}

#testimonialbox a {
	color:#640012;
	text-decoration:none;
}

#testimonialbox a:hover {
	color:#00f;
	text-decoration:underline;
}

/* SITEMAP CSS - DON'T CHANGE */

dl { font-family: Verdana, Arial, Helvetica, sans-serif;}
dl { font-size: 0.8em;}
.map a { text-decoration: none; }
dl { padding-bottom: 1em; }
.box { border: 1px solid #640012; padding: 0.5em; margin:0.5em; background-color:#fff;}
dl dl { font-size: 1.0em; }
dt {font-weight: bold; }
dl dl dt {font-weight: normal; }
.sub {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 90%; }

dd {  background-image: url(../GFX/sitemapline.gif); background-repeat: no-repeat; padding-left: 23px; margin-left:4px;}
dd.bottom {  background-image: url(../GFX/sitemapline2.gif); background-repeat: no-repeat; padding-left: 23px;}

.clearBoth { clear:both; }

/* SEARCH BOX */

#searchBox {
	float:right;
	text-align:right;
	padding-right:10px;
	padding-top:10px;
	}
	
.search {
	font-family:Arial, Helvetica, sans-serif; 
	width:13em; 
	font-size:85%; 
	font-weight:bold;
	vertical-align: middle; 
	padding-left:2px; 
	color:#640012; 
	background:#ffc; 
	border: 1px solid #640012;
}

.searchbutton
{
	background-color:#640012;
	font-family:Arial, Helvetica, sans-serif; 
	font-size:85%; 
	font-weight:bold;
	vertical-align: middle;
	color:#fff;
	margin-left:2px;
	border:0px;
	width:30px;
}
	
a.searchTXT {
	font-size:80%;
	color:#640012;
	text-decoration:none;
}

a:hover.searchTXT {
	color:#640012;
	text-decoration:underline;
}
	
/* End of CSS Document -----------------------------*/