/* Barkend2 stylesheet.css */


/* Layout Divs */

* {margin:0; padding:0;}

body { position:relative; font-family: Arial,sans-serif; font-size: 100%; line-height: 2.0; background-color:#CCCCCC; color:navy;}

/*IE doesn't seem to know how to put the background color in ALL the background...leaves the background for the banner div white which looks bad.  How to fix?  */


#container {width: 825px; margin-left:auto; margin-right:auto; position:relative; background-color:#FFFFFF; color:navy; border-color: #C9C9C9; border-width: 1px; border-style: solid; color: #000000; overflow: visible;} 

p {border: none; text-indent: 3em; }
a:link, a:visited, a:hover {color: #006699;	text-decoration: none;}

a:hover {text-decoration: underline;}
/* overrides decoration from previous rule for hovered links */

h1, h2, h3, h4, h5, h6 {font-family: Arial,sans-serif; color: #00305A;}

h1{ font-family: Verdana,Arial,sans-serif; font-size: 140%;}
h2{ font-size: 125%;}
h3{ font-size: 100%;}
h4{ font-size: 100%; font-weight: bold;}
h5{ font-size: 100%;}

ul{padding-left: 2em;}
ul li {list-style-type:disc; list-style-position:inside; padding-left:2em;}
ul ul{list-style-type: none; list-style-position: inside;}
ul ul ul{ list-style-type: none; list-style-position: inside;}

#centercolumn{margin-left:220px; margin-right:inherit; background-color:#FFFFFF; padding:1.5em;}	
#centercolumn p em {color:#0033CC; font:Verdana, Arial, Helvetica, sans-serif;}	
#centercolumn ul {padding-left: 2em;}	
#centercolumn h1, h2, h3, h4, h5 {text-align:left;}	
#centercolumn img {float:left; margin:1em; border: 3px solid  #2D73B9;}

#footer {background-color:#99CCCC; font-size:.75em; text-align:center;}

#navbar{font-size: 80%; font-weight:bold; color: #00305A; padding: 5px 0px 5px 10px; border-bottom: 2px solid #C0C0C0;}

#navleft{font-size: 85%; font-weight:bold; position:absolute; left: 0px; width: 220px; background-color:#FFFFFF; color:navy;}	
#navleft ul {list-style-type:none;}	
#navleft ul h1,h2,h3,h4,h5 {padding-left: 1em;}
#navleft ul li {list-style-type:none; list-style-position:outside; padding-left: 2em;}
#navleft li a:hover {color:#0099FF;}
#navleft ul ul {padding-left: 2em;}

/** #navleft link styles - from a Dreamweaver pre-set? **/

#navleft ul a:link, #navleft ul a:visited {display: block;}
#navleft ul {list-style: none; margin: 0; padding: 0;}

/* hack to fix IE/Win's broken rendering of block-level anchors in lists */
#navleft li {border-bottom: 1px solid #EEE;}

/* fix for browsers that don't need the hack */
html>body #navleft li {border-bottom: none;}

#rightcolumn {position: absolute; right:0px; top:188px; width: 80px; padding: 0; color:#EBF5FC; }
 
#topbanner{	 margin: 5; padding: 10px 0px; border-bottom: 2px solid #C0C0C0; width:825px;
	height:75px;  background-color:#99CCCC; padding-top:12px;}	
#topbanner img { vertical-align:middle;  float:left; margin: 0;  border: none;}
#topbanner h1, h2, h5, h6 { font-weight:bold;  margin-bottom: -15px; text-align:center;}
#topbanner h1 {font-size:2em; margin-top: 20px;}
#topbanner h2 {font-size:1.5em; text-align:center;}

/*code from ccah site for javascript changing pictures space?*/
.top_picture { float:left; clear:both; width:825px; height:72px; background-color: #004B85; }


/*miscellaneous styles*/
.about {background-color:#9EB3C7;}
.browsernote {background-color:#B6AABF;}
.clear {clear:both;}
.events {color:#3300FF;  text-indent: none; background-color:#FFFDDA;}
.footer {text-align:center;}
.home {background-color:#EBF5FC;}
.nobullet {list-style-type:none;}
.specialtext {font-weight:bold;}
.redfont {font-size:110%; color:#red;}
.smalltext {font-size: 70%;}