/*-------------------------------------------------------------
	TABLE of CONTENTS
	1. GLOBAL RESETS
	2. HTML, BODY

	3. WRAP
		a. DIV Widths
	4. HEAD
	5. NAVIGATION
		a. Sub-Navigation
	6. SIDEBAR
	7. CONTENT
	8. FOOTER

	9. TYPOGRAPHY
	10. CMS SETTINGS
		a. Calendar
	11. EXTRAS
--------------------------------------------------------------*/

/*-------------------------------------------------------------
	1. GLOBAL RESETS
--------------------------------------------------------------*/
* {
	padding: 0;
	margin: 0;
	}

/*-------------------------------------------------------------
	2. HTML, BODY
--------------------------------------------------------------*/
html { }

body {
	background: #5fbdc9 url(/site_images/yvc_background_gradient.jpg) repeat-x 0 0;
	text-align: center;
	}

/*-------------------------------------------------------------
	3. WRAP
--------------------------------------------------------------*/

#wrap {
	background: #fff url(/site_images/yvc_wrap_background.jpg) no-repeat 0 0;
	color: #000;
	font: 13px Helvetica, Verdana, Arial, sans-serif;
	height: auto;
	line-height: 1.4em;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	border-left: 1px solid #fff;
	border-right: 1px solid #fff;
}

	/*-------------------------------------------------------------
		3. a. DIV Widths
	--------------------------------------------------------------*/
	#wrap, #header, #nav, #sidebar, #footer {
		width: 800px;
	}

/*-------------------------------------------------------------
	4. HEAD
--------------------------------------------------------------*/
#header {
	background: url() top left no-repeat;
	min-height:110px;
	height:110px;
}

/*-------------------------------------------------------------
	5. NAVIGATION
--------------------------------------------------------------*/
#nav {
	background: url(/site_images/yvc_navigation_background.gif) repeat-x;
	font-size: 11px;
	height: 25px;
	padding: 7px 0 0 0;
}

#nav ul {
	list-style-type: none;
	text-align: center;
	height: 30px;
	width: 100%;
}

#nav li {
	display: inline;
	font-size: 12px;
	height: 30px;
}

/* --------------------------------------------------------
  Top Level Navigation Persistent State 
 -------------------------------------------------------- */
/*Public - Home*/
body#home div#nav li#home a,

/*Public - What is YVC*/
body#what_is_yvc div#nav li#what a,
body#what_is_yvc_board_staff div#nav li#what a,
body#what_is_yvc_history div#nav li#what a,
body#what_is_yvca_locations div#wrap div#nav ul li#what a,

/*Public - Affiliate Spotlight*/
body#spotlight div#nav li#spotlight a,

/*Public - Start a YVC*/
body#start_a_yvc div#nav li#start a,
body#start_a_yvc_faqs div#nav li#start a,
body#start_a_yvc_how_to div#nav li#start a,
body#start_a_yvc_testimonial li#start a,

/*Public - Get Involved*/
body#get_involved div#nav li#involved a,
body#get_involved_press div#nav li#involved a,
body#get_involved_start div#nav li#involved a,
body#get_involved_volunteer div#nav li#involved a,

/*Public - Support YVC*/
body#support div#nav li#support a,
body#support_auto_donation div#nav li#support a,
body#support_donate div#nav li#support a,
body#support_floral  div#nav li#support a,
body#support_links  div#nav li#support a,

/*Public - Resources*/
body#resources div#nav li#resources a,
body#resources_logos  div#nav li#resources a,
body#resources_marketing div#nav li#resources a,
body#resources_photo div#nav li#resources a,
body#resources_press div#nav li#resources a,
body#resources_stats  div#nav li#resources a,
body#resources_video  div#nav li#resources a,

/*Public - Contact Us*/
body#contact div#nav li#contact a,

/*Affiliate - Affiliates (Home)*/
body#affiliates div#nav li#affiliates a,
body#affiliates_news_david div#nav li#affiliates a,
body#affiliates_news_wendy div#nav li#affiliates a,
body#affiliates_news_jenn div#nav li#affiliates a,

/*Affiliate - Resources*/
body#affiliates_resources div#nav li#resources a,

