/***********************************************/
/* Cano 2col_leftNav.css                            */
/*         */
/***********************************************/

/***********************************************/
/* HTML tag styles                             */
/***********************************************/ 

body{
	color: #666633;
	margin: 0px 0px 0px 0px;	
	padding: 0px 0px 0px 12px;
	background-color: #cdcd9b;
	font-size: 13px;
	line-height: 1.2;	
	font-family: Verdana, Arial, Helvetica, sans-serif;
}


/* link is black  */
a:link { 
	color: #000000; 
	text-decoration: underline;
}

/* visited is BLUE  */
a:visited {	
	color: #333300; 
	text-decoration: underline;
}

/* hover is RED and UNDERLINED  */
a:hover {
	text-decoration: none;
	color: #660000;
}

h1, h2, h3, h4, h5, h6 {
	font-family: Arial,sans-serif;
	margin: 0px;
	padding: 0px;
	font-variant: small-caps;	
	font-weight: bold;
	background-color: #FFFFFF;	
}

/* 170 Large had -5 bottom margin 666633 */
h1{
	font-size: 170%;
	color: #990000;
	border-bottom-color: #999966;
	border-bottom-style: solid;
	border-bottom-width: 2px;
}

/* 250 */
h2{
	font-size: 250%;
	color: #990000;
	border-bottom-color: #999966;
	border-bottom-style: solid;
	border-bottom-width: 2px;
}

/* 450 */
h3{
	font-size: 450%;
	color: #990000;
	border-bottom-color: #999966;
	border-bottom-style: solid;
	border-bottom-width: 2px;
}

/* RED 990000 Right Column Captions SPECIAL TIGHT MARGINS */
h4{
	font-size: 170%;
	color: #666633;
}

/* 250 */
h5{
	font-size: 250%;
	color: #666633;
}

/* 450 */
h6{
	font-size: 450%;
	color: #666633;
}

/*  */
ul{
	list-style-type: disc;
	color: #000000;
	padding-left: 0px;
	margin-left: 11px;
	background-color: #FFFFFF;
}


li {
	margin: 0px 0px 0px 10px;
}
		
/*table#base {
	background-color:#999966;
	padding:0.1px;
}


/***********************************************/
/* Layout Divs                            */
/***********************************************/

/* sets width, holds 3 columns 210 + 360 + 210 + 10 left over */
#frame {
	width: 790px;
}

/* css technique to hold two to the left 210+360=570 (3 column) */
#enclose {
	float:left;
	width:570px;
}

/* css technique to hold two to the left 210+[360+210]=780 (2 column) */
#encloseTWO {
	float:left;
	width:780px;
}


/* Main Content 360 (3 column)
#columnMain {
	float: right;
	width: 360px;
	background-color:#FFFFFF
}

/* Main Content 360+210 = 570 (2 column)  */
#columnMainTWO {
	float: right;
	width: 543px;
	background-color:#FFFFFF;
	padding-left: 25px;
	border-left: 2px solid #999966;
}
/* One Column Content 757 (1 column) */
#columnMainONE {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style: normal;
	font-variant: small-caps;
	line-height: 1.2;	
	float: left;
	width: 730px;
	background-color:#FFFFFF;
	padding-left: 25px;
	padding-right: 25px;
}

#columnMainONE a:link{
	font-size: 14px;
	font-variant: small-caps;
	font-weight: bold;	
	color: #666633;
	text-decoration: none;	
	padding: 0px 0px 0px 0px;	
}
#columnMainONE a:hover{
	font-size: 14px;
	font-variant: small-caps;
	font-weight: bold;	
	color: #660000;
	text-decoration: underline;
	padding: 0px 0px 0px 0px;		
}
#columnMainONE a:visited{
	font-size: 14px;
	font-variant: small-caps;
	font-weight: bold;	
	color: #333300;
	text-decoration: none;	
	padding: 0px 0px 0px 0px;		
}

/* One Column Content No width (1 column) */
#columnMainZERO {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style: normal;	
}

div.columnMainZERO hr {display: block; clear: left; margin: -0.66em 0;
  visibility: hidden;}

#columnMainZERO a:link{
	font-size: 14px;
	font-variant: small-caps;
	font-weight: bold;	
	color: #666633;
	text-decoration: none;	
	padding: 0px 0px 0px 0px;	
}
#columnMainZERO a:hover{
	font-size: 14px;
	font-variant: small-caps;
	font-weight: bold;	
	color: #660000;
	text-decoration: underline;
	padding: 0px 0px 0px 0px;		
}
#columnMainZERO a:visited{
	font-size: 14px;
	font-variant: small-caps;
	font-weight: bold;	
	color: #333300;
	text-decoration: none;	
	padding: 0px 0px 0px 0px;		
}

