/* CSS Document for VT display index pages */
 body {
  margin:0;
  padding:0;
  color:#000;
	background-color: rgb(34,70,79);
	font-family: Verdana,Trebuchet MS, Arial, Geneva, sans-serif;
      font-size: 1.0em;
    }
	#outerContainer
	{
	
	position: relative;	/* fix a render bug in IE under certain conditions */
	overflow: visible;
	width:950px;
	height: 100%;	/* fix the Win32 IE float bug */
	}  
  
#pageFrame
{	width:925px;
	margin: 10px 10px 10px 10px;
    background-color: rgb(205,219,205);
    padding: 0px 6px 0px 6px;
}

.header
	{
	height:auto;
	 text-align: right; background-color: rgb(34,70,79); color: #CCCC99;
	margin: 0px 20px 2px 20px;
	padding:4px 8px 10px 5px;
	}
	
	.logobox {
	position:absolute;
	top:40px;
	left:31px;
	width:400px;
	color:white
	}
	
	
.introbox
	{ border: 1px solid rgb(34,70,79);
	  background-color: rgb(171,195,172);
	  margin:10px 50px 10px 30px;
	 display:block; height:auto;
	 padding: 2px 8px 4px 8px;
	 }

.refbox {border: 1px solid rgb(34,70,79); background-color:rgb(171,195,172);
		padding: 2px 8px 4px 8px
		}
		
	p.refbox {font-size:82%}  h4.refbox {text-align:"center"; color: maroon; font-weight:700 }
		
	
	#left-col {
	width:550px;
	margin-left:12px;
	background-color:transparent;
	padding: 6px 0px 12px 0px;
	border: 1px solid rgb(34,70,79);
	text-align: left;
	height:auto;
	float:left
  }
  
  #innerLeftColumn
{
    border-right-width: 1px;
	padding-left:1em;
}

	#MenuComment {
		width:200px;
		height:auto    ; display:block;
		border: 1px solid rgb(34,70,79);
		color:#003300;
		background-color: rgb(171,195,172); 
		font-size:.75em;
		padding: 2px;
		margin: 2px 6px 20px 0px;
		float:right; clear:right
		}
 
  #right-col {
        width:300px;
		border-left-color:#999999;
		border-left-width:thin;
		margin-right:12px;
        background-color:transparent;
        text-align:center;
     	float:right; clear:right;
        height:auto
        }
	


p.item_notation {text-align:left;
              text-indent: 1.0in;
              color: orange;
              font-family: Verdana,Trebuchet MS, Arial, Geneva, sans-serif;
              font-size: 1.0em;
              font-weight:normal;
        }

  #sectnum {
            border: 1px solid rgb(34,70,79); 
			border-left: 0px;  border-right:0px;     
            padding: 0px .75em 1px 0.5em;
            background-color: rgb(171,195,172);                  
            font-size: 1.2em;           
           }    
             
 #sectnum_ref {
            border: 1px solid rgb(34,70,79);
			padding: 0px 2px 1px 2px;      
            background-color: rgb(171,195,172);  
           }   

span.submen {text-align:left;
              text-indent: 0.8in;
              color: black;
              font-family: Verdana,Trebuchet MS, Arial, Geneva, sans-serif;
              font-size: 0.95em; line-height: 100%; font-weight:normal;
             }
             

#sectnum a:link {color:black; text-decoration:none;}
#sectnum a:visited {color:#666666; text-decoration:none;}
#sectnum a:hover {color:white; background-color: rgb(34,70,79)}

.submen a:link { color:#006699; text-decoration: none }
.submen a:visited {color:#666666; text-decoration: none }
.submen a:hover { background-color: rgb(34,70,79); color:white; text-decoration: none }



a:hover {color: black; background-color:#99FF00}
a:visited { color:#993300} 


	#clearone {clear:both; height:1px}
  
  #botmat{
	  	width="860px;   height:auto;
		margin: 20px 0px 0px 4px;
  		padding: 0.5em;
 		 color:black;
 	    border: 1px solid rgb(34,70,79);
		background-color:rgb(171,195,172) 
  }
  
  
   #footer {
  background-image:url(VT-images/nshoremountains.jpg); background-repeat:no-repeat;
  width:860px; height:150px;
  text-align:center;
  margin: 20px 0px 0px 20px;
  padding: 0.5em;
  color:black;
  border: 1px solid rgb(34,70,79); 
  }
  
   
	#left-col, #leftbot {
	width:550px;
	margin-left:12px;
	background-color:transparent;
	padding: 6px 0px 12px 0px;
	border: 1px solid rgb(34,70,79);
	text-align: left;
	height:auto;
	float:left
  }
  
  #leftbot {
	  width: 570px; line-height:110%;
	  margin-left: 20px;
	  display:block; height:auto;
	  font-size:12px;
	  padding: 2px 4px 2px 8px;
}

.lbothd1 {font-size:16px; font-weight:bold; text-align:center; margin-bottom:12px}
.lbothd2 { font-weight:bold; text-align:left; color:maroon; margin-bottom:2px}	
.lbothd2 > p {padding-left:6px}

		
	p.refbox {font-size:82%}  h4.refbox {text-align:"center"; color: maroon; font-weight:700 }
	
	.rbotcol { background-image:url("VT-images/SFU-northMed.jpg"); background-repeat:no-repeat; background-position: bottom left}
	.rbotNotice {width:250px; margin-left:14px; height:auto; font-size:90%; background-color:#CCCC99; padding:6pt; border: 1px solid brown}

.clearone {clear:both; height:1px}
	.clearFloats {float:none; clear:both; margin-left:0px;padding-top:2px}


  /*font definitions */

ul li, ol li { margin: .5em 0 .5em 0; font-size:90% } /* increase spacing between list items */

h1  { font-weight: bolder; font-size: 1.8em; color:white}
h2  { font-weight: bolder; line-height: 120%; font-size: 1.4em}
h3  {font-weight: bolder; line-height: 120%; font-size: 1.2em; position: relative;}
h4  { font-weight:normal; line-height: 120%; font-size: 1.2em;  position: relative;}
h5  { font-weight:normal; font-size: 1em;}

.c1, .c2, .c3 {color:#999999; text-align:right; margin-right:15px}
.c1 {color:white; letter-spacing: 0.4em;  font-size:1.8em; padding-top:0px; line-height:.95 }
.c2 {font-size: 14px; font-weight: lighter; font-style: italic}
.c3 {font-size: 12px; font-weight: lighter; font-style: italic}
 
.comic, .comic-large, .comic-red {font-family: Comic Sans MS, sans-serif}
.comic {font-size: 0.85em}
.comic-large {font-size: 1.0em}
.comic-red{color:red}
.smallgreen{font-size:.85em; color:#006600}
 
.med, .medsmall, .xsmall, .xxsmall { font-family: Verdana,Trebuchet MS, Arial, Geneva, sans-serif}
    
.med {font-size: 1.0em}
.medsmall {font-size: 0.95em}
.small {font-size: 0.90em}
.xsmall  {font-size: 0.80em}
.xxsmall  {font-size: 0.70em}
.red {color:red}

.RightSide {margin-left:12px}
.CaptionLeft {font-size:small; margin-right:6em}
.LeftSide {margin-right:12px}

