/* 


  -----------------------------------


  Affinity Systems, Inc CSS designed for Mobius Mentors


 


  -----------------------------------


*/


body {

	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	background-repeat: repeat-y;
	background-position: center;
	background-image: url(../images/pagewrapper-bg.jpg);
}


#pagewrapper {
	margin-right: auto;
	margin-left: auto;
	background-image: url(../images/pagewrapper-bg.jpg);
	background-repeat: repeat-y;
	background-position: center;
}


#page_container {


	height: auto;


	width: 800px;


	margin-right: auto;


	margin-left: auto;


}


#header_wrapper {


	width: 800px;


	background-color: #4E765E;


	background-image: url(../images/Header.jpg);


	background-repeat: no-repeat;


	height: 98px;


	float: left;


}


#header_text{


	background-image: url(../images/Vermont-mentoring-partnerships.gif);


	height: 40px;


	width: 569px;


	margin-left: 150px;


	margin-top: 36px;


}


#header_nav {


	float: right;


	height: 60px;


	width: 250px;


	padding-top: 5px;


	text-align: right;


	padding-right: 10px;


	color: #FFFFFF;


	text-decoration: none;


	font-size: 0.8em;


	font-style: italic;


	


}





#header_nav  a:link, #header_nav a:visited{
	text-decoration: none;
	color: #CCCCCC;
}


#header_nav  a:hover, #header_nav a:active, #header_nav a:focus{


	text-decoration: underline;


	color: #FFFFFF;


}


#logo {


	width: 120px;


	background-color: #37649D;


	height: 92px;


	padding-left: 4px;


	padding-top: 4px;


	float: left;


}


#menu_container {


	float: left;


	height: 30px;


	width: 790px;


	background-color: #660066;


	border-bottom-width: 5px;


	border-bottom-style: solid;


	border-bottom-color: #660066;


	padding-left: 10px;


}


#crumbs_box {


	float: left;


	height: auto;


	width: 500px;


	background-color: #37649C;


	padding-left: 10px;


}


#crumbs_box p{


	padding-bottom: 0px;


}


#content_container {


	float: left;


	height: auto;


	width: 800px;


	background-color: #4E765E;


	background-repeat: repeat-y;


	background-image: url(../images/media-container-background.jpg);


}


#content_container p{

	font-size: .85em;
	color: #FFFFFF;


}





#content_container  ul  {


	font-size: .9em;


	color: #FFFFFF;


}





#content_container   a:link {
	text-decoration: underline;
	color: #af8cd2;
}


#content_container a:visited{
	text-decoration: none;
	color: #eee5f8;
}

#content_container a:hover {

	text-decoration: underline;


	color: #FFFFFF;


}


 #content_container  a:active, #content_container a:focus{
	text-decoration: none;
	color: #FFFFFF;
}





#leftbox {


	float: left;


	width: 530px;


	height: auto;


	background-color: #4E765E;


}


#leftbox h2{


	padding: 0;


	margin-top: 5px;


	margin-right: 0;


	margin-bottom: 0;


	font-size: 1.2em;


	font-weight: bold;


	margin-left: 0px;


}


#leftbox_content {


	float: left;


	width: 500px;


	height: auto;


	background-color: #4E765E;


	padding-left: 20px;


	padding-top: 20px;


	padding-right: 10px;


	padding-bottom: 10px;


}


#leftbox_content img{


}





#leftbox_content li {


	list-style-position: outside;


	list-style-type: none;


	font-size: 0.9em;


	text-indent: 5px;


}








#rightbox {


	float: right;


	width: 266px;


	height: auto;


	background-color: #660066;


}


#rightbox   h2 {


	margin-top: 5px;


	font-size: 1.2em;


	font-weight: bold;


	}





#rightbox ul, #rightbox ul ol {


	padding: 0;


	margin-top: 0;


	margin-right: 0;


	margin-bottom: 0;


	margin-left: 20px;


	}


#rightbox li {


	list-style-type: none;


	list-style-image: none;


	margin-bottom: 5px;


	}


#rightbox ul li {


	list-style-type: none;


	list-style-image: none;


	margin-bottom: 5px;


	}





#rightbox ul p, #rightbox ul select {


	margin: 5px 0 8px;


	}





