/* CSS Document 
My Choice, 2007. Design by Robyn M. Smith, Dubbah Design. www.dubbahdesign.com*/

html, body {
	margin: 0 auto;
	padding: 0;
	height: 101%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 90%;
	text-align: center; /*IE Fix*/
	background: url(images/body_bg2.jpg) repeat ;
}

p {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 1em;
  line-height: 1.35em;
  color: #333333 ;
  }

h1 {
  font-family: Georgia, "Times New Roman", Times, serif ;
  font-size: 1.5em;
  color: #660000;
  font-weight: bold;
  line-height: 1.5em ;
  margin: .5em 0 -.5em 0;
  }

h2 {
  font-family: "Times New Roman", Times, serif;
  font-size: 1.25em ;
  color: #660000;
  font-weight: bold;
  line-height: normal ;
  margin: .5em 0 -.5em 0;
  }

h3 {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 1em;
  line-height: 1.35em;
  color: #660000;
  font-weight: bold;
 }
h5 { font-family: Arial, Helvetica, sans-serif; font-size: .9em; font-weight: normal; margin: 0; padding: 0; 
}

h6 { color: #cc9966; margin: 1px 0px 2px 0px;}

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

ul {
 line-height: 1.2em;
 }
li {}
blockquote {}
cite {}

table { border: 1px solid #CC9966; margin: 0 6px 0 6px;}
table a { font-size: .85em; }

.indexheader {  color: #996600; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: .85em; font-weight: bold; margin: 0; padding-bottom: 4px;}

.img  { border: none; padding: 2px;}
.img2 { border: 1px solid #cc9966; padding: 2px; margin: 2px 4px 0px 4px;}

.navigation {
  width: 725px;
  height: 33px;
  background: url(images/nav_bg.gif) repeat-x;
  margin:0 0 0 5px;
  padding: 0;
  float:left;
  clear: both;
  text-align: left;
  
}
.navigation ul {
  line-height: 24px;
  list-style:none;
  display:inline;
  text-align: left;
 }

.navigation ul li {
   display:inline;
    } 

.navigation ul a {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px ;
  font-weight: bold;
  color: #CC9966;
  line-height: 24px;
  padding: 0 4px 0 4px;
  list-style:none;
  text-decoration:none;
}

.navigation ul a:hover{
color: #FFFFFF;
  font-weight: bold;
  text-decoration:none ;
}

.navigation ul a.on {
color: #FFFFFF;
  }
  
/*structure*/
#wrapper {
  width: 735px;
  margin: 0 auto;
  padding: 0;
  background: url(images/wrapper_bg.jpg) repeat-y;
  text-align: center;
 }

.header {
  width: 734px;
  height: 211px;
 background: url(images/banner.jpg) no-repeat;
  margin: 0px;
  padding:0px;
  float:left;
  }

/* This is the main content area, nested divs so the background can grow with the text and the text does not go beyond the background. */
#contentwrapper {
  width:734px;
  margin: 0;;
  padding: 0px;
  background: url(images/flowerpanel2.jpg) top left repeat-y;
  float:left;
 
}

/* divs that format the background for the content div */
#maincontent {
  width: 566px; 
  margin: 0 15px 0 0;
  padding: 0px;
  float: right;
  }

#content img { padding: 2px; margin: 5px;

}
.pagelink { float:right; width: 50px; text-align: right; border: none; padding: 2px;}
.pagelink a{ font-size: .85em; border: 1px solid #cc9966; text-decoration: none; padding: 1px;}
.pagelink a:hover { background-color: #EAE0C1;  }
.pagelink a.on { font-weight: bold; background-color: #EAE0C1; }

.main_top {
  width: 566px;
  height: 15px;
  margin: 0px;
  padding: 0px;
  background: url(images/main_top.gif) bottom no-repeat;
  float: left;
  text-align: left;
  
  }

.main_ctr {
  width: 566px;
  margin: 0px;
  background: url(images/main_bg.gif) top repeat-y;
  float: left;
  text-align: left;
}

.main_btm {
  width: 566px ;
  height: 17px;
  margin:0 ;
  padding:0 ;
  background: url(images/main_btm.gif) top no-repeat;
  float: left;
}

/* text container */
.content {
  width: 520px;
  text-align: left;
  padding: 0 15px 0 25px;
  margin: 0;
 }

#footer {
  width: 734px;
  height: 69px;
  margin: 0px;
  padding:0;
  background: url(images/footer_bg.jpg) bottom no-repeat ;
  }

#footer p {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10px ;
  line-height: 1.1em;
  color:#666;
  border-top: 1px solid #994f21;
  padding: 5px;
  margin: 10px 30px 1px 30px; 
}

.leftcolumn {
	width: 125px;
	float: left;
	padding: 15px 5px 5px 15px;

}

.leftcolumn p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
	font-weight: normal;
	font-style: italic;
	line-height: 1.25;
	text-align: right;
}

.leftcolumn h3 { color: #660000; margin: 5px 0 10px 0;

}	

.leftcolsub {
	width: 120px ;
	padding: 2px;
	float:left;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif ;
    line-height: 1.65em;
    font-size: 1em ;
    color: #660000;
	font-weight: bold;
	font-style: normal;
	margin-bottom: 10px;
}
.leftcolsub p { text-align: left; font-style: normal;}
.leftcolsub a {
  font-family: Arial, Helvetica, sans-serif ;
  font-size: 1em;
  color: #660000;
  line-height:1.25em;
  padding: 0;
  font-weight: bold;
  text-decoration: none;
  text-align: left;
  
}

.leftcolsub a:hover { color: #cc9966; }

.leftcolsub a.on { text-decoration: underline; }


#footer a {
  color:#666;
  text-decoration: underline;
}
#footer a:hover {
  color: #000 ;
  text-decoration: underline;
}
.clear {
clear:both;
}

@media print {

body {
  background-color: #fff;
  background-image: none;
  color: #000;
  }
  
  #wrapper { background-color: #fff; background-image: none;}
  #contentwrapper { background-color: #fff; background-image: none;}
  #maincontent { background-color: #fff; background-image: none;}
  .main_ctr { background-image: none; background-color: #fff;}
  .main_top { background-image: none; background-color: #fff;}
  .main_btm { background-image: none; background-color: #fff;}
 .header { display: none; }
 .navigation { display: none; }
 .leftcolumn {display: none;}
 .img { border: none; margin: 0px 5px;}
 .img2 { border: none; margin: 0px 5px;}
 .pagelink { display: none;}
 #footer { display: none;}

}