/** fix ie bug with display:block; **/
* html #left-navigation li a { height: 1%; }
* html #left-navigation li hr { height: 1%; }
/** end fix **/


/*****************
browsers interpret margin and padding a little differently, 
we'll remove all default padding and margins and
set them later on
******************/

* {
margin:0;
padding:0;
}


body
{
	background: #d9ecf4;
	color: #000;
	font: normal 12px Arial, Helvetica, sans-serif;
	text-align: left;
}

#container {
	background: #fff url(/images/background-container.jpg) no-repeat top left;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	width: 960px;
	}
	
/** fix ie bug with display:block; **/
* html #menu_vert li a { height: 1%; } 
/** end fix **/
	
/*



/* =Header
---------------------------------------------------------------------------------------------------- */	
#header {
	text-align: left;
	width: 960px;
	}
	
#header-logo {
	float:left;
	padding-left:30px;
	}
	
 {
	float:left;
	width: 960px;
	padding-left:30px;
	}
	
div#header-navigation {
	float: right;
	text-align:left;
	font-size: 11px;
	vertical-align:bottom;
}

div#header-navigation ul {
   margin: 0;
   padding: 95px 20px 0px 0px;
   list-style: none; 
}

/*  header nav list items */
div#header-navigation li {
   float: left; 
}

/* menu list items */
div#header-navigation li:first-child {
	 padding-top: 2px;
	 padding-right: 30px;
}

/* the links, that is each list item */
div#header-navigation a { 
   text-decoration: none; 
   color: #007ea8;
   display: block; 
	 font-weight: bold;
}







/* =Navigation
---------------------------------------------------------------------------------------------------- */	

#navigation 
{position:relative;
display:block;
margin-left:30px;
margin-right:20px;
height:35px;
font-size:14px;
font-weight:normal;
background:transparent url(/images/navigation-bg.gif) repeat-x top left;
font-family:Arial,Verdana,Helvitica,sans-serif;
}
#navigation ul{
margin:0;
padding:0;
list-style-type:none;
width:auto;}

#navigation ul li{
display:block;
float:left;
margin:0;}

#navigation ul li a{
display:block;
float:left;
color:#005984;
text-decoration:none;
padding:11px 13px 0 13px;
height:23px;
background:transparent url(/images/navigation-divider.gif) no-repeat top left;
}

#navigation ul li:first-child a{
background:none;
}

#navigation ul li a:hover,
#navigation ul li a.current {
color:#fff;
background: url(/images/navigation-bg-home.gif) repeat-x top left;}



/* =color for Home Link */
#navigation ul li.nav_home a:hover,
#navigation ul li.nav_home a.current
{ background: url(/images/navigation-bg-home.gif);}


/* =color for News Link */
#navigation ul li.nav_news a:hover,
#navigation ul li.nav_news a.current
{ background: url(/images/navigation-bg-news.gif);}


/* =color for workshops Link */
#navigation ul li.nav_workshops a:hover,
#navigation ul li.nav_workshops a.current
{ background: url(/images/navigation-bg-workshops.gif);}

/* =color for events Link */
#navigation ul li.nav_events a:hover,
#navigation ul li.nav_events a.current
{ background: url(/images/navigation-bg-events.gif);}

/* =color for membership Link */
#navigation ul li.nav_memberinformation a:hover,
#navigation ul li.nav_memberinformation a.current
{ background: url(/images/navigation-bg-membership.gif);}


/* =color for facilitator Link */
#navigation ul li.nav_becomeafacilitator a:hover,
#navigation ul li.nav_becomeafacilitator a.current
{ background: url(/images/navigation-bg-facilitator.gif);}


/* =color for locations Link */
#navigation ul li.nav_campuslocations a:hover,
#navigation ul li.nav_campuslocations a.current
{ background: url(/images/navigation-bg-locations.gif);}

/* =color for services Link */
#navigation ul li.nav_ourservices a:hover,
#navigation ul li.nav_ourservices a.current
{ background: url(/images/navigation-bg-services.gif);}


/* =Default Middle Container
---------------------------------------------------------------------------------------------------- */	