#rightbox ul ul, #rightbox ul ol {


	margin-top: 5px;


	margin-right: 0;


	margin-bottom: 0;


	margin-left: 0px;


	}





#rightbox ul ul ul, #rightbox ul ol {


	margin: 0 0 0 10px;


	}





ol li, #rightbox ul ol li {


	list-style: decimal outside;


	}





#rightbox ul ul li, #rightbox ul ol li {


	margin: 8px 0 0;


	padding: 0;


	}


#rightbox   a:link, #rightbox a:visited{


	text-decoration: none;


	color: #FFFFFF;


}


#rightbox   a:hover, #rightbox  a:active, #rightbox a:focus{


	text-decoration: underline;


	color: #FFFFFF;


}


#rightbox_content {


	float: none;


	width: 236px;


	height: auto;


	background-color: #F97602;


	padding-top: 20px;


	padding-right: 10px;


	padding-bottom: 10px;


	padding-left: 20px;


}


#home_flash {


	height: auto;


	width: 525px;


	border-top-style: none;


	border-right-style: none;


	border-bottom-style: none;


	border-left-style: solid;


	background-color: #4E765E;


	border-left-width: 2px;


	border-left-color: #4F775F;


}


#home_icons_bottom_left {


	height: 145px;


	width: 530px;


	color: #FFFFFF;


	


}


#home_icon_containers{


	height: 66px;


	width: 175px;


	float: left;


	color: #FFFFFF;


	font-family: Arial, Helvetica, sans-serif;


	font-weight: bold;


	font-size: 0.75em;


	padding-top: 5px;


}


#home_icon_containers img{


	padding-left: 30px;


	padding-top: 0px;


}


#home_icon_containers  a:link{


	text-decoration: underline;


	color: #FFFFFF;


}


#home_icon_containers  a:hover, #home_icon_containers a:active, #home_icon_containers a:focus{


	text-decoration: underline;


	color: #FFFFFF;


}


#home_icon_containers  a:visited{


	text-decoration: none;


	color: #FFFFFF;


}


#rss_box{


	height: auto;


	width: 250px;


	padding-top: 5px;


	padding-left: 0px;


}


#rss_box a:link{


	color: #FFFFFF;


	text-decoration: none;


}


#rss_box a:hover, #rss_box a:active, #rss_box a:focus{


	color: #FFFFFF;


	text-decoration: underline;


}


#button_box{


	height: auto;


	width: 266px;


	padding-top: 5px;





}


#button_box img{


	padding-bottom: 2px;


	padding-top: 2px;


	margin-left: 2px;





}


#button_box a:hover, #button_box a:active, #button_box a:focus {


	border-top-width: thin;


	border-right-width: thin;


	border-top-style: double;


	border-right-style: double;


	border-top-color: #4A592E;


	border-right-color: #4A592E;


}


#right_links_box{


	height: auto;


	width: 266px;


	padding-top: 5px;





}


#right_links_box img{


	padding-bottom: 12px;


	padding-top: 2px;


	margin-left: 2px;





}


#right_links_box a:hover, #right_links_box a:active, #right_links_box a:focus {


	color: #FFFFFF;


	border-top-width: thin;


	border-right-width: thin;


	border-top-style: double;


	border-right-style: double;


	border-top-color: #FFFFFF;


	border-right-color: #FFFFFF;


}





#media_player_wrapper{


	background-image: url(../images/media-container-background.jpg);


	background-repeat: repeat-y;


	height: auto;


	width: 800px;


	float: left;


}


#media_wrapper{


	float: left;


	height: auto;


	width: 800px;


}


#slide_show_wrapper{


	background-color: #39649B;


	float: left;


	height: auto;


	width: 800px;


}


#brightcove_video_box{


	float: right;


	height: auto;


	width: 300px;


	padding-left: 0px;


	padding-top: 10px;


}


#media_text_box{


	float: left;


	height: auto;


	width: 510px;


	padding-left: 0px;


	padding-top: 10px;


}


#media_text{


	float: left;


	height: 361px;


	width: 190px;


	padding-left: 10px;


	padding-top: 0px;


}





#accord_wrapper {


	width: 625px;


	background-color: #4D73A5;


	height: auto;


	float: left;


}


h1 {
	color: #FFFFFF;
	font-size: 0.9em;
	font-weight: bold;
	margin: 0;
	padding-bottom: 3px;
	letter-spacing: 0.3em;
}


