/* Layout & Positioning
-------------------------------------------------------------------- */
#wrap { width: 770px; margin: 0 auto; }
#header { 
	background: #fff url(../images/header_logo.gif) no-repeat; 
	height: 120px; 
	margin:0; 
	} 
#righthome {    float: right;    width: 379px;   } 
#lefthome {    float: left;    width: 387px; } 
#rightinside { } 
td#leftinside { 
	min-height:600px;
	height:auto !important;
	height:600px;
} 
#sidebar { float: left; width: 150px; background: url(../images/gva_typemark.jpg) top left no-repeat; padding:70px 0 20px;  overflow: hidden; } 
#footer { clear: both; } 
#footer div { background: url(../images/footer_grey.gif) repeat-x bottom left; height: 31px;}
#footer #leftfoot { width: 387px; float: left; }
#footer #rightfoot { width: 379px; float: right; }
#leftfoot.inside { background-image: url(../images/footer_grey.gif); background-repeat: repeat-x; background-position: 0 0; height: 31px; }
#rightfoot.inside { background-image: url(../images/footer_grey-right.gif); background-repeat: repeat-x; background-position: 0 0; width: 226px; height: 31px; }
#copyright { clear:both; width:770px; height: 42px; padding-top:12px; } 
.rightcol { background-color: #f0f0f0; }


/* base styles
-------------------------------------------------------------------- */
html, body {margin:0; padding:0;}
body, p, li {
	font-size: 12px;
	font-family: Helvetica, Arial, Verdana, sans-serif; 
	color: #000;
}
/* a:link { color: #69f; text-decoration: none }
a:visited { color: #69f; text-decoration: none } */



/* Header & Top Navigation
-------------------------------------------------------------------- */
#header h1 { display:none; font-size: 1px; text-indent: -2000px; overflow:hidden; }

#header {
	width:770px;
}

#header ul {
	margin:0px;
}
/* #header>ul#quicklinks { 
	margin-left: 590px; 
	padding-top: 9px; 
} */
.hmlink {
	float:left;
	width:470px;
	_width:612px;
}
#header>#quicklinks { 
	float:right;
	text-align:right;
	width:282px;
	padding-right: 18px; 
	padding-top: 9px; 
}
#quicklinks ul {
	_margin-top:9px !important;
	_line-height: 18px;
}

#header ul li {display: inline; padding: 0 .5em;
    border-right: 1px solid #999; font-size: 12px; margin:0; }
#header ul li.final { border-right: 0px }

#header ul li a:hover{
    color: #fff; background: #666;
}
#topnav ul#mainnav {
	display: block;
    margin:0px 0 2px; padding:0; list-style-type: none;
    min-height: 27px;
	height: 27px;
    background: #e2e2e2 url(../images/nav_grey.gif) repeat-x top left;
    border: 1px solid #ccc; border-bottom: 0px;
    }
#topnav ul#mainnav li {position: relative; top: 7px; padding:0 2em;
        font-size: 10px; text-transform: uppercase;
        letter-spacing: 1px; font-weight: bold; }

#topnav ul li {display: inline; padding: 0 .5em;
    border-right: 1px solid #999; font-size: 12px; margin:0; }
#topnav ul li.final { border-right: 0px }
/* #header ul li a, #header ul li a:link, #header ul li a:visited{
    color: #666; text-decoration: none; 
}*/
#topnav ul li a:hover{
    color: #fff; background: #666;
}
/* Footer Copyright */


#copyright p { text-align:right; font-size: 90%; }


/* --------- DROPDOWN MENU CSS ------------ */

.navigation {
    margin: 0;
    padding: 0;
    font-size: 10px;
	min-height: 27px;
    height: 27px;
    background: #e2e2e2 url(../images/nav_grey.gif) repeat-x top left;
	border: 1px solid #ccc; border-bottom: 0px;  
	font-family: Helvetica, Arial;
}

#nav, #nav ul, #nav-home, #nav-home ul {
    list-style: none;
    font-size: 11px;
    background: transparent;
    border: 0;
    margin: 0;
    padding: 0;
    font-weight: bold;
    }
    