#mid-container
{
	width: 960px;
	padding-bottom:10px;
	padding-top:10px;
}
	
/* =Default Left Navigation
---------------------------------------------------------------------------------------------------- */	
#left-navigation {
	float: left;
	text-align: left;
	width: 215px;
	font-size: 11px;
	}	
	
#left-navigation  .padding {
	padding: 0px 0px 0px 30px;
	}	
	
#left-navigation  ul{ 
		list-style-type: none;
		margin: 0;
		padding: 0;
		padding-bottom: 10px;
}

#left-navigation  ul li a,
#left-navigation  ul li a:link,
#left-navigation  ul li a:visited {
		color: 						#91a5a5;
		text-decoration:	none;
		font-size:				14px;
		font-weight:			normal;
		display:block;
		padding: 5px;
}

#left-navigation  ul li a.thirlevel:link,
#left-navigation  ul li a.thirlevel:visited,
#left-navigation  ul li a.thirlevel,
#left-navigation  ul li a.thirlevelselected,
#left-navigation  ul li a.thirlevel:link,
#left-navigation  ul li a.thirlevelselected:visited {
		color: 				#91a5a5;
		background: 			#EEEEEE;
		text-decoration:	none;
		font-size:			12px;
		font-weight:			normal;
		display:block;
		padding: 5px;
}

#left-navigation  ul li a.thirlevel:hover,
#left-navigation  ul li a.thirlevelselected:hover {
		
		
		color: 				#FFFFFF;
		background: 			#EEEEEE;
		text-decoration:	none;
		font-size:			12px;
		font-weight:			normal;
		display:block;
		padding: 5px;
}





#left-navigation  ul li a:hover,
#left-navigation  ul li a.current,
#left-navigation  ul li a.current:link,
#left-navigation  ul li a.current:visited {
		color: 						#fff;
		text-decoration:	none;
		font-size:				14px;
		font-weight:			normal;
		display:block;
		background: #b0b579;
		padding: 5px;
}

/* =Widget - Ask a Facilitator
----------------------------------------------- */	

.ask-facilitator h3{
	color: #005984;
}

	/* =Default content
---------------------------------------------------------------------------------------------------- */	

#content {
	float: left;
	text-align: left;
	width: 540px;
	}	
	
#content .padding {
	padding: 0px 10px 0px 10px;
	}	

	/* =Default Breadcrumbs
---------------------------------------------------- */	

#breadcrumbs {
	display: block;
	background: #b0b579;
	color:#fff;
	font-size:11px;
	margin-bottom: 10px;
}

#breadcrumbs .padding {
	padding: 5px;
}

#breadcrumbs a,
#breadcrumbs a:link,
#breadcrumbs a:visited,
#breadcrumbs a:hover {
	color:#fff;
	font-size:11px;
	text-decoration:none;
}
	
/* =Default Sidebar
---------------------------------------------------------------------------------------------------- */	

	
#sidebar {
	float: left;
	text-align: left;
	width: 200px;
	font-size: 11px;
	}	
	
#sidebar .padding {
	padding: 0px 15px 0px 0px;
	}	

/* =Widget - Upcoming Workshops 
----------------------------------------------- */	
	

.sidebar-upcoming-workshops {
border-top: 5px solid #f0f1e4;
}

.sidebar-upcoming-workshops h3{
	color: #b0b579;
}

.sidebar-upcoming-workshops a,
.sidebar-upcoming-workshops a:link,
.sidebar-upcoming-workshops a:visited{
	color:						#b0b579;
	text-decoration:	none;
	font-weight: normal;
}
	
.sidebar-upcoming-workshops a:hover {
	color:						#b0b579;
	text-decoration:	none;
	font-weight: normal;
}	

/* =Widget - Upcoming Events 
----------------------------------------------- */	
.sidebar-upcoming-events {
border-top: 5px solid #ebeeed;
}

.sidebar-upcoming-events h3{
	color: #569bbe;
}

.sidebar-upcoming-events a,
.sidebar-upcoming-events a:link,
.sidebar-upcoming-events a:visited{
	color:						#569bbe;
	text-decoration:	none;
	font-weight: normal;
}
	