/*Affiliate - AmeriCorps*/
body#affiliates_americorps div#nav li#americorp a,
body#affiliates_americorps_eligibility div#nav li#americorp a,
body#affiliates_americorps_forms div#nav li#americorp a,
body#affiliates_americorps_links div#nav li#americorp a,
body#affiliates_americorps_uniforms div#nav li#americorp a,

/*Affiliate - ListServ*/
body#affiliates_board div#nav li#board a,

/*Affiliate - FAQs*/
body#affiliates_faqs div#nav li#faqs a,

/*Affiliate - Store*/
body#affiliates_store div#nav li#store a,

/*Affiliate - Calendar*/
body#affiliates_calendar div#nav li#calendar1 a,

/*Affiliate - Contact Us*/
body#affiliates_contact div#nav li#contact a {
	background: #013f7a url(/site_images/navon.gif) no-repeat center;
	color: #fff;
	height: 30px;
	padding: 6 5 8 5;
	-moz-border-radius-topleft: 2px;
	-moz-border-radius-topright: 2px;
	}

#nav a, #nav a:visited {
	color: #000;
	height: 30px;
	padding: 6 5 8 5;
	text-decoration: none;
	}

#nav a:hover {
	background: #013f7a url(/site_images/navon.gif) no-repeat center;
	color: #fff;
	height: 30px;
	}

/* Affiliates YVCA Home Button*/
.yvcahome a {
	background: #4FBFCB;
	}

/*-------------------------------------------------------------
	6. SIDEBAR
--------------------------------------------------------------*/
#side {
	border-bottom: #0255a3 5px solid;
	height: 44px;
}

	/* Secondary Navigation MouseOver */
	#side a, #side a:visited {
		background: url(/site_images/tab.gif) no-repeat 0 0;
		color: #000;
		display: block;
		float: left;
		font-size: 12px;
		font-weight: bold;
		height: 34px;
		margin: 10 0 0 5;
		padding: 10 5 0 5;
		text-decoration: none;
		text-align: center;
		width: 90px;
	}

	#side a:hover {
		background-position: 0 -44px;
		color: #fff;
	}

	#side a.navon {
		background-position: 0 -44px;
		color: #fff;
	}

	/* Secondary Navigation Persistent State */
		/*What is YVC*/
	body#what_is_yvc div#side div#what_is_yvc a#what,
	body#what_is_yvc_history div#side div#what_is_yvc a#history,
	body#what_is_yvc_board_staff div#side div#what_is_yvc a#board,
	body#what_is_yvca_locations div#wrap div#side div#what_is_yvc a#location,

		/*Start a YVC*/
	body#start_a_yvc div#side div#start_a_yvc a#start,
	body#start_a_yvc_how_to div#side div#start_a_yvc a#starthow,
	body#start_a_yvc_faqs div#side div#start_a_yvc a#startfaq,
	body#start_a_yvc_testimonial div#side div#start_a_yvc a#testimonial,

		/*Get Involved*/
	body#get_Involved div#side div#get_involved a#involved,
	body#get_involved_press div#side div#get_involved a#letters,
	body#get_involved_volunteer div#side div#get_involved a#volunteer,
	body#get_involved_start div#side div#get_involved a#getstart,

		/*Support YVC*/
	body#support div#side div#support a#support,
	body#support_donate div#side div#support a#donate,
	body#support_auto_donation div#side div#support a#autodonate,
	body#support_floral div#side div#support a#floraldonate,
	body#support_links div#side div#support a#donatelinks,

		/*Resources*/
	body#resources div#side div#resources a#resources,
	body#resources_photo div#side div#resources a#photo,
	body#resources_video div#side div#resources a#video,
	body#resources_logos div#side div#resources a#logos,
	body#resources_press div#side div#resources a#release,
	body#resources_stats div#side div#resources a#quote,
	body#resources_marketing div#side div#resources a#marketing,
		
		/* Affiliates News */
	body#affiliates div#side div#affiliates a#news,
	body#affiliates_news_david div#side div#affiliates a#news1,
	body#affiliates_news_wendy div#side  div#affiliates a#news2,
	body#affiliates_news_jenn div#side div#affiliates a#news3,

		/*AmeriCorps*/
	body#affiliates_americorps div#side div#americorps a#americorps,
	body#affiliates_americorps_eligibility div#side div#americorps a#eligibility,
	body#affiliates_americorps_forms div#side div#americorps a#forms,
	body#affiliates_americorps_uniforms div#side div#americorps a#uniforms,
	body#affiliates_americorps_links div#side div#americorps a#links {
		background-position: 0 -44px;
		color: #fff;
	}