#nav a, #nav a:visited, #nav-home a, #nav-home a:visited {
    display: block;
    padding: 0px 12px;
    margin: 0;
    }
   
#nav a:hover, #nav a:visited:hover, #nav-home a:hover, #nav-home a:visited:hover {
    text-decoration: none;
    }

#nav a.daddy, #nav-home a.daddy {
	color: #69f;
    text-decoration: none;
    padding: 0 18px;
    }
	
#nav a:hover.daddy, #nav-home a:hover.daddy {
	color: #000;
    text-decoration: none;
	background-color:#ccc;
    }

#nav li, #nav-home li {
	width: auto;
	padding: 0;
	text-transform: uppercase;
	line-height: 27px;
	float: left;
	font-size: 11px;
	font-weight:bold;
	text-align:left !important;
	}
    
#nav li ul {
    position: absolute;
    left: -999em;
    height: auto;
    width: 190px;
    w\idth: 190px;
    padding: 0 0 0 10px;
    margin: 0 0 0 0;
    text-align: left;
    border: 1px solid #69f;
    background-color: #ccc;
    }
    
#nav li li {
    margin: 0 -10px 0 -10px;
    width: 190px;
    padding: 4px 0 4px 10px;
    line-height: 16px;
    background: none;
	border-bottom: 1px solid #69f;
	font-size: 10px;
	font-weight:normal;
	text-align:left !important;
    }
    
#nav li li:hover {
	background-color: #69f;
    }
    
#nav li ul a {
    width: 180px;
    w\idth: 180px;
    color: #000;
    }
    
#nav li li a:hover {
    color: #fff;
    }
    
#nav li ul ul {
    margin: -21px 0 0 190px;
    background: #ccc;
    }
    
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul, #nav li.sfhover ul ul ul ul {
    left: -999em;
    }
    
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul, #nav li li li li.sfhover ul {
    left: auto;
    }
    
#nav li:hover, #nav li.hover {
    position: static;
    }



/* Main Body Home Page
-------------------------------------------------------------------- */
#lefthome h2, #righthome h2 {
    background: #9c9 url(../images/greenbanner.gif) repeat-x bottom left;
    color: #FFF;
    font-style: italic;
    letter-spacing: 3px;
    font-size: 1.6em;
    padding: .5em 13px; 
    height: 34px;
    margin: 3px 0px;
}
#righthome h2 {
    background: #69f url(../images/bluebanner.gif) repeat-x bottom left;
}
#righthome p  { color: #000; margin: 0 0 8px }



/* Main Body Inside Pages
-------------------------------------------------------------------- */
#crumbs  { 
	color: #666; 
	font-style: italic; 
	font-size: 11px; 
	background-color: #9c9;
	background-image:url(../images/greenbanner.gif);
	background-repeat: repeat-x;
	background-position:left bottom; 
	letter-spacing: 1px; 
	margin: 2px 0px; 
	padding: 0.5em 15px; 
	min-height: 34px 
	}

/* #leftinside h1, #rightinside h2 {
    background: #9c9 url(../images/greenbanner.gif) repeat-x bottom left;
    color: #FFF;
    font-style: italic;
    letter-spacing: 3px;
    font-size: 14px;
    padding: .5em 15px; 
    min-height: 34px;
    margin: 2px 0px; */
}
#leftinside a:link { color: #69f; text-decoration:none }
/* #leftinside a:visited { color: #666; text-decoration:none } */

#navtitle  { color: #666; font-style: italic; font-size: 14px; background: #69f url(../images/bluebanner-right.gif) repeat-x left bottom; letter-spacing: 1px; margin: 2px 0px; padding: 0.5em 15px; min-height: 34px }
#rightinside { margin-bottom: 30px; }
#rightinside a:link { text-decoration: none }
#rightinside a:visited { text-decoration: none }


/* Deep Navigation on Inside Pages
-------------------------------------------------------------------- */

/*#nav  { line-height: 16px; margin-left: 12px }
 #nav a:link { color: #69f; text-decoration: none }
#nav a:visited { color: #69f; text-decoration: none }
#nav a:hover { color: #000; border-bottom: 1px dashed #000}
#nav a:visited:hover { color: #000;}
.slink { margin-left: 24px; margin-bottom: 4px; font-size: 11px; }
#plink a { color: #000; font-weight: bold; text-transform: uppercase; margin-bottom:-10px; border-bottom: 1px dashed #000; width: auto; display: block }
#onlink a { color: #000; font-weight: bold; text-transform: uppercase; } */

a  { color: #69f; text-decoration: none }
a:visited  { color: #69f; text-decoration: none }
a:hover { color: #000; text-decoration: underline }
a:visited:hover { color: #000; text-decoration: underline }


/* Editable CMS Content
-------------------------------------------------------------------- */

#leftinside #editablecontent {
	margin: 5px 15px 30px;
}
#righthome #editablecontent {
	margin: 10px 10px 30px 13px;	
}

#editablecontent h1 {
	color: #000;
	background: none;
	font-style:normal;
	font-size: 18px;
}
#editablecontent h2 {
	color: #000;
	background: none;
	font-style:normal;
	font-size: 14px;
}
#editablecontent h3 {
	color: #000;
	font-size: 12px;
}

#editablecontent p, li {
	text-align:justify;
	line-height:18px;
}


/* ------ MISC STYLES ------ */
.clear {
	clear:both;
	}
.clear div {
	height:0;
	margin::0;
	padding:0;
	}
.image-left-aligned {
	padding-right:12px;
	}

.image-right-aligned {
	padding-left:12px;
	}

table.data {
	border-collapse: collapse;
	border: 1px solid #333;
	font-size:12px;
	margin-top:12px;
	}
table.data th {
	border-collapse: collapse;
	border: 1px solid #333;
	background-color: #ccc;
	text-align: left;
	padding:4px;
	}
table.data td {
	border-collapse: collapse;
	border: 1px solid #333;
	padding:4px;
	}

/* --------- TEASER STYLES ------------ */

.tsr-pg {
	border-bottom:dashed thin #ccc;
	}

.tsr-pg-title {
	font-weight:bold;
	font-size: 11px;
	margin: 0;
	text-transform: uppercase;
	}
.tsr-pg-title a:link, .tsr-pg-title a:visited {
	color: #69f; 
	text-decoration: none; 
	}
.tsr-pg-title a:hover, .tsr-pg-title a:visited:hover {
	color: #000;
	text-decoration: underline; 
	}

.tsr-pg-abstract {
	color:#666;
	margin: 0 0 15px 0;
	font-size: 11px;
	line-height: 16px;
	}
	
div.teasers {
	padding:0 12px;
	}

/* --------- PHOTO AREA CSS ------------ */

.photo-area img { display: block }
#photo { background-color: #ccc; width: 150px; height: 150px; margin-left: 36px; margin-top: 20px; margin-bottom: 20px; }
#photo-caption { color: #000; font-size: 12px; font-style: italic; line-height: 14px; background-color: #ccc; padding: 7px 7px 8px 8px; margin: 0; }
#hoverpopup0 { position: absolute; width: 400px; border-bottom: 20px solid #fff; display: none; }
#hover-position0 { position: relative; top: -170px; left: -380px; display: none; }
#hoverpopup1 { position: absolute; width: 400px; display: none; border-bottom: 20px solid #fff; }
#hover-position1 { position: relative; top: -340px; left: -380px; display: none; }
#hoverpopup2 { position: absolute; width: 400px; border-bottom: 20px solid #fff; display: none; }
#hover-position2 { position: relative; top: -340px; left: -380px; display: none; }
#hoverpopup3 { position: absolute; width: 400px; border-bottom: 20px solid #fff; display: none; }
#hover-position3 { position: relative; top: -340px; left: -380px; display: none; }
#hoverpopup4 { position: absolute; width: 400px; border-bottom: 20px solid #fff; display: none; }
#hover-position4 { position: relative; top: -340px; left: -380px; display: none; }