.sidebar-upcoming-events a:hover {
	color:						#569bbe;
	text-decoration:	none;
	font-weight: normal;
}	

/* =Widget - Newsletter
----------------------------------------------- */	
.sidebar-newsletter {
border-top: none;
}


/* =Footer
---------------------------------------------------------------------------------------------------- */	
#footer {
	text-align: center;
	width: 960px;
	font-size: 10px;
	color: #999;
	}
	

/* =Gloabl Padding
---------------------------------------------------------------------------------------------------- */	

.padding {
	padding: 5px;
	}
	


/* =Default Text Styles
---------------------------------------------------------------------------------------------------- */
	
h1, h2, h3,h4 {
	padding-top: 5px;
	padding-bottom:5px;
}

h1 { 
	font-size: 16px;
	font-weight: bold;
	padding-bottom:15px;
	color: #38939b;
}
	
	
h2 { 
	font-size: 14px;
	font-weight: bold;
	color: #38939b;
}


h3 { 
	font-size: 13px;
	font-weight: bold;
	color: #38939b;
}


h4 {
	font-size: 12px;
	font-weight: bold;
	color: #000; 
}


p {
	padding-top: 0;
	padding-bottom: 10px;
}
	

ul {
	list-style-type: 	disc;
	font-weight:			normal;
	font-style:				normal;
	margin-left: 15px;
	padding: 5px 0 10px 15px;
} 

ol {
	font-weight:			normal;
	font-style:				normal;
	margin-left: 20px;
	padding: 5px 0 10px 15px;
} 


a,
a:link,
a:visited{
	color:						#38939b;
	text-decoration:	underline;
	font-weight: normal;
}
	
a:hover {
	color:						#38939b;
	text-decoration:	none;
	font-weight: normal;
}	

a img {
border: none;
}



/* =Text/Image Treatments and Alignments
---------------------------------------------------------------------------------------------------- */
	
strong, b  { font-weight: bold; }
em, i { font-style: italic; }
.bold{ font-weight: bold;}
.italic{ font-style: italic; }
.lowercase {text-transform: lowercase;}
.uppercase {text-transform: uppercase;}
.textalign-left {text-align:left;	}
.textalign-right {text-align:right;	}
.textalign-center {	text-align:center;	}
.float-left {float:left;	}
.float-right {float:right;	}

.text-red {
	color: #90251c;
}

.footnote,
.text-small {
	font-size: 11px;
}

.missingtext,
.loginFailure {
	color:#90251c;
	font-weight: bold;
}

.grey-line {
	height:1px;
	min-height:1px;
	background-color: #666;
}

hr {
	color: #dbe9eb;
	background-color: #dbe9eb;
	border: 0;
	height: 5px;
	padding:0;
	margin: 5px 0 5px 0;
} 

div.divider {
	color: #dbe9eb;
	background-color: #dbe9eb;
	border: 0;
	height: 5px;
	padding:0;
	margin: 5px 0 5px 0;
}



/* =Spacing and Clearing Styles
---------------------------------------------------------------------------------------------------- */		
	
.singleLineBreak {
	margin-top:	1px;
	}
	
.marginZero {
	margin:0;
	}
			
.spacer,
.clear {
	clear: both;
	margin:0; 
	padding:0;
}

.padding {
	padding: 5px;
	}
	
	/* =Tables
---------------------------------------------------------------------------------------------------- */		

table {
width: 90%;
border: none;
margin-top:5px;
margin-bottom: 10px;
}

th {
	color: #fff;
	background-color: #569bbe;
	text-align: left; 
	font-size: 13px; 
	font-weight: bold;
	padding:5px;
	border-bottom: 2px solid #fff;
	vertical-align: top;
}

td {
	color: #000;
	background-color: #f0f1e4;
	text-align: left; 
	font-size: 13px; 
	font-weight: normal;
	padding:5px;
	border-right: 2px solid #fff;
	vertical-align: top;
}



/* =Forms
---------------------------------------------------------------------------------------------------- */	

.input-text {
   color: #007ea8;
	 font-size:11px;
}

.input-button {
   color: #fff;
	 font-size:11px;
	 background-color: #007ea8;
}