@charset "UTF-8";
body  {
	font: 100% "trebuchet MS", sans-serif;
	background: #333 url(../images/graphics/bg_redblack.jpg) repeat-x; 
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
}

.twoColFixLtHdr #outer {
	margin: 0 auto;
	width: 818px;
	background-image: url(../images/graphics/background.png); /** Link to the image you created **/
    background-repeat: repeat-y; /** Repeats the image vertically **/
    background-position: center; /** Centers the Background image **/
    }

.twoColFixLtHdr #container { 
	width:800px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	background: #FFFFFF;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	border-top: 2px solid #000000;
	border-bottom: 3px solid #000000;
	text-align: left; /* this overrides the text-align: center on the body element. */
} 
.twoColFixLtHdr #header { 
	width: 800px; height: 166px;
	padding: 0;  /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
} 
.twoColFixLtHdr #header h1 {
	margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
	padding: 10px 0; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
}
.twoColFixLtHdr #sidebar1 {
	float: left; /* since this element is floated, a width must be given */
	width: 200px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
	background: #cccccc; /* the background color will be displayed for the length of the content in the column, but no further */
	padding: 10px 8px 10px 6px;
	margin: 0 16px 10px 0;
	border-width: 0; border-style: solid; border-color: #666666;
	 -moz-border-radius-bottomright: 10px;
-webkit-border-bottom-right-radius: 10px;
	}

div#sidenav a:link {display: block; padding: 5px 5px; margin: 10px 0 6px; text-decoration: none; color: #000033; background-color: #a7f9f9; border-width: 0; border-right: 2px solid #666; border-bottom: 2px solid #666; font-size: 90%; -moz-border-radius: 5px;
-webkit-border-radius: 5px;}

div#sidenav a:visited {display: block; padding: 5px 5px; margin: 10px 0 6px; text-decoration: none; color: #000033; background-color: #a7f9f9; border-width: 0; border-right: 2px solid #666; border-bottom: 2px solid #666; font-size: 90%; -moz-border-radius: 5px;
-webkit-border-radius: 5px;}

div#sidenav a:hover {display: block; padding: 5px 5px; margin: 10px 0 6px; text-decoration: underline; color: #ffffff; background-color: #333333; 
border-color: #a90000; font-size: 90%;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;}

div#sidenav a:active {display: block; padding: 5px 5px; margin: 10px 0 6px; text-decoration: underline; color: #ffccff; background-color: #333333; 
border-color: #a90000; font-size: 90%;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;}


a.new:link {display: block; padding: 5px 5px; margin: 10px 0 6px; text-decoration: none; color: #000033; background-color: #000; 
background-image: url(../images/graphics/new5.png); 
background-repeat: no-repeat;
background-position: right;
border-width: 0; border-right: 2px solid #666; border-bottom: 2px solid #666; font-size: 90%; -moz-border-radius: 5px;
-webkit-border-radius: 5px;}