/*-------------------------------------------------------------
	7. CONTENT
--------------------------------------------------------------*/
#main {
	background: url() left top no-repeat;
	height: auto;
	min-height: 500px;
	padding: 5 10 5 10;
	width: 780px;
}

	#main a, #main a:visited {
		color: #0055A5;
	}

	#main a:hover {
		color: #000;
		text-decoration: none;
	}

	#main p {
		margin: 10 20 10 20;
		padding: 8 8 8 8;
		text-align: justify;
		width: 93%;
	}

	#main img.bio {
		border: 5px double #5EB6CA;
	}

	#main object {
		padding: 4 0 4 15;
		}


/*-------------------------------------------------------------
	8. FOOTER
--------------------------------------------------------------*/
#footer  { 
	background: #0055A5 url(/site_images/yvc_footer.gif) no-repeat 0 0;
	height: 130px;
}

#footer a, #footer a:visited {
	color: #000;
	text-decoration:none;
}

#footer a:hover {
	color: #f00;
	text-decoration: underline;
}

#footer address {
	color: #fff;
	font-style: normal;
	padding: 35 0 0 0;
	text-align: center;
}
#footer_logos{
	background: #fff;
	float:right;
	margin-top: -25px;
	margin-right: 35px;
	padding: 5px 3px 0px 3px;
}

/*-------------------------------------------------------------
	9. TYPOGRAPHY
--------------------------------------------------------------*/
#actionline {
	margin: 3 3 3 3;
	padding: 2 2 2 2;
	text-align: right;
	background: #fff;
	width: 750px;
}

#actionline a, #actionline a:visited, #actionline a:hover {
	color: #000;
}

h1, h2, h3, h4, h5, h6 {
	margin: 14px 0 14px 24px;
	font-family: "Trebuchet MS", serif;
}

h1, h2, h4, h5, h6 {
	color: #000;
}

h1 {
	font-size: 2.3em;
}

h2 { 
	font-size: 1.8em;
}

h3 {
	font-size: 1.5em;
	color: #0055A5;
}

h4, h5, h6 {
	font-size: 1.1em ;
}

#main fieldset h4 + h5 {
	margin-top: -10px;
	color: #3E838F;
	}

p.caption {
	
}

.dateline, .byline {
	font-weight: bold;
	margin: 0 0 0 25;
	}

.article_division {
	border: 1px solid #D6EEF2;
	}

#readmore { 
	float:right; 
	margin: 0px 15px 15px 30px;
	padding: 2px;
	width: 40px;
	background: #0055A5;
	border: 1px solid #fff;
}

	#readmore a, #readmore a:visited {
		color: #fff;
		text-decoration: none;
		}

	#readmore a:hover {
		text-decoration: underline;
		}

img.right {
	float:right; 
	margin: 0 0 30 20px; 
	border: 3px solid #ccc; 
	margin: 3px 0 3px 3px;
}

img.left {
	float:left; 
	margin: 10 20 15 0px; 
	border: 3px solid #ccc; 
	margin: 3px 3px 3px 0;
}

img.center {
	border: 3px solid #ccc; 
	margin: 3px;
}

img.uparrow {
	float:left; 
	margin: 3 5px 0 0px; 
	border:0px; 
}

.date_class {
	margin-left:20px;
}

.byline {
	margin-left:20px;
	text-decoration:italic;
}

#main blockquote {
	background-color: #0055A5; 
	color: #fff; 
	padding:5 5 5 5;
	margin: 10 20 10 10;
	float: right;
	width: 250px;
	border: 1px solid #5EB6CA;
}

#main blockquote:before {}
#main blockquote:after {}

#main .highlight {
	background-color: #4384BC;
	color: #fff;
	width: auto;
}

#main ol, #main ul {
	list-style-position: inside;
	padding: 5px 5px 5px 25px;
}

#main li {
	list-style-position: inside;
	padding: 6px;
	}


#main table {
	border-collapse: collapse;
	width: 93%;
	color: #000;
	font-size: .9em;
	font-family: Helvetica, Verdana, Arial, sans-serif;
}