/* Left Content L,R padding plus width = real width 170+22+18=210  */
#columnLeft {
	float: left;
	width: 170px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: bold;
	font-variant: small-caps;
	padding: 35px 22px 0px 18px;
	font-size: 14px;
	color: #000000;
	background-color: #FFFFFF;
	text-decoration: none;	
}

#columnLeft a:link{
	font-variant: small-caps;
	color: #666633;
	text-decoration: none;	
}
#columnLeft a:hover{
	font-variant: small-caps;
	color: #660000;
	text-decoration: underline;	
}
#columnLeft a:visited{
	font-variant: small-caps;
	color: #333300;
	text-decoration: none;	
}
/* nav-one nav-one nav-one nav-one nav-one nav-one nav-one nav-one nav-one nav-one  */
    ul#nav-one {
	list-style: none;
	background-color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style: normal;
	font-size: 24px;	
	font-weight: bold;
	font-variant: small-caps;
	padding: 9px 8px 10px 8px;
	width: auto;
 }


ul#nav-one a:link{
	color: #666633;
	text-decoration: none;
	font-style: normal;
	font-size: 24px;	
	font-weight: bold;
	font-variant: small-caps;	
}

ul#nav-one a:hover{
	color: #660000;
	text-decoration: none;
	font-style: normal;
	font-size: 24px;	
	font-weight: bold;
	font-variant: small-caps;	
}

ul#nav-one a:visited{
	color: #333300;
	text-decoration: none;	
	font-style: normal;
	font-size: 24px;	
	font-weight: bold;
	font-variant: small-caps;	
}

li#nav-one {
	padding: 18px 0px 0px 0px;
	font-size: 24px;
	font-variant: normal;
	font-style: normal;
	font-weight: bold;	
} 
li#nav-one a:link{
	color: #666633;
	text-decoration: none;
	font-style: normal;
	font-size: 24px;	
	font-weight: bold;
	font-variant: normal;	
}

li#nav-one a:hover{
	color: #660000;
	text-decoration: none;
	font-style: normal;
	font-size: 24px;	
	font-weight: bold;
	font-variant: normal;	
}

li#nav-one a:visited{
	color: #333300;
	text-decoration: none;	
	font-style: normal;
	font-size: 24px;	
	font-weight: bold;
	font-variant: normal;	
}
*/

/* nav-two nav-two nav-two nav-two nav-two nav-two nav-two nav-two nav-two nav-two */
ul#nav-two {
	list-style: none;
	background-color: #FFFFFF;	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: bold;
	font-variant: small-caps;
	padding: 9px 0px 10px 10px;	
	width: auto;	
	text-decoration: none;		
}

ul#nav-two a:link{
	font-weight: bold;
	font-variant: small-caps;
	color: #666633;
	text-decoration: none;	
}

ul#nav-two a:hover{
	font-weight: bold;
	font-variant: small-caps;
	color: #660000;	
	text-decoration: underline;	
}

ul#nav-two a:visited{
	font-weight: bold;
	font-variant: small-caps;
	color: #006699;
	text-decoration: none;	
}

li#nav-two { padding: 0px 0px 10px 0px;	} 

/* nav-three nav-three nav-three nav-three nav-three nav-three nav-three  */
/* 
ul#nav-three {
	list-style: none;
	background-color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style: normal;
	padding: 0px 0px 0px 0px;
	width: auto;
	text-decoration: none;
	line-height: 3;
}
li#nav-three {
	padding: 0px 0px 10px 0px;
	line-height: 1.6;
} 
 */

/* Right Content, floats to the right but held w/i 790 210+10=220 (3 column) 
#columnRight {
	float: right;
	width: 210px;
	background-color: #FFFFFF;
	padding: 0px 0px 0px 10px;
}
 */
 

/* Right Content, floats to the right but held w/i 790 210+10=220 (2 column) */
/* 
#columnRightTWO {
	float: right;
	width: 5px;
	background-color: #FFFFFF;
	padding: 0px 0px 0px 10px;
}
 */

/***********************************************/
/*Content Styles                               */
/***********************************************/