a.new:visited {display: block; padding: 5px 5px; margin: 10px 0 6px; text-decoration: none; color: #000033; background-color: #a7f9f9; 
background-image: url(http://www.cvillerocks.com/vhacNew/images/graphics/new5.png); 
background-repeat:no-repeat;
background-position: right;
border-width: 0; border-right: 2px solid #666; border-bottom: 2px solid #666; font-size: 90%; -moz-border-radius: 5px;
-webkit-border-radius: 5px;}

a.new:hover {display: block; padding: 5px 5px; margin: 10px 0 6px; text-decoration: underline; color: #ffffff; background-color: #333333; 
border-color: #a90000; font-size: 90%;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;}

a.new:active {display: block; padding: 5px 5px; margin: 10px 0 6px; text-decoration: underline; color: #ffccff; background-color: #333333; 
border-color: #a90000; font-size: 90%;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;}


a.button:link {display: block; padding: 5px 5px; margin: 10px 0 6px; text-decoration: none; color: #000033; background-color: #000; 
background-image: url(../images/graphics/easybutton2a.png); 
background-repeat: no-repeat;
background-position: right;
border-width: 0; border-right: 2px solid #666; border-bottom: 2px solid #666; font-size: 90%; -moz-border-radius: 5px;
-webkit-border-radius: 5px;}

a.button:visited {display: block; padding: 5px 5px; margin: 10px 0 6px; text-decoration: none; color: #000033; background-color: #a7f9f9; 
background-image: url(http://www.cvillerocks.com/vhacNew/images/graphics/easybutton2a.png); 
background-repeat:no-repeat;
background-position: right;
border-width: 0; border-right: 2px solid #666; border-bottom: 2px solid #666; font-size: 90%; -moz-border-radius: 5px;
-webkit-border-radius: 5px;}

a.button:hover {display: block; padding: 5px 5px; margin: 10px 0 6px; text-decoration: underline; color: #ffffff; background-color: #333333; 
border-color: #a90000; font-size: 90%;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;}

a.button:active {display: block; padding: 5px 5px; margin: 10px 0 6px; text-decoration: underline; color: #ffccff; background-color: #333333; 
border-color: #a90000; font-size: 90%;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;}


/*div#sidenav a {display: block; padding: 5px 5px; margin: 10px 0 6px; text-decoration: none; color: #000033; background-color: #a7f9f9; border-width: 0; border-right: 2px solid #666; border-bottom: 2px solid #666; font-size: 90%;}

div#sidenav a:hover {color: #ffffff; background-color: #333333; 
border-color: #a90000; font-size: 90%;}
*/

.twoColFixLtHdr #mainContent { 
	margin: 0; /* the left margin on this div element creates the column down the left side of the page - no matter how much content the sidebar1 div contains, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the #sidebar1 space when the content in #sidebar1 ends. */
	padding: 0 18px 20px 16px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	border-style: none;
	}  
	
.twoColFixLtHdr #mainContent_narrow { 
	margin: 0 0 0 214px; /* the left margin on this div element creates the column down the left side of the page - no matter how much content the sidebar1 div contains, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the #sidebar1 space when the content in #sidebar1 ends. */
	padding: 0 10px 20px 14px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	border-width: 2px 0 0 0; border-style: solid; border-color: #666666;
	} 
	
div#topbox {margin: 1px 12px 10px 214px; padding: 4px;
}	
	
div#mainbox {margin: 14px auto 24px auto; height: 500px; padding: 4px 10px 10px 10px; border: 1px solid #000;
-webkit-box-shadow: 3px 3px 3px #818181;
-moz-box-shadow: 3px 3px 3px #818181;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
}

div#mainboxHP {width: 540px; margin-right: 6px; margin-left: 216px;
background-color: #a7f9f9; 
padding: 4px; border: 1px solid #333;
-webkit-box-shadow: 3px 3px 3px #818181;
-moz-box-shadow: 3px 3px 3px #818181;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
}

	
.twoColFixLtHdr #footer {height: 76px;
	padding: 4px 8px 0 8px; /* this padding matches the left alignment of the elements in the divs that appear above it. */
	background:#a90000; border-width: 3px 0 0 0; border-style: solid; border-color: #666666;
} 
.twoColFixLtHdr #footer p {font-size: 74%; color: #FFFFFF;font-family: "futura medium BT", arial; font-weight: normal; letter-spacing:.16em; margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
}

.footerFloatRight {
	width: 580px;
	text-align: right;
	float: right;
	padding: 4px 1px 4px 2px;
}

.floatLeft {
	width: 180px;
	float: left;
	padding: 4px 1px 4px 2px;
}

.fltrt1 { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	width: 128px;
	margin-top: 10px;
	margin-right: 90px;
	margin-bottom: 12px;
	margin-left: 8px;
}

.fltrt_casestudies { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	width: 424px;
	margin-top: 4px;
	margin-right: 1px;
	margin-bottom: 12px;
	margin-left: 8px;
	padding-left: 6px;
	}

.fltlft1 { /* this class can be used to float an element left in your page */
	float: left;
	width: 128px;
	margin-top: 10px;
	margin-right: 8px;
	margin-bottom: 12px;
	margin-left: 90px;
}

.fltlt_casestudies { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: left;
	width: 404px;
	margin-top: 10px;
	margin-right: 20px;
	margin-bottom: 12px;
	margin-left: -1px;
	padding-right: 6px;
	}

.fltlt_casestudies2 {float: left; width: 470px; margin-left: 2px;
}


.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}


/*Styles for the top right navigation links follow*/

div#topright {position: absolute; margin-top: -4px; margin-left: 560px;
}

ul#topright li {display: inline; margin-left: 14px; margin-right: 8px; font-size: 74%;}

a.topright:link {font-weight: 600; color:#fff; text-decoration:none; padding: 2px 4px 2px 4px; background-color: #a90000; border-width: 0 0 2px 2px; border-style: solid; border-color: #333; 
-moz-border-radius: 5px;
-webkit-border-radius: 5px;}
 