.fullblock {
	background: #CCE9ED;
	margin: 10 20 10 20;
	padding: 8 8 8 8;
	text-align: justify;
	width: 93%;
	border: 1px solid #5EB6CA;
	height: 30%;
}

.left {
	float:left;
	width: 13%;
}

.right {
	float: right;
	width: 83%;
}

#main address {
	background: #CCE9ED;
	margin: 10 20 10 20;
	padding: 8 8 8 8;
	text-align: justify;
	width: 93%;
	border: 1px solid #5EB6CA;
}

object {
	margin: 0 15px 0 15px;
	}
/*-------------------------------------------------------------
	10. CMS SETTINGS
--------------------------------------------------------------*/

		/*-------------------------------------------------------------
			10 a. CALENDAR STYLES
		--------------------------------------------------------------*/
		#calendar {
			margin-left: auto;
			margin-right: auto;
			width: 500px;
			}
		
		table#main_table {
			width: 500px;
			}

		.dow { /* headers for days of the week */
		background-color:#AEDDE3;
		font-size:11px;
		color:#000;
		width:74px;
		float:left;
		text-align:center;
		padding-top:5px;
		padding-bottom:5px;
		}

		#entry { /* 'blank' day blocks - no event this day */
		width:69px;
		float:left;
		height:50px;
		background-color:#FFF;
		color:#000000;
		border-bottom:1px solid #262626;
		border-right:1px solid #262626;
		font-size:10px;
		padding:2px;
		}

		#entry_full { /* 'full' day blocks - event on this day */
		width:69px;
		float:left;
		height:50px;
		background-color:#25588B;
		color:#fff;
		border-bottom:1px solid #262626;
		border-right:1px solid #262626;
		font-size:10px;
		padding:2px;
		cursor:pointer;
		}

		#entry_full:hover { /* 'full' day block hover */
		background-color: #E7F5F6;
		color:#000;
		}

		#entry_blank {
		width:69px;
		float:left;
		height:50px;
		color:#000000;
		border-bottom:1px solid #262626;
		border-right:1px solid #262626;
		font-size:10px;
		padding:2px;
		}

		#outline {
		border:1px solid #fff;
		width:525px;
		padding:2px;
		}

		.calendar_content {
		width:500px;
		background-color:#efefef;
		margin-top:10px;
		color:#000;
		font-size:12px;
		border:1px solid #000000;
		padding: 0 5px 0 5px;
		}

		#calendar_nav {
		width:525px;
		padding-top:10px;
		}

		#calendar_nav a {
		font-size:12px;
		font-weight:bold;
		}

		#calendar_nav a:hover {
		text-decoration:none;
		}

		div#calendar_list {
		width:525px;
		margin-bottom:10px;
		padding:8px;
		font-size:12px;
		line-height: 16px;
		}

		h2.header {
		font-size:20px;
		margin: 0px;
		padding: 5px 0 5px 5px;
		width: auto;
		background: #E7F5F6;
		}

		/*-------------------------------------------------------------
			10 a. SLIDESHOW STYLES
		--------------------------------------------------------------*/
		#slideshowwrap {
			width: 432px;
			margin: 15px;
			text-align: center;
			border: 3px #fff solid;
		}

		#slideshowwrap div#slideshow {
			border: 1px #fff solid;
			background: #fff;
			height: 22px;
			width: 432px;
		}

		#slideshowwrap div#slideshow a.previous,
		#slideshowwrap div#slideshow a.stop,
		#slideshowwrap div#slideshow a.play,
		#slideshowwrap div#slideshow a.next {
			width: 22px;
			height: 22px;
			float: left;
			}
			
			#slideshow {
				text-align: center;
				}

			#slideshowwrap div#slideshow a.previous {
				background: url(/images/slideshow_previous.gif) no-repeat;
				}

			#slideshowwrap div#slideshow a.stop {
				background: url(/images/slideshow_stop.gif) no-repeat;
				}

			#slideshowwrap div#slideshow a.play {
				background: url(/images/slideshow_play.gif) no-repeat;
				}

			#slideshowwrap div#slideshow a.next {
				background: url(/images/slideshow_next.gif) no-repeat;
				}

		#slidecaption {
			background: #fff;
			color: #000;
			font-size: 14px;
			height: 24px;
			text-align: center;
		}

/*-------------------------------------------------------------
	11. EMAIL FORM
--------------------------------------------------------------*/
table#form {
	width: 400px;
}