#c1 {
	float: left;
	width: 160px;
	background-color: #F97602;
	height: 400px;
}

#c2 {


	float: left;


	width: 420px;


	margin-right: 6px;


	border: 1px solid #666666;


	background-color: #FFFFFF;


}


#c3 {


	float: left;


	width: 172px;


	border: 1px solid #666666;


	background-color: #FFFFFF;


	height: 250px;


}


#layoutwrapper {


	width: 800px;


	margin-right: auto;


	margin-left: auto;


	background-color: #37649C;


}


.c1-text {


	font-size: .75em;


	padding: 12px;


}


.c1-text p {


	margin: 6px 0 8px 0;


}


.c2-text {


	font-size: 0.8em;


	padding: 4px 20px;


}


.c2-text p {


	margin: 3px 0 5px;


	line-height: 1.5em;


}


.c3-text {


	font-size: 0.7em;


	padding: 12px;


}


.c3-text p {


	margin: 3px 0 12px 0;


}


.pictureprgh {


	margin: 0;


	text-align: center;


}


h2 {


	margin: 0;


	font-size: 1.2em;


	font-family: "Gil Sans MT", Arial, Times, sans-serif;


	font-style: normal;


	letter-spacing: 0.2em;


}


h3, h4 {


	margin: 12px 0 0;


	font-size: .85em;


}


.col-topheading {


	margin: 16px 12px 0 12px;


}


.zeromargin {


	margin: 0 !important;


}





.clearit {


	clear: both;


	height: 0;


	line-height: 0;


	font-size: 1px;


}


#sponsor_wrapper {


	margin-right: auto;


	margin-left: auto;


	width: 800px;


	height: 60px;


	background-image: url(../images/sponsors.jpg);


	background-position: left center;


	background-repeat: no-repeat;


	float: left;


	background-color: #FFFFFF;


	}


	#sponsor_link {


	width: 200px;


	height: 40px;


	float: left;


	padding-left: 570px;


	color: #F97602;


	padding-top: 20px;


	}


	#sponsor_link h2 {


	font-family: "Gil Sans MT", Arial, Times, sans-serif;


	font-style: normal;


	color: #F97602;


	text-decoration: none;


	font-size: .95em;


	}


	#sponsor_link a:link{


	color: #F97602;


	text-decoration: none;


	}


		#sponsor_link a:hover, #sponsor_link a:active, #sponsor_link a:focus{


	color: #F97602;


	text-decoration: underline;


	}


	#sponsor_link a:visited{


	color: #F97602;


	text-decoration: none;	


	}


	


#footer_wrapper {


	background-color: #4E765E;


	margin-right: auto;


	margin-left: auto;


	border-top: 1px solid #CCCCCC;


	border-right: none;


	border-left: none;


	background-image: url(../images/pagewrapper-bg.jpg);


	background-repeat: repeat-y;


	background-position: center;


	float: left;


}


#footer {


	font-size: 0.8em;


	color: #FFFFFF;


	background-color: #4E765E;


	float: left;


	width: 800px;


	height: 48px;


	text-align: center;


	margin-top: 6px;


}


#footertext {


	width: 748px;


	margin-right: auto;


	margin-bottom: 0;


	margin-left: auto;


	padding-top: 10px;


}


#wordpress_text {


	font-size: .65em;


}


.c1-text a:link, .c2-text a:link {


	color: #FFFFFF;


}


.c1-text a:visited, .c2-text a:visited {


	color: #FFFFFF;


}


.c1-text a:hover, .c1-text a:active, .c1-text a:focus,


.c2-text a:hover, .c2-text a:active, .c2-text a:focus {


	color: #FFFFFF;


}


#footer a:link, #footer a:visited {


	color: #FFFFFF;


	text-decoration: none;


}


#footer a:hover, #footer a:active, #footer a:focus {


	color: #FFFFFF;


	text-decoration: underline;


}





img.floatLeft { 


    float: left; 


    margin: 4px; 


}


img.floatRight {


	float: right;


	margin-top: 0px;


	margin-right: 2px;


	margin-bottom: 4px;


	margin-left: 10px;


}


#columns{


	float: left;


	height: 300px;


	width: 320px;


	margin-right: 10px;


	margin-left: 10px;





}