a.topright:visited {font-weight: 600; color:#fff;text-decoration:none; padding: 2px 4px 2px 4px; background-color: #a90000; border-width: 0 0 2px 2px; border-style: solid; border-color: #333; 
-moz-border-radius: 5px;
-webkit-border-radius: 5px;}

a.topright:hover {font-weight: 600; color:#a7f9f9;text-decoration:underline; background-color:#000000; padding: 2px 4px 2px 4px; border-width: 0 0 2px 2px; border-style: solid; border-color: #a90000;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;}

a.topright:active {font-weight: 600; color:#a7f9f9;text-decoration:overline underline; background-color: #000000; padding: 2px 4px 2px 4px; border-width: 0 0 2px 2px; border-style: solid; border-color: #a90000;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;}

/*end of topright.inc.html styles section
*/


/*header, paragraph and other text tags follow 
*/
h1 {font-size: 120%; letter-spacing: .007em; font-family: "Century Gothic", "Trebuchet MS", sans-serif; font-weight: normal;
margin-left: 2px;
}

h1#pagetitle {position: relative; font-size: 120%; letter-spacing: .007em; font-family: "Century Gothic", "trebuchet MS", sans-serif; font-weight: normal;
margin-left: 2px;
}

#pagetitle span.date {
position: absolute; 
bottom: 0;
right: 0;
font-size: 74%;
color: #666;
font-style: italic;
padding: 2px 7px 3px 7px;}

h2 {font-size: 116%; letter-spacing: .007em; font-family: "Century Gothic", "Trebuchet MS", sans-serif; font-weight: normal;
margin-left: 10px;
}

h2.plain {font-size: 116%; letter-spacing: .007em; font-family: "Century Gothic", "Trebuchet MS", sans-serif; font-weight: normal;
margin-left: 10px; padding: 2px 6px 2px 6px;
}

h2.homepage {font-size: 116%; letter-spacing: .007em; font-family: "Century Gothic", "Trebuchet MS", sans-serif; font-weight: normal;
margin-left: 6px; background-color: #a7f9f9; padding: 2px 6px 2px 6px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-webkit-box-shadow: 3px 3px 3px #818181;
-moz-box-shadow: 3px 3px 3px #818181;
}

h2.small {position: relative; font-size: 112%; letter-spacing: normal; font-family: "Century Gothic", "trebuchet MS", sans-serif; font-weight: bold;
margin-left: 10px;
}

h2 span.date {
position: absolute; 
bottom: 0;
right: 0;
font-size: 80%;
color: #666666;
font-style: italic;
padding: 2px 7px 0 7px;}


h3 {font-size: 102%; font-family: "Century Gothic", "Trebuchet MS", sans-serif;
margin-left: 18px;
}

h3.headernav {font-size: 102%; font-family: "Century Gothic", "Trebuchet MS", sans-serif;
margin-top: 8px; margin-bottom: 8px; margin-left: 6px; 
}

p {font-size: 92%; margin: 6px 8px 10px 20px;
}
p#note {font-size: 88%; margin: 6px 8px 8px 20px; font-style: oblique;
}

p.cases_intro {font-size: 100%; margin: 6px 12px 10px 20px; font-weight: normal;
}

p.cases {font-size: 100%; margin: 28px 12px 10px 20px; font-weight: normal;
}

p.note_cases {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 88%; margin: 8px 8px 10px 40px; font-style: oblique;display: block; min-width: 400px; max-width: 510px; color: #990000; font-style:italic; text-align:center; white-space:nowrap;
}

p#tabletext {font-size: 84%; margin: 2px;
}

p#caption {font-size: 88%; padding: 6px; margin: 0; text-align: center; font-style: oblique; background-color: #ddd; display: block; width: 448px;
}

li {font-size: 90%; margin-top: 6px; margin-right: 6px; margin-bottom: 6px;
}

/* end of header, paragraph and other text tags follow 
*/


/*Basic hyperlink styles follow
*/