input {
	border: 1px solid #BBE2E7;
	font-family: Trebuchet MS;
}

/*Email Send Button*/
#email_article {

}

.email_field {
	margin: 5 5 5 15;
	padding: 10 10 10 10;
	width: 404px;
	border: 1px solid #bbe2e7;
}

.submit input {
color: #fff;
background: #4384BC;
border: 1px solid #BBE2E7;
float: right;
margin: 10 35 0 0;
}

.textarea {
border: 1px solid #BBE2E7;
}

.newsletter {
color: #fff;
font-weight: bold;
}

#newsup {
text-align: right;
}

.emailform {
color: #000;
font: 1.2em Trebuchet MS, Arial, sans-serif;
}

.instructions {
font-size: .8em;
}

/*---------------------------------------------
EXTRA - CODA SLIDER
---------------------------------------------*/
/* Coda Slider */
/* Coda Slider */
#wrapitup {
			width: 750px;
			height: 330px;
			margin: 0 auto;
			}

		#wrapitup #imagenav {
			width: 200px;
			float: left;
			}
		
		#wrapitup #slider1 {
			float: left;
			}

		#wrapitup p { text-align: left; margin: 15px 0;}
		
		#wrapitup p, #wrapitup ul { } 
		
		#wrapitup p a, #wrapitup li a { color: #39c; text-decoration: none }
		
		#wrapitup p.intro { border-bottom: 1px solid #ccc; margin-bottom: 20px; padding: 20px 0 30px 0; text-align: center; width: 100% }
		
		#wrapitup p#cross-links { text-align: center; padding: 0px; margin: 0px; }
		
		/* Narrator Navigation Images Mouseover */
			/* Image Assignment */
				#wrapitup #imagenav a#know, 
				#wrapitup #imagenav a#involve, 
				#wrapitup #imagenav a#donate, 
				#wrapitup #imagenav a#login {
					background: url(/site_images/narrator_buttons.gif) no-repeat;
					display: block;
					width: 200px;
					height: 78px;
					text-decoration: none;
					margin-bottom: -5px;
					}

				#wrapitup #imagenav a#know {background-position: 0 0;}
				#wrapitup #imagenav a#involve {background-position: 0 -78px;}
				#wrapitup #imagenav a#donate {background-position: 0 -156px;}
				#wrapitup #imagenav a#login {background-position: 0 -234px;}
					/* Image Hover */
				#wrapitup #imagenav a#know:hover {background-position: -200px 0;}
				#wrapitup #imagenav a#involve:hover  {background-position: -200px -78px;}
				#wrapitup #imagenav a#donate:hover  {background-position: -200px -156px;}
				#wrapitup #imagenav a#login:hover  {background-position: -200px -234px;}


		#wrapitup noscript p, #wrapitup noscript ol { color: #a00;  text-align: left ;}
		#wrapitup noscript a { color: #a00; text-decoration: underline ;}
		#wrapitup noscript ol { margin-left: 25px; ;}
		
		#wrapitup a:focus { outline:none ;}
		
		#wrapitup img { border: 0 ;}
		
		#wrapitup h3 { border-bottom: 1px solid silver; margin-bottom: 5px; padding-bottom: 3px; text-align: left ;}
		
		#wrapitup body {
			font-family: Helvetica, Verdana, Arial;
		}
		
		#wrapitup .stripViewer .panelContainer .panel ul {
			text-align: left;
			margin: 0 15px 0 30px;
		}
		
		#wrapitup .slider-wrap { /* This div isn't entirely necessary but good for getting the side arrows vertically centered */
			margin: 20px 0;
			position: relative;
			width: 100%;
		}

		/* These 2 lines specify style applied while slider is loading */
		#wrapitup .csw {width: 100%; height: 460px; background: #fff; overflow: scroll;}
		#wrapitup .csw .loading {margin: 200px 0 300px 0; text-align: center;}

		#wrapitup .stripViewer { /* This is the viewing window */
			position: relative;
			overflow: hidden; 
			/*border: 5px solid #000; /* this is the border. should have the same value for the links */
			margin: auto;
			width: 480px; /* Also specified in  .stripViewer .panelContainer .panel  below */
			height: 295px;
			clear: both;
			background: #fff;
		}
		
		#wrapitup .stripViewer .panelContainer { /* This is the big long container used to house your end-to-end divs. Width is calculated and specified by the JS  */
			position: relative;
			left: 0; top: 0;
			width: 100%;
			list-style-type: none;
			/* -moz-user-select: none; // This breaks CSS validation but stops accidental (and intentional - beware) panel highlighting in Firefox. Some people might find this useful, crazy fools. */
		}
		
		#wrapitup .stripViewer .panelContainer .panel { /* Each panel is arranged end-to-end */
			float:left;
			height: 100%;
			position: relative;
			width: 480px; /* Also specified in  .stripViewer  above */
		}
		
		#wrapitup .stripViewer .panelContainer .panel .wrapper { /* Wrapper to give some padding in the panels, without messing with existing panel width */
			padding: 5px;
		}
		
		#wrapitup .stripNav { /* This is the div to hold your nav (the UL generated at run time) */
			display: none !important;
		}
		
		#wrapitup .stripNav ul { /* The auto-generated set of links */
			list-style: none;
		}
		
		#wrapitup .stripNav ul li {
			float: left;
			margin-right: 2px; /* If you change this, be sure to adjust the initial value of navWidth in coda-slider.1.1.1.js */
		}
		
		#wrapitup .stripNav a { 
			font-size: 10px;
			font-weight: bold;
			text-align: center;
			line-height: 32px;
			background: #c6e3ff;
			color: #fff;
			text-decoration: none;
			display: block;
			padding: 0 15px;
		}
		
		#wrapitup .stripNav li.tab1 a { background: #60f ;}
		#wrapitup .stripNav li.tab2 a { background: #60c ;}
		#wrapitup .stripNav li.tab3 a { background: #63f ;}
		#wrapitup .stripNav li.tab4 a { background: #63c ;}
		#wrapitup .stripNav li.tab5 a { background: #00e ;}
		
		#wrapitup .stripNav li a:hover {
			background: #333;
		}
		
		#wrapitup .stripNav li a.current {
			background: #000;
			color: #fff;
		}
		
		#wrapitup .stripNavL, .stripNavR { 
			position: absolute;
			text-indent: -9000em;
		}
		
		#wrapitup .stripNavL a, .stripNavR a {
			display: block;
			height: 40px;
			width: 40px;
		}
		
		#wrapitup .stripNavL {
			left: 0;
		}
		
		#wrapitup .stripNavR {
			right: 0;
		}

