/* Hyssop CSS Document */
body{ margin:0; margin-top:3px; padding:0; line-height: 1.5em; background-color:#D6FF97;color: #660066; 
	font-family:Helvetica, Arial, sans-serif; font-size:14px; letter-spacing:1px}
b{font-size: 110%;}
em{color: red;}
p {text-align:justify;}
a {color: #660066;}
a:hover {text-decoration: none; color:#330000; background-color: #D6FF97}
a:visited {color:#660000}
.clear {clear:both;}
h1.pageTitle {color:#84A53D; width: 350px;font-style:italic; 
	font-family: "Times New Roman", "Tempus Sans ITC", times, serif; padding:3px 0 8px 0; margin-top:0; }
#maincontainer { width: 754px; /*Width of main container*/ margin: 0 auto; /*Center container on page*/ 
	border:8px solid #fff; background-color:#FFFFFF; font-size: 85%}
#topsection{ height: 26px; /*Height of top section*/  width:754px; margin:0 auto }
#topsection p {margin:0; padding:0; font-family:arial, "Tempus Sans ITC","comic Sans MS", arial; color:#924892; 
		font-size:1.125em; font-weight:bold; font-style:italic; width: 754px }
#topsection h1 {margin: 0; padding-top: 15px; }

#contentwrapper {float: left;width: 100%; }
#contentcolumn {margin: 0 200px 0 205px; /*Margins for content column. Should be "0 RightColumnWidth 0 LeftColumnWidth*/ padding:6px;}
#contentcolumn2 {margin: 0 200px 0 5px; /*Margins for content column. Should be "0 RightColumnWidth 0 LeftColumnWidth*/ padding:6px;}
#contentcolumn-full {margin:0 5px; padding:6px;}
.contentImage {border: double #D6FF97 2px; padding: 3px; width: 283px; text-align:center;  margin-right: auto; margin-left: auto}
#contentcolumn ul { margin-top:0; letter-spacing:1px}

#leftcolumn{float: left; width: 200px; /*Width of left column in pixel*/ margin-left: -754px; /*Set margin to that of -(MainContainerWidth)*/ 
	margin-top:5px; background: #fff; }
#lc {float:left; width:220px}
#lc h3 {padding-bottom:0; margin-bottom:0;_font-size: 110%; #font-size:115%;}
/* images */
.rcImage {border: double #D6FF97 0px; padding: 3px; width: 170px; text-align:center; float:left; margin-left: 8px}
.rcImage2 {border: double #D6FF97 2px; padding: 3px 0 0 3px; width: 170px; text-align:center; float:right; margin-left: 12px}
.img1 {border: double #D6FF97 2px; padding: 3px; margin-right: 12px}
.imgR {border: double #D6FF97 2px; padding: 3px; margin-left: 12px}

/* floats */
.fl {float:left;}
.rl {float:right;}


#rightcolumn {float: left;  margin-top:5px; width: 200px; /*Width of right column*/ margin-left: -200px; /*Set left margin to -(RightColumnWidth)*/}
#footer {clear: left; width: 754px; min-height:36px; background-color: #924892; color: #FFF; text-align: center; padding: 4px 0; 
	margin-top: 5px;font-size:.9em; }
#footer ul {margin: 0; padding: 0; width: 754px;}
#footer ul li { display: inline}
#footer ul li a{ padding: 0 8px; font-family: Arial, Helvetica, sans-serif; color: #D6FF97; text-decoration:none}
#footer ul li a:hover {text-decoration:underline; color:#fff;}
#footer p {text-align:center; letter-spacing:1px; line-height: 1.25em; margin-top:0px; margin-bottom: 0; padding: 0 12px}
#footer a:hover {background: none}

.innertube { margin: 0px; /*Margins for inner DIV inside each column (to provide padding)*/ margin-bottom: 4px;}
#innertube2 { margin: 10px; /*Margins for inner DIV inside each column (to provide padding)*/
	margin-top: 0; border:1px #D6FF97 solid; padding: 3px 8px; }
#innertube2 ul {margin-left: 12px; padding-left: 0px}
#innertube2 p {margin-top:0px; padding-top:0px; border:0px solid #ce8976; line-height:1.5em; text-align:justify}
#secHead {background-color:#D6FF97; height: 22px; width: auto; margin:0 10px; padding: 2px 5px; }
#secHead h1 {color:#924892; font-family:Arial, Helvetica, sans-serif; font-size:.95em; font-weight:bold; 
	letter-spacing:1px; padding:0;margin:0; font-style:italic; border:0px solid #fec897 }

/*  Navigation  */
/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */
	.indentmenu{ font: bold .9em Arial; width: 100%; /*leave this value as is in most cases*/ overflow: hidden; margin-top: 3px;}
	.indentmenu ul{ margin: 0; padding: 0; float: left; width: 754px; /*width of menu*/ border: 1px solid #564c66; /*dark purple border*/ border-width: 1px 0;
		background: #996699 url(images/navBg.jpg) center center repeat-x; }
	.indentmenu ul li{ display: inline; }
	.indentmenu ul li a{ float: left; color: white; /*text color*/ padding: 5px 11px; text-decoration: none;
		border-right: 1px solid #564c66; /*dark purple divider between menu items*/ }
	.indentmenu ul li a:visited{color: white; }
	.indentmenu ul li a:hover{ color: white;
		padding-top: 6px; /*shift text down 1px for selected and active item*/
		padding-bottom: 4px; /*shift text down 1px for selected and active item*/
		background: #996699 url(images/navBg2.jpg) center center repeat-x; }
	.indentmenu ul li a.current {color:#CCCCFF !important; /*text color of selected and active item*/ background-image:none; background-color:#934994}
/* -- end Nav --*/

#creds {width: 754px; clear: both; margin: 3px auto 8px auto; font-size:.7em; color:#999999; text-align:center}
#creds a {color:#999}
#creds a:hover {color:#666; text-decoration: none; background-color: none}