@charset "utf-8";
/* CSS Document */
BODY { 	background: url(images/background.jpg) repeat-x #070707; PADDING: 0px; margin:0px;  FONT: 0.9em/1.6 Arial,Verdana,Helvetica,sans-serif ; text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
}
#wrap {
	WIDTH: 909px; MARGIN:0px; PADDING: 0px; POSITION: relative
}
#leftShadow {
	FLOAT:left; WIDTH:7px MARGIN:0px; PADDING: 0px; background: url(images/leftShadow.jpg) repeat; 
}
#rightShadow {
	FLOAT:right; WIDTH:7px MARGIN:0px; PADDING: 0px; background: url(images/rightShadow.jpg) repeat; 
}
#midArea {
	WIDTH: 895px; MARGIN:0px; PADDING: 0px; POSITION:relative; text-align: left ; background: #333; color:#ccc; FONT: 0.90em/1.8 Arial,Verdana,Helvetica,sans-serif ; /*This overrides the Body */;
}
#topBar {
	MARGIN: 0px; OVERFLOW: hidden; WIDTH: 895px; HEIGHT: 82px; background:url(images/header.jpg);
}
#topLinks {
	PADDING:0em 1em 0em 1em; MARGIN: 38px 10px 5px; LIST-STYLE-TYPE: none; TEXT-ALIGN: right;  
}
#nav {POSITION:relative; WIDTH: 895px; HEIGHT:53px; PADDING: 0px; MARGIN:0px; 
}
ul#nav {list-style:none; margin:0; padding: 0; }
ul#nav li {float:left; margin:0; padding: 0;list-style:none;  }

ul#nav li a.about {display:block; width:160px; height:53px; background:url(images/aboutButton.jpg) no-repeat 0; text-indent: -9999px;}
ul#nav li a.about:hover {background:url(images/aboutButtonRoll.jpg) no-repeat 0; background-position: 0 0;}

ul#nav li a.events {display:block; width:190px; height:53px; background:url(images/eventsButton.jpg) no-repeat 0;  text-indent: -9999px;}
ul#nav li a.events:hover {background:url(images/eventsButtonRoll.jpg) no-repeat 0; background-position: 0 0;}

ul#nav li a.colarts {display:block; width:221px; height:53px; background:url(images/colArtsButton.jpg) no-repeat 0; text-indent: -9999px;}
ul#nav li a.colarts:hover {background:url(images/colArtsButtonRoll.jpg) no-repeat 0; background-position: 0 0;}

ul#nav li a.membership {display:block; width:165px; height:53px; background:url(images/membershipButton.jpg) no-repeat 0; text-indent: -9999px;}
ul#nav li a.membership:hover {background:url(images/membershipButtonRoll.jpg) no-repeat 0; background-position: 0 0;}

ul#nav li a.donate {display:block; width:159px; height:53px; background:url(images/donateButton.jpg) no-repeat 0;  text-indent: -9999px;}
ul#nav li a.donate:hover {background:url(images/donateButtonRoll.jpg) no-repeat 0; background-position: 0 0;}



#sideMenu {  width: 175px; height:60px; margin:0px 5px 5px 0px;  TEXT-ALIGN: left;}
#sideMenu ul {padding:5px 2px 5px 10px; list-style:none;}
#sideMenu li { clear:both; list-style:none;     }
#sideMenu li a {  BORDER: #ccc 1px dotted; DISPLAY: block; PADDING: 3px 5px 3px 10px; MARGIN:5px; FONT: 0.9em Arial,Verdana,sans-serif; COLOR: #ccc;  TEXT-ALIGN: left; vertical-align:middle; }
#sideMenu li a:hover {COLOR:#9E69BE; BORDER: #9E69BE 1px dotted;  }