/*-----------------------------------------------------------
MEDIA LIBRARY
-----------------------------------------------------------*/

/* MEDIA LIBRARY */
/* Adjust Background, Margin, Background Color, Border 
DO NOT ADD PADDING */

.media_lib_image_left, .media_lib_image_right, .media_lib_image_center, .media_lib_image {
	background: ;
	border: ;
	margin: ;
}

/* Adjust Anchor Surrounding Media Library Image */

a.media_lib_image_left, 
a.media_lib_image_right, 
a.media_lib_image_center, 
a.media_lib_image,
a:visited.media_lib_image_left, 
a:visited.media_lib_image_right, 
a:visited.media_lib_image_center, 
a:visited.media_lib_image,
a:hover.media_lib_image_left, 
a:hover.media_lib_image_right, 
a:hover.media_lib_image_center, 
a:hover.media_lib_image {

}

/* Adjusts Alignment - DO NOT CHANGE */
.media_lib_image_left {
	float: left;
	margin: 20px 20px 20px 0px;
}

.media_lib_image_right {
	float: right;
	margin: 20px 0px 20px 20px;
}

.media_lib_image_center {
	float: center;
	margin: 20px;
}

.media_lib_image {
	margin: 10px auto;
}

#main fieldset h4 {
	background: #EDF8FA;
	width: 90%;
	}

#main div.map_wrap {
	background-color: #EEF8F9;
	}

#main fieldset {
	border: 1px dotted #C3E6EA;
	margin: 6px;
	}

#main div.map_info {
	display: block;
	float: left;
	}

	#main div.map_info ul {
		margin: 0px;
		}

	#main div.map_info li {
		list-style: none;
		width: 230px;
		padding: 0px;
		}

	#main div.map_prog_dir {
		float: left;
		width: 200px;
		}

	#main div.map_prog_exec {
		float: left;
		width: 250px;
		}

		#main div.map_prog_exec li, #main div.map_prog_dir li {
			list-style: none;
			padding: 0px;
			}