.text {
	color: #333333;
	margin: 0px 0px 0px 0px;	
	padding: 5px 0px 5px 0px;
	font-size: 13px;
	line-height: 1.2;	
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

.red {
	color: #FF0000;
	font-size: 8px;	
	line-height: 1.5;	
}

.redsup {
	color: #FF0000;
	font-size: x-small;
	line-height: 0;
	vertical-align: text-top;
	}

blockquote {
	 margin: 15px 0px 0px 10px;
	 padding: 0px 0px 0px 0px;
	 color: #555;
	}

/*
.whiteTable {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-variant:small-caps;
	font-size:12px;
	color:#FFFFFF;
	text-align:center;
}
*/

/***********************************************/
/* 		  	designed for quotess          		   */
/***********************************************/ 

blockquote p {
 font: italic 1em Georgia, Times, "Times New Roman", serif; 
 margin: 40px 0px 0px 0px;
 padding: 0px 0px 0px 0px;
}

blockquote .source {
	text-align: right;
	font-style: normal;
	margin: 5px 5px 0px 0px;
}

.cssbold {
	color: #000000;
	font-weight: bold;
}

.indent {
	padding-left: 22px;
}

.story{
	font-size: 11px;
	font-weight: normal;
	color: #333333;
	line-height: 17px;
	padding: 10px 0px 0px 0px;	
}

.story p{
	padding: 0px 0px 10px 0px;
}

.photos{
	margin: 0px 0px 0px 0px;	
	padding: 0px 0px 0px 0px;
}

/***********************************************/
/* 		  	Image Captions          		   */
/***********************************************/ 
div.figure-r33 {
  float: right;
  width: 33%;
  border: none;
  margin: 0.5em;
  padding: 0.5em;  
}
div.figure-r33 p {
  text-align: center;
  font-style: italic;
  font-size: 9px;
  text-indent: 0;
}

div.figure-l33 {
  float: left;
  width: 33%;
  border: none;
  margin: 0.5em;
  padding: 0.5em;  
}
div.figure-l33 p {
  text-align: center;
  font-style: italic;
  font-size: 9px;
  text-indent: 0;
}

div.figure-r50 {
  float: right;
  width: 50%;
  border: none;
  margin: 0.5em;
  padding: 0.5em;  
}
div.figure-r50 p {
  text-align: center;
  font-style: italic;
  font-size: 9px;
  text-indent: 0;
}

div.figure-l50 {
  float: left;
  width: 50%;
  border: none;
  margin: 0.5em;
  padding: 0.5em;  
}

div.figure-l50 p {
  text-align: center;
  font-style: italic;
  font-size: 9px;
  text-indent: 0;
}

img.scaled {
  width: 100%;
}


/***********************************************/
/* Page End Components                         */
/***********************************************/

#MenuBelow{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	clear: both;
	font-size: 12px;
	padding: 10px 10px 10px 10px;
	margin-top: 0px;
	font-style: normal;
	text-align: center;
	color: #666666;
	font-variant: small-caps;
}
/* negative top margin pulls siteinfo up so its top border overlaps (and thus lines up with)
	the bottom border of the above in cases where they "touch" old visit color: #996600; */

#MenuBelow a:link{
	color: #666666;	
	text-decoration: none;
	font-variant: small-caps;			
}

#MenuBelow a:visited{
	color: #006699;	
	text-decoration: none;
	font-variant: small-caps;		
}

#MenuBelow a:hover {
	color: #660000;	
	text-decoration: underline;
	font-variant: small-caps;	
}	

#MenuBelow img{
	padding: 4px 4px 4px 0px;
	vertical-align: middle;
}

#MenuBelow{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	clear: both;
	font-size: 12px;
	padding: 10px 10px 10px 10px;
	margin-top: 0px;
	font-style: normal;
	text-align: center;
	color: #666666;
	font-variant: small-caps;
}


#ZeroBelow a:link{
	color: #666666;	
	text-decoration: none;
	font-variant: small-caps;			
}

#ZeroBelow a:visited{
	color: #006699;	
	text-decoration: none;
	font-variant: small-caps;		
}

#ZeroBelow a:hover {
	color: #660000;	
	text-decoration: underline;
	font-variant: small-caps;	
}	

#ZeroBelow img{
	padding: 4px 4px 4px 0px;
	vertical-align: middle;
}

/* footer footer footer footer footer footer  */	

#footer{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-variant: normal;
	font-weight: normal;	
	font-style: normal;
	font-size: 8px;
	color: #666666;	
	clear: both;
	padding: 0px 0px 0px 0px;
	margin-top: -1px;
	text-align: center;
}
/* negative top margin pulls siteinfo up so its top border overlaps (and thus lines up with)
	the bottom border of above in cases where they "touch" */
	
#footer a:link, a:visited, a:hover{
	font-variant: normal;	
	font-weight: normal;	
}
	
#footer a:link{
	color: #666666;
	text-decoration: none;
}

#footer, a:visited{
	color: #333300;	
	text-decoration: none;
}

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

#zooter{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-variant: normal;
	font-weight: normal;	
	font-style: normal;
	font-size: 8px;
	color: #666666;	
	clear: both;
	padding: 0px 0px 0px 0px;
	margin-top: -1px;
	text-align: left;
}
	
#zooter a:link, a:visited, a:hover{
	font-variant: normal;	
	font-weight: normal;	
}
	
#zooter a:link{
	color: #666666;
	text-decoration: none;
}

#zooter, a:visited{
	color: #333300;	
	text-decoration: none;
}

#zooter a:hover{
	text-decoration: underline;
	color: #660000;
}
/************** temp and testing styles *****************/