#homePhoto {
	MARGIN: 0px; PADDING: 0px; OVERFLOW: hidden; WIDTH: 895px; HEIGHT:280px;  background: url(images/photo02.jpg);
}
#mainPhoto {
	MARGIN: 0px; PADDING: 0px; OVERFLOW: hidden; WIDTH: 895px; HEIGHT:120px;  background: url(images/MainTop.php);
}
#underPhoto {
	MARGIN: 0px; PADDING: 0px; OVERFLOW: hidden; WIDTH: 895px; HEIGHT:5px;  background:#000000;
}
#sidePhoto {
	CLEAR:both; width: 175px; margin:0px 5px 5px 0px; BORDER: #000 1px solid;
}

#main {
	POSITION:relative; WIDTH: 895px; BACKGROUND:#333; PADDING:0px; MARGIN: 0px;
}
#mainLeft {
	FLOAT: left; WIDTH: 610px; BACKGROUND:#333;MARGIN: 0px; padding:20px 10px 10px 20px;  TEXT-ALIGN: justify;   
}
#mainRight {
	FLOAT: right; WIDTH: 210px; MARGIN: 25px 5px 10px 15px; padding:5px; BACKGROUND: #333;  
}
#userAccountMenu {
	WIDTH: 845px; BACKGROUND:#333;padding:20px;  TEXT-ALIGN: justify;
}
#mainNoSidebar {
	WIDTH: 845px; BACKGROUND:#333;padding:20px;  TEXT-ALIGN: justify;
}
#footer{
	CLEAR: both; width: 875px; height:60px; margin:10px 5px 0px 0px; PADDING:10px; Border-top: 1px #000000 solid; COLOR:#fff; font-size:10px;
}
#footerLinks LI {
	PADDING: 0px; DISPLAY: inline; FONT-SIZE: 1.0em; MARGIN: 0px; 
}
#credits{
	CLEAR: both; width: 979px; height:50px; margin:5px 0px 0px 0px; PADDING:10px; COLOR: #fff;text-align:right; 
}
#header A {
	BACKGROUND: none transparent scroll repeat 0% 0%; COLOR: #fff; BORDER-TOP-STYLE: none; BORDER-RIGHT-STYLE: none; BORDER-LEFT-STYLE: none; BORDER-BOTTOM-STYLE: none
}
#header A:hover {
	BACKGROUND: none transparent scroll repeat 0% 0%; COLOR: #fff; BORDER-TOP-STYLE: none; BORDER-RIGHT-STYLE: none; BORDER-LEFT-STYLE: none; BORDER-BOTTOM-STYLE: none
}
#textBox {padding:20px; color: #555555; background-color: #f1f1f1; BORDER: #D5E7F0 1px solid; MARGIN:20px; TEXT-ALIGN: left;
}
#textBox2 {padding:5px; color: #555555; background-color: #f1f1f1; BORDER: #D5E7F0 1px solid; MARGIN:0px 10px 0px 10px;
}
#textBoxWithHeader {padding:15px; color: #555555; background-color: #fff; BORDER: #e2e2e2 2px solid; MARGIN:10px 5px 10px 5px; 
}
#newsBox {FLOAT: right; WIDTH: 260px; padding:20px; color: #555555; background-color: #f1f1f1; BORDER: #D5E7F0 1px solid; MARGIN:0px 10px 0px 20px; TEXT-ALIGN: left;FONT-SIZE: 0.9em; 
}
UL {
	PADDING-RIGHT: 0px; PADDING-LEFT: 2em; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; LIST-STYLE-TYPE: square
}
.text { font-style: normal; line-height: 1.5em; color: #fff;}
.smalltext {FONT-SIZE: 0.9em;  }
.largetext {FONT-SIZE: 115%;  FONT-WEIGHT: bold; color: #172B43; }

.notice { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 0.8em; color: #ff0000;}

a:link {	COLOR: #ccc; TEXT-DECORATION: none; font-size: 1.0em; }
a:active{ color: #8447A4; text-decoration: none; font-size: 1.0em;   }
a:visited {	COLOR: #ccc; TEXT-DECORATION: none; font-size: 1.0em;  }
a:hover { COLOR: #8447A4; TEXT-DECORATION: none;  font-size: 1.0em;}

a.subMenu:link { color: #fff; font-family: verdana,arial; font-size: 0.9em; text-decoration: none; }
a.subMenu:active{ color: #999; font-family: verdana,arial;font-size: 0.9em; text-decoration: none;   }
a.subMenu:visited { color: #fff; font-family: verdana,arial;font-size: 0.9em;text-decoration: none; }
a.subMenu:hover{ color: #999; font-family: verdana,arial;font-size: 0.9em; text-decoration: none;  }

a.sidemenu:link { color: #295a8c; text-decoration: none; font-size: 11px; font-family:Verdana,Arial,Helvetica,sans-serif; font-weight: bold; }
a.sidemenu:active{ color: #378BC4; text-decoration: none; font-size: 11px; font-family:Verdana,Arial,Helvetica,sans-serif; font-weight: bold; }
a.sidemenu:visited { color: #295a8c; text-decoration: none; font-size: 11px; font-family:Verdana,Arial,Helvetica,sans-serif;  font-weight: bold;}
a.sidemenu:hover{ color: #378BC4; text-decoration: none; font-size: 11px; font-family:Verdana,Arial,Helvetica,sans-serif;  font-weight: bold;}

a.bottom:link { color: #fff; text-decoration: none; font-size: 0.9em;  }
a.bottom:active{ color: #fff; text-decoration: none; font-size: 0.9em; }
a.bottom:visited { color: #fff; text-decoration: none; font-size: 0.9em; }
a.bottom:hover{ color: #378BC4; text-decoration: none; font-size: 0.9em; }

a.topLinks:link { color: #fff; font-size: 0.9em;  }
a.topLinks:active{ color: #999; font-size: 0.9em; }
a.topLinks:visited { color: #fff; font-size: 0.9em; }
a.topLinks:hover{ color: #999; font-size: 0.9em;   }

a.purple:link { color: #9E69BE;   }
a.purple:active{ color: #ccc;  }
a.purple:visited { color: #9E69BE; }
a.purple:hover{ color: #ccc;  }

a.calendarLink:link { color: #9E69BE; font-weight:bold;  }
a.calendarLink:active{ color: #ccc; font-weight:bold; }
a.calendarLink:visited { color: #9E69BE;font-weight:bold; }
a.calendarLink:hover{ color: #ccc;  font-weight:bold;}


H1 {FONT-WEIGHT: bold; COLOR: #ccc; margin: 0px; font-size: 2.0em;  font-family:Arial, Verdana, sans serif;; padding:0px 0px 5px 0px;}
H2 {FONT-WEIGHT: bold; COLOR: #9E69BE; margin: 0em; font-size:1.5em; font-family:Arial, Verdana, sans serif; }
H3 {FONT-WEIGHT: bold; COLOR: #9E69BE; margin: 0px; font-size: 1.25em; font-family:Arial, Verdana, sans serif; }
H4 {FONT-WEIGHT: bold; COLOR: #ccc; margin: 0px; font-size: 1.0em; font-family:Arial, Verdana, sans serif; }

H1.subNav {FONT-WEIGHT: bold; COLOR: #fff; margin: 0px; font-size: 1.9em;  font-family:Arial, Verdana, sans serif; }
H2 A:link  {color: #9E69BE;}
H2 A:active {color: #8447A4;}
H2 A:visited {color: #9E69BE;}
H2 A:hover {color: #8447A4;}

.header A:link {color: #378BC4;}
.header A:active {color: #9C0023;}
.header A:visited {color: #378BC4;}
.header A:hover {color: #9C0023;}

.header { FONT-WEIGHT: bold; FONT-SIZE: 1.1em;  }
.footerText { FONT-WEIGHT: normal; FONT-SIZE: 0.95em; line-height: normal;  }
TABLE.homeside {PADDING:0px; MARGIN:0px;background:url(images/MemberLogInBackgrd.gif) no-repeat; background-color:#3E3E3E; } 
TABLE.TableOutline {padding: 8px 8px 8px 12px; margin:0px;  BORDER: #9E69BE 1px dotted;TEXT-ALIGN: left; }
TABLE.TableOutlineSolid {padding: 10px; margin:2px;  BORDER: #9E69BE 1px solid; background:#f1f1f1; }
TABLE.DisplayTable {BORDER: #378BC4 1px dotted; margin:5px; padding: 8px;  }
TABLE.calendar { }
TD.cellOutlineBottom {BORDER-BOTTOM:#378BC4 1px dotted;  }
TD.cellOutlineTop {BORDER-TOP:#378BC4 1px dotted;  }
TD.cellOutline {BORDER:#e2e2e2 1px solid; BACKGROUND: #f1f1f1; padding:15px;  }
TD.cellOutlinePortfolio {BORDER:#e2e2e2 1px solid; padding:15px;}
TD.cellOutlineHome {BORDER:#e2e2e2 1px solid; padding:5px;}
TD.nonmonthdays {BACKGROUND:#000; }

TD.menu {background: #F1E7CD; text-align: center }
TD.menurollover {background: #F1E7CD; text-align: center }
TD.header {padding: 5px;  background: #378BC4; color: #fff; text-transform: uppercase; FONT-WEIGHT: bold; }
TD.header1 {padding: 5px;  background: #378BC4; color: #fff; text-transform: uppercase; FONT-WEIGHT: bold; }
TD.header2 {padding: 5px;  background: #d15d08; color: #fff; text-transform: uppercase; FONT-WEIGHT: bold; }
TD.header3 {padding: 5px;  background: #cf3e12; color: #fff; text-transform: uppercase; FONT-WEIGHT: bold; }
TD.headersmall {background: #78162B; font-weight: bold; color: #EADAB5 }
TD.cell {background: #f1f1f1;}
TD.cellRight {background: #f1f1f1; text-align: right; }
TD.cellLeft {background: #f1f1f1; text-align: left; }
TD.spacer {BORDER-BOTTOM: #ffffff 1px dotted;}
TD.spacer2 {background: #ffffff;}
TD.color1 {background: #F1E7CD;}
TD.color2 {background: #EFE3C9;}
TD.form { text-align: right;   }
TD.formleft { text-align: left;   }
.errorFormInput { color: #9E69BE;FONT-SIZE: 11px; line-height:12px; }
.errorFormInputSmall { color:#fff; font-size: 0.9em}
.smalltextInput { FONT-SIZE: 10px;  }
.FormInputInstructions{ font-weight:normal; color: #333333}

input.textbox { font-size: 11px; background-color: #fff;  color: #000; border: 1px solid #9e69be; margin-left: 1px;margin-right: 0px; width:250px; }
textarea {font-size: 12px; border: 1px solid #9e69be;background-color: #fff;  width:400px; }
option {font-size: 11px; border: 1px solid #9e69be;background-color: #fff;  } 
select {font-size: 11px; border: 1px solid #9e69be; padding: 2px;background-color: #fff;  }
.checkbox { font-size: 10px; border: 1px solid #9e69be;background-color: #fff;   }  
.button { color:#333; font-size:12px; font-weight:bold; background-color:#ccc; border:1px solid; border-color:#9e69be; padding:3px;} 

.white {color:#ffffff;}
.red {color:#9C0023;}
.smallbreak {font-size: 0.2em; 	font-family: Verdana;}
.textBox {padding:20px; color: #555555; background-color: #f1f1f1;BORDER: #D5E7F0 1px solid; MARGIN:20px;
}
.textBoxWhite {padding:5px; color: #D5E7F0; background-color: #fff; BORDER: #D5E7F0 1px solid; font-size:90%;
}
.textBoxHome {padding:5px; color: #D5E7F0; background-color: #fff; BORDER: #D5E7F0 1px solid; font-size:50%;
}
hr { color: #ccc; border: 1px dotted #ccc; border-style: none none dotted;  }

.photo { MARGIN: 10px; border: 1px solid #000;  padding:5px;  }
.imgLeft { float: left; MARGIN: 10px; border: 1px solid #000;  padding:5px; background:#fff; }
.imgRight { float: right; MARGIN: 10px; border: 1px solid #000; padding:5px;background:#fff;  }