a.white:link {font-weight: bold; color:#fff; text-decoration:underline;}
a.white:visited {font-weight: bold; color:#fff;text-decoration:underline;}
a.white:hover {font-weight: bold; color:#000000;text-decoration:underline; background-color:#a7f9f9;}
a.white:active {font-weight: bold; color:#000000;text-decoration:overline underline; background-color: #a7f9f9;}

a.cont {
font-family: "century gothic", Arial, Helvetica, sans-serif;
font-size: 92%;font-weight:normal; letter-spacing: .03em; color:#fff; font-style: oblique; background-color:#333333; padding: 4px; text-decoration:none;
 -moz-border-radius-bottomright: 10px;
-webkit-border-bottom-right-radius: 10px;
-moz-border-radius-topright: 10px;
-webkit-border-top-right-radius: 10px;
-webkit-box-shadow: 2px 2px 2px #818181;
-moz-box-shadow: 2px 2px 2px #818181;}

a.cont:hover {color: #fff; background-color: #990000; text-decoration: underline;
 -moz-border-radius-bottomright: 10px;
-webkit-border-bottom-right-radius: 10px;
-moz-border-radius-topright: 10px;
-webkit-border-top-right-radius: 10px;
-webkit-box-shadow: 2px 3px 3px 3px #818181;
-moz-box-shadow: 2px 3px 3px 3px #818181;
}

a.cont:active {
color:#fff;text-decoration:overline underline; background-color: #990000;}

a.inline:link {font-weight: bold; color: #0000CC; text-decoration: underline;
}
a.inline:visited {font-weight: bold; color: #0000CC; text-decoration: underline;
}
a.inline:hover {font-weight: bold; color: #fff; text-decoration: underline; background-color: #000066;
}
a.inline:active {font-weight: bold; color: #0000CC; text-decoration: underline;
}


a.tooltip1{
    position:absolute; /*this is the key*/
    z-index:390; background-color:#ccc;
	color:#000;
    text-decoration:none}

a.tooltip1:hover{z-index:400; background-color:#ff0}

a.tooltip1 span{display: none}

a.tooltip1:hover span{ /*the span will display just on :hover state*/
    display:block;
    position:absolute;
    top:200px; left:-100px; width:15em;
    border:1px solid #000;
	background-color:#3d619b; color:#fff;
	text-align: center;
	-webkit-box-shadow: 3px 3px 3px #818181;
	-moz-box-shadow: 3px 3px 3px #818181;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;}
	
a.tooltip2{
    position:absolute; /*this is the key*/
    z-index:390; background-color:#ccc;
    color:#000;
    text-decoration:none}

a.tooltip2:hover{z-index:400; background-color:#ff0}

a.tooltip2 span{display: none}

a.tooltip2:hover span{ /*the span will display just on :hover state*/
    display:block;
    position:absolute;
    top:260px; left:-144px; width:15em;
    border:1px solid #000;
	-webkit-box-shadow: 3px 3px 3px #818181;
	-moz-box-shadow: 3px 3px 3px #818181;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
    background-color:#7b3d4a; color:#fff;
    text-align: center;}
	
a.tooltip3{
    position:absolute; /*this is the key*/
    z-index:390; background-color:#ccc;
    color:#000;
    text-decoration:none}

a.tooltip3:hover{z-index:400; background-color:#ff0}

a.tooltip3 span{display: none}

a.tooltip3:hover span{ /*the span will display just on :hover state*/
    display:block;
    position:absolute;
    top: 158px; left:-170px; width:15em;
    border:1px solid #000;
	-webkit-box-shadow: 3px 3px 3px #818181;
	-moz-box-shadow: 3px 3px 3px #818181;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
    background-color:#fc9afd; color:#000;
    text-align: center;}

a.tooltip4{
    position:absolute; /*this is the key*/
    z-index:390; background-color:#ccc;
    color:#000;
    text-decoration:none}

a.tooltip4:hover{z-index:400; background-color:#ff0}

a.tooltip4 span{display: none}

a.tooltip4:hover span{ /*the span will display just on :hover state*/
    display:block;
    position:absolute;
    top: 282px; left:56px; width:15em;
    border:1px solid #000;
	-webkit-box-shadow: 3px 3px 3px #818181;
	-moz-box-shadow: 3px 3px 3px #818181;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
    background-color:#94d056; color:#000;
    text-align: center;}

/*End of tooltip section used on About Us page
*/

/*Start of image sprite section used for "easy button" on home page
*/

a.rollover_easybutton {
	display: block;
	width: 90px;
	height: 88px;
	text-decoration: none;
	background: url("http://www.cvillerocks.com/vhacNew/images/graphics/ezsprite1.png");
	background-repeat: no-repeat;
	}

a.rollover_easybutton:hover {
	background-position: -90px 0;
	}
	
.displace {
	position: absolute;
	left: -5000px;
	}