body {
	margin:0;
	background:#A5D2DD;
	font-family:arial,verdana, helvetica, sans-serif;
}
A	{  color:#555; text-decoration: none}
A:hover	{   color:#aaa;/*red;*/ text-decoration: none}

h1 {
	font-size:1.5em;
	font-weight:bold;
	color:#505091;
	}

div.login {
	border:inset #eee;
	background: #eeffff;
	width:80%;
}
div.login span {
	font-size:x-small;
	color: green;
	font-style:italic;
	padding:2px;
	display:block;
	
	}

div#header {
	position:relative;
}
div#tagline {
	position:absolute;
	top:185px;
	left:340px;
	height:1em;
	font-size:medium;
	/*font-style:italic;*/
	color:#FFF;
	}
	
/*********************************************************/
/* CLEAR FIX - used on the content div to make sure it expands to contain all of it's floated content!*/
/*http://www.positioniseverything.net/easyclearing.html*/
/*********************************************************/
.clearfix:after {  
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
/* MAIN NAV */
div#mainNav {
	position:absolute;
	top:196px;
	left:50px;
	width:900px;
	height:30px;
	z-index: 1 !important; /* needed to keep on top of changing images in banner*/
	
}

div#mainNav a{
	color:#eeeeee;
	font-weight:bold;
	display:block;
	float:left;
	padding:0 60px;
	background:none;
	text-decoration:none;
	font-size:1.0em;

	
	}
div#mainNav a:hover{
	color:#ffff00;
	}

/* SIDE NAV */
div#sidenav {
	width:173px;
	float:left;
}
div#sidenav a{
	padding-left: 23px;
	display:block;
	text-decoration:none;
	font-size:.80em;
	line-height:2.5em;
	clear:left;
	background:url(/images/css/bullet2.jpg) left no-repeat;
	
	
	}
div#sidenav a.active{
	color:#000000;
	font-weight:bold;
	/*background:url(/images/css/b-bullet.png) left no-repeat;*/
	text-decoration:none;
	font-size:1.0em;
	
	}

div#leftCol {
	float:left;
	width:173px;
}


div#adminNav {
	clear:both;
	padding-top:10px;
}

/*MAIN STRUCTURE*/
div#pageHolder {
	margin:auto;
	width:1004px;
	padding:0;
	background:url(/images/css/bg_content.jpg) center repeat-y;
	position:relative;
}

div#subContent {
	width:210px; 
	float:right;

}
div#subContent.sidebar {
	margin-top:5em;
	border:double #737161;
	background-color:#f9f9f9;
}
	div#subContent p, div#subContent h3 {
		margin:5px 5px 5px 10px;
		line-height:1.2em;
	}
	div#subContent p.special {
		font-family: times, serif;
		font-size:medium;
		font-style:italic;
		color:#30367B;
		margin-bottom:15px;
	}
	div#subContent p.contact {
			font-size:small;
	}

	div#subContent.sidebar li{
		margin-top:5px;
	}
div#contentHolder {
	margin:0 50px;
}
div#centerCol {
	width:500px;
	margin-left:175px;
}

div#footer {
	width:1004px;
	height:42px;
	background:url(/images/css/footer.jpg) top center no-repeat;
	clear:both;
}
	div#footer p {
		font-size:x-small;
		color:#36c9f0;
		text-align:center;
		padding-top:10px;
		}

div#facebook {
		clear:both;
		background:url(/images/css/facebook.jpg) left top no-repeat;
		height:34px;
		margin-top:20px;
	}
	div#facebook a {
		display:block;
		padding-top:10px;
		padding-left:30px;
		font-size:small;
		}
		
.dot_title	{
	background:url(/images/css/blue-dot.png) left no-repeat;
	padding-left:20px;
	font-size:1.1em;
	color:#7878b0;
	font-weight:normal;

}
.tweet_title	{
	background:url(/images/css/tweet.jpg) left no-repeat;
	padding-left:25px;
	font-size:1.1em;
	color:#7878b0;
	font-weight:normal;

}
.title	{
	font-size:1em;
	color:#7878b0;
	font-weight:normal;
}

.bodytext {
	font-size: small;
	}
p.quote {
	font-size:medium;
	color:#777;
	font-style:italic;
	width:80%;
	margin-left:20px;
	}
div.quote {
	font-size:small;
	color:#7878b0;
	font-style:italic;
	text-align:center;
	margin-top:5px;
	border-bottom:1px solid #7878b0;
	border-top:1px solid #7878b0;
	padding:4px 0;
	}
	
/*IMAGE GALLERY*/

div#imageGallery {
	margin:0 0 0 0 ;
}
div#imageGallery ul {
	list-style-type:none;
	margin-left:5px;
	padding-left:5px;
}
div#imageGallery li {
	height:1%;
	float:left;
}
	div#imageGallery a {
		display:block;
		margin:5px 5px;
		text-decoration:none;
		text-align:center;
	}
	div#imageGallery a img {
		margin:0px;
		border:2px solid #611122;
	}
	div#imageGallery span {
		color:#611122;
		display:block;
	}

/*************************************
*  Media List              *
**************************************/
div#mediaList {
	margin-left:10px;
}
div#mediaList a {
		display:block;
		margin:10px 5px 0 0;
		text-decoration:none;
	}
	div#mediaList a img {
		margin:0px;
		border:0px;
	}

div#mediaList .caption {
	font-size:small;
	color:#000;
	}

/*************************************
*  SPONSOR LIST HOME PAGE              *
**************************************/
div#sponsors{
	margin-top:40px;
	margin-bottom:10px;
}

div#sponsors a {
	display:block;
	text-decoration:none;
	font-size:small;
	margin-top:8px;
	clear:left;	
	}

/*************************************
*  SHOWCASE HOME PAGE              *
**************************************/

div#showcase {
	width:400px;
	min-height:300px;
	background:#eeeeee;
	border:1px solid gray;
	margin-top:30px;
	margin-left:20px;
	}
	
/*************************************
*  EVENT LIST HOME PAGE              *
**************************************/

div.event_list {
	margin-bottom:50px;
}
div.event_list ul {
	margin-top:8px;
	margin-left:0;
	padding-left:0;
	list-style-type:none;
}
div.event_list ul li{
	font-size:x-small;
	margin-bottom:8px;

}
span.eventTitle {
	font-size:12pt;
	display:block;
}
span.eventTitle a{
	color:darkblue;
}
span.eventTitle a:hover{
	color:#aaa;
}
div.event_list span.date {
	font-size:small;
	color:#630434;
}
div.event_list span.blurb {
	font-size:small;
	color:#666666;
}
	
/*************************************
*  MEMBER BUTTON                     *
**************************************/
div#member {
	height:38px;
	width:205px;
	margin-bottom:20px;
	}

div#member a {
	display:block;
	border:0;
	height:38px;
	width:205px;
	background:url('/images/member_button.jpg') bottom center no-repeat;
	}

div#member a:hover {
	border:0;
	background:url('/images/member_button.jpg') top center no-repeat;
	}


/*************************************
*  Grant BUTTON                     *
**************************************/
div#grant {
	height:38px;
	width:205px;
	margin-bottom:20px;
	}

div#grant a {
	display:block;
	border:0;
	height:38px;
	width:205px;
	background:url('/images/grant_button.jpg') bottom center no-repeat;
	}

div#grant a:hover {
	border:0;
	background:url('/images/grant_button.jpg') top center no-repeat;
	}

/*************************************
*  MONTH DIVIDER                  *
**************************************/
	h2.monthDivider {
		background:#505091;
		display:block;
		/*width:505px;*/
		color:#fff;
		line-height:1.5em;
		padding-left:5px;
		font-size:small;
		font-weight:bold;
		margin-top:2em;
		margin-bottom:10px;
		/*clear:both;*/
	}
div#eventDetail { 
	margin-bottom:10px;
	margin-left:175px;
	}
div#eventDetail img.main {
		margin:5px 20px 0 10px;
		float:right;
		border:3px solid #A4AC99;
	}
	div#eventDetail li {
		font-size:12px;
		margin:0;
		background:none;
		line-height:1.25em;
	}
div.eventDesc {
	width:500px;
	text-align:left;
	line-height:1.25em;
	}

div.confirmReg ul li {
	padding-bottom:5px;
}

div#glanceHolder {
	margin-bottom:10px;
	margin-top:5px;
	padding:5px;
	color:#333;
	width:500px;
	border: 1px double #2DC6EF;
}
	div#glanceHolder ul, div.glanceHolder ul {
		list-style-type:none;
		margin-bottom:10px;text-align:left;
		margin-left:0;
	}
	div#glanceHolder ul li, div.glanceHolder ul li{
		margin-bottom:5px;
		}
	div#glanceHolder li span, div.glanceHolder li span {
		font-weight:bold;
		color:#630434;
	}
	div#glanceHolder h3, div.glanceHolder h3 {
		line-height:1em;
		margin-bottom:5px;
		font-size:14px;
	}
	div#glanceHolder p, div.glanceHolder p {
		font-style:italic;
		font-size:small;
	}
	
.list_date	{
	FONT-FAMILY:verdana,helvetica,arial,sans-serif; 
	FONT-SIZE:8pt; 
	FONT-WEIGHT:normal; 
/*	COLOR:#911122;*/
	COLOR:#7878b0;
	}

/*********************************************************/
/* FAQ
/*********************************************************/
.question {
	margin-top:2em;
	FONT-FAMILY:Arial, Helvetica, sans-serif; 
	FONT-SIZE:large; 
	FONT-WEIGHT:bold; 
	/*COLOR:#737161;*/
	COLOR:#585841;
}
.answer {
	FONT-FAMILY:Arial, Helvetica, sans-serif; 
	margin-right:10px;
	margin-top:10px;
	FONT-SIZE:medium;
	padding-left:10px;	
}
/*************************************
*  EventListing                     *
**************************************/

div#eventListing {
	margin-left:175px;
	width:500px;
}
div#eventListing dt {
	margin-top:10px;
}
.Training {
	background:url(/images/css/b-bullet.png) left no-repeat;
	padding-left:15px;
}
div#eventListing dt span {
	font-size:small;
	color:#630434;
	margin-left:10px;
}
div#eventListing dd {
	font-size:small;
}

	/*top link*/
	div#eventListing h2 a {
		font-size:small;
		color:#fff;
	}

fieldset {
	border:none;
	margin:5px 0px;
	}
	
div.input_block {
	float:left;
	}
.input_label {
	color:#585841;
	font-size:x-small;
	display:block;
	text-align:left;
	}
div.input_block input {
	margin-right:10px;
	}
	
div.formSection {
	border:1px #f0f0f0 solid;
	padding:10px;
	margin-bottom:20px;
	}

div.formInstructions {
	COLOR:#630434;
	margin-right:5px;
	padding:5px;
	background:#FFFFEE;
	border:1px solid #630434;
}

div.formInstructions span.title {
	COLOR:#630434;
}
div.formInstructions dt {
	font-weight:bold;
	margin-top:5px;
}
div.formInstructions dd {
	margin-left:5px;
}
div.formInstructions dd ul {
	margin-left:5px;
	padding-left:15px;
}
.title_red {
	FONT-FAMILY:Arial, Helvetica, sans-serif; 
	FONT-SIZE:12pt; 
	FONT-WEIGHT:bold; 
	/*COLOR:#737161;*/
	COLOR:#990033;
}

/*************************************
*  CONTACT FORM              *
**************************************/

form.contact label {
	color:#585841;
	font-size:x-small;
	display:block;
	text-align:left;
	margin-bottom:0;
	}

/*************************************
*  FAQ List              *
**************************************/
div#centerCol li {
	margin-bottom:8px;
}
div#centerCol li .handle {
	font-size:small;
	/*color:#630434;*/
	color:#7878b0;
	margin-left:10px;
	}

/*************************************
*  Resources           *
**************************************/
dl.resourceList dt {
	margin-top:8px;
}	
dl.resourceList dt.doc a{
		background:url('/images/news_icon_sm.gif') no-repeat top left;
		padding-left:20px;
	}
dl.resourceList dt.link a{
		background:url('/images/link.png') no-repeat top left;
		padding-left:20px;
	}
dl.resourceList  dd {
	font-size:small;
	/*color:#630434;*/
	color:#737161;
	}
	dl.resourceList  dd p,dl.refdocs dd div {
	margin:0;
	padding:0;
}
/*************************************
*  LinkList           *
**************************************/
dl.linkList dt {
	margin-top:8px;
}	
dl.linkList dt a{
		background:url('/images/link.gif') no-repeat top left;
		padding-left:20px;
	}
dl.linkList dd {
	font-size:small;
	/*color:#630434;
	color:#737161;*/
	}
	dl.linkList dd p,dl.refdocs dd div {
	margin:0;
	padding:0;
}

/*************************************
*  Staff List              *
**************************************/
div#staffList {
	margin-top:20px;
	}

div#staffList ul {
	margin-left:5px;
	padding-left:0px;
	list-style-type:none;
	margin-top:5px;
	}
div#staffList ul li .handle {
	font-size:small;
	color:#630434;
	margin-left:10px;
	}

div#staffList ul li{
	margin-left:0px;
	}

p#mission {
	font-style:italic;
	padding:2px;
	color:#666;
	}

.bio_name {
	font-weight:bold;
	color:#7878b0;
	padding-top:10px;
	margin-left:10px
	}
.bio_title {
	font-size:small;
	font-style:italic;
	font-weight:normal;
	}
.bio_block	{
	margin-left:10px;
	font-size:small;
	color:#666;
	margin-top:10px;
	margin-bottom:30px;
	}

/*************************************
*  IMAGE WRAPPERS                    *
**************************************/
div.leftImageWrapper, div.rightImageWrapper {
	border:2px solid #611122;
	background:#fff;
	margin:5px 10px;
	float:left;
}
span.centerImageWrapper {
	border:2px solid #611122;
	background:#fff;
}
	div.leftImageWrapper img, div.rightImageWrapper img, div.centerImageWrapper img {
		margin:3px;
	}
	div.leftImageWrapper span, div.rightImageWrapper span, div.centerImageWrapper span {
		display:block;
		text-align:center;
		color:#333;
	}
div.rightImageWrapper {
	float:right;
}
.dashImageWrapper {
	border:2px solid #00bbec;
	background:#fff;
	margin-left:10px; 
}

.instructions {font-family:verdana,helvetica,arial,sans-serif; FONT-SIZE:7.5pt; FONT-WEIGHT:normal; COLOR:#630434;}


A.foot		{font-family: verdana,helvetica,arial,sans-serif; font-weight:normal; font-size:7pt; color:gray; text-decoration: none}
A.foot:hover	{font-family: verdana,helvetica,arial,sans-serif; font-weight:normal; font-size:7pt; color:red; text-decoration: none}

A.dir		{font-family: verdana,helvetica,arial,sans-serif; font-weight:normal; font-size:7pt; color:blue; text-decoration: none}
A.dir:hover	{font-family: verdana,helvetica,arial,sans-serif; font-weight:normal; font-size:7pt; color:red; text-decoration: none}

A.foot2		{font-family: verdana,helvetica,arial,sans-serif; font-size:x-small; color:#cccccc; text-decoration: none}
A.foot2:hover	{font-family: verdana,helvetica,arial,sans-serif; font-size:x-small; color:#EACD7C; text-decoration: none}
A.sidebar, a.sidebar:hover {
		font-size:small;
}
a.admin {
	background-color:#EEEEEE;
	color:black;
	font-weight:bold;
	border:1px outset;
	padding:2px;
	font-size:xx-small;
	}
a.admin:hover {
	background-color:#FFF;
	border:1px inset;
	}


/*JUITTER PLUGIN CSS*/

#juitter{clear:both;margin-left:0px;margin-top:10px;padding-top:20px;} /*Juitter container*/
#juitterContainer{width:175px;} /*Juitter container*/

#juitterContainer .twittList{margin:0px;padding:0px;} /* UL that will contain the list of tweets */

/* Bellow the list of tweets "<li>" */

#juitterContainer .twittLI{list-style:none;background:#eeeeee;margin:5px 0 5px 0;padding:10px 0 5px 0;border-bottom:solid 1px #7878b0;padding:10px;clear:both;font-size:9pt;color:#630434;/*height:55px;*/} 

#juitterContainer .twittList A{/*color:#006600;*/font-size:8pt;} /*Links inside the tweets list */

/* Bellow the CSS for the avatar image  */

#juitterContainer .juitterAvatar{float:left;border:solid 1px #00487f;background:#FFF;margin-right:5px;padding:2px;width:24px;;height:24px;}

#juitterContainer .JRM{float:right;clear:both;display:none;} /*read it on twitter link*/

#juitterContainer .extLink{} /*CSS for the external links*/

#juitterContainer .hashLink{} /*CSS for the hash links*/
#juitterContainer .time{font-size:x-small;color:#7878b0;} /*CSS for the hash links*/

/*end of Juitter CSS*/

div.showcase_image_list { 
   padding: 0 0.50em; 
   background: #eee; 
   border-left: thin solid #aaa; 
   border-bottom: thin solid #aaa; 
   border-top: thin solid #777; 
   border-right: thin solid #777; 
   width:200px;
   margin-top:10px;
   margin-bottom:10px;
}
img.photos { 
   border: 2px solid black; 
	vertical-align: middle;
}
span.caption {
	display:block;
	font-size:small;
	color:#666;
	margin-bottom:10px;
}
div.showcase_image_list ul {
	margin-left:5px;
	padding-left:0px;
	list-style-type:none;
	}
div.showcase_image_list ul li{
	margin-left:0px;
	}
.odd {
	}
.even {	background: #eeffff;
	}