@media print {TABLE.noprint, DIV.noprint {display:none}}
html, body { height: 100%; margin-bottom: 1px; }
.fluid {width: 98% !important;max-width:1100px;}
/* This controls the width of the fixed width layouts */

body{background-color: #fff; color: #000; font-size: 1em; font-family: "trebuchet ms", helvetica, sans-serif;}
* {margin: 0;padding: 0;}


a:link, a:visited{color: #008FD9;text-decoration: underline;}
a:hover{text-decoration: none; color:#f00;}
img {border:0;}

#header{width:100%;height:140px; background: #F1F1E2 url('none');}
#header_inner{
	position: relative;
	width: 98%;
	height:122px;
	margin: 0 auto;
}
#headBorder {	background-color:#005300; border-top: 3px black solid; width: 100%; padding: 0; height: 25px;}
#subtitle {	display:none; background-color:transparent; font-size:x-large;}
.main {background: #fff url('../images/n2.gif') 0px 1px repeat-x;width:100%; }
/* background-color value is for content background.
   Image is 2000px wide, ~25% is colored, where sidebar should be 
   (exact pixel count of colored area is actually closer to 26%).
   Position corresponds to right sidebar, repeat img vertically.
   Could be easily modified for left sidebar - just flip the image,
   change bg position to 25% and change .content to float:right.
*/
.quotes {float: right; padding-top: 18px; margin-right: 80px; width : 312px;}

.content {
  width: 67%;         /* width of .main container */
  float: left;        /* left side of window */
  margin: 0;
  padding: 1.5em 0 0 .50em;
}
.photogallery {
  width: 99%;         /* width of .main container */
  margin: 0;
  padding: 1.5em 0 0 .5em;;
}

.sidebar {
  margin-left: 72%;  
  font-size:.95em;	padding: 1.5em .25em 0.5em .9em;
  border-left: dotted 1px #BFBFBF; text-align: left;min-height:420px;	
}
#logo{position: absolute;bottom: 0.6em;}
#logo h1{display: inline;color: #fff;font-size: 2.6em;}
#logo h2{display: inline;padding-left: 0.5em;color: #D9E2C7;font-size: 1.0em;}

#music {	width: 300px; margin: 0 auto; float:right; font-size:.70em;}
h1,h2,h3,h4,h5,h6{ font-weight:normal;letter-spacing: -1px; text-transform:  capitalize; margin: 0; padding: 0; }
* {margin: 0em;padding: 0em;}
h3,h4,h5,h6{color: #334D00;}
.clear{clear: both; z-index:0; }

.imgleft {margin-right: 5px; float: left;}
.imgright {margin-left: 5px; float: right;}
p{margin: 0; padding: 0;}
ul {	margin: 0 0 0 25px; padding: 0;}
li {	margin: 0; padding: 0; list-style-image: url('../images/virginia_images/solidarrowBullet.gif'); }
li li {	margin: 0; padding: 0; list-style-image: url('../images/virginia_images/smRoundBullet.gif'); }
ul.links{list-style: none; margin: 0; padding: 0;}

.sidebar h3{font-size: 2.1em;padding: 0; margin: 0;border-bottom: dotted 1px #BFBFBF;}
.sidebar h4{font-size: 1.2em;padding: 0; margin:0;border-bottom: dotted 1px #BFBFBF;}

.sidebar ul {
  margin-left: 1em;}

.footer {
width: 98% ;color: gray; text-align: center;
border-top: dotted 1px #BFBFBF; margin: 1.0em auto;
padding-top: 1.0em;clear: both; font-size:small;}

.popup { color: #000; background-color: #fff; }
.popup a, .popup a:visited, .popup p{position: relative;text-align: left; text-decoration: underline; z-index:0;}
.popup a span {display: none;visibility: hidden;   z-index:55;}
.popup a:hover {background-color: transparent; color: #f00; z-index:50;}
/* the IE correction rule */
.popup a:hover	{color: #f00; background-color: transparent;text-indent: 0;z-index:50; /* added the default value */}
.popup a:hover span{ display: block;position: absolute;top: 20px;left: 150px;width: 400px;margin: 0px;
padding: 10px;color: #000;font-weight: normal;background: #e5e5e5;text-align: left;border: 1px solid #666; text-decoration:none;visibility: visible; z-index:50;}

 /* end @media rules */

.left {		position: relative;	float: left;	left: 0px;	width: 47%;	
padding: 0 5px 0 0;	margin: 0;	text-align:left;}

.right { position: relative;	padding: 0px 5px;    margin: 0 5px 0 50%; text-align:left;}

/* External Links Styles */

a[href^="http:"]{
  background: url('../images/externalLink.gif') no-repeat right;
  padding-right: 9px;}

a[href^="https:"]{
  background: url('../images/externalLink.gif') no-repeat 100%;
  padding-right: 10px;}

a[href^="mailto:"] {
  background: url('../images/emailLink.gif') no-repeat right;
  padding-right: 12px;}

a[href$=".pdf"] {
  background: url('../images/pdf.gif') no-repeat 100%;
  padding: 0px 13px 0px 0px;}