/* theserviceguild.org | 7/17/09 | screen.css */


html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

body {
	line-height: 1;
}

blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
 
/* remember to define focus styles! */
:focus {
	outline: 0;
}
 
/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}
 
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}


body {
	background:#eaeaea;
	font: 62.5% Verdana, Arial, Helvetica, sans-serif; 
	color: #333; 
	margin: 0; 
	padding: 0;
}


h1 {
	background:url(images/sgb_logo.png);
	height:100px;
	width:100px;
	float:left;
	margin: 13px 0 0 78px;
	padding: 0 0 0 0;
	text-indent:-9999em;
	}

h1 a {display:block; height: 100px; width:100px;}
	
* html h1 {
	margin: 13px 0 0 39px;
	}	

#top .print-logo {
	display:none;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	}
	
	
	
h2 {
	margin: 0 0 0 0;
	padding: 0 0 5px 30px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:2em;
	
	}
	
h3 {
	margin: 0 0 10px 0;
	padding: 10px 0 0 0;
	font-size:1.6em;
	}
	
	
#top {
	background:url(images/top-section.jpg);
	background-repeat:no-repeat;
	margin: 0 auto;
	padding: 0 0 0 0;
	height:183px;
	width:1020px;
	}
	
#nav {
	background:url(images/main-nav-bg.png);
	margin: 15px 0 20px 93px;
	padding: 0 0 0 0;
	height:39px;
	width:842px;
	overflow:hidden;
	float:left;
	}

* html #nav {
	margin: 15px 0 0 48px;
	}
	
#nav a {
	color: #333;
	text-decoration: none;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	text-align: center;
	padding-top:8px;
	float: left;
	overflow: hidden;
	display: block;
	}
	
#nav a:visited { color: #333; }
#nav a:hover { color: #fff; }
	

#nav .home {
	margin-left:0;
	height:39px;
	width:84px;
	background:url(images/home.png) -92px 0 no-repeat;
	}
	
#nav .home:hover {
	background:url(images/home.png) 0 0 no-repeat;
	}
	
#nav .home-active { 
	background:url(images/home.png) 0 0 no-repeat;
	margin-left: -2px;
	}	


#nav .about-us {
	margin-left:-2px;
	height:39px;
	width:86px;
	background:url(images/about_us.png) -93px 0 no-repeat;
	}
	
#nav .about-us:hover { background:url(images/about_us.png) 0 0 no-repeat; }
		
#nav .about-us-active {
	background:url(images/about_us.png) 0 0 no-repeat;
	margin-left:-2px;
	height:39px;
	width:86px;
	}
	
#nav .marathon {
	margin-left:-5px;
	height:39px;
	width:154px;
	background:url(images/mercedes_marathon.png) -159px 0 no-repeat;
	}
	
#nav .marathon:hover {
	background:url(images/mercedes_marathon.png) 0 0 no-repeat;
	}	
	
	
#nav .gala {
	margin-left:-3px;
	height:39px;
	width:94px;
	background:url(images/guild_gala.png) -100px 0 no-repeat;
	}
	
#nav .gala:hover {
	background:url(images/guild_gala.png) 0 0 no-repeat;
	}
	
	
#nav .gourmetdinners {
	margin-left:-3px;
	height:39px;
	width:139px;
	background:url(images/sponsors.png) -150px 0 no-repeat;
	}
	
#nav .gourmetdinners:hover {
	background:url(images/sponsors.png) 0 0 no-repeat;
	}
	
#nav .donate {
	margin-left:0px;
	height:39px;
	width:72px;
	background:url(images/donate.png) -89px 0 no-repeat;
	}
	
#nav .donate:hover {
	background:url(images/donate.png) 0 0 no-repeat;
	}	
	
#nav .media-center {
	margin-left:-4px;
	height:39px;
	width:112px;
	background:url(images/media_center.png) -119px 0 no-repeat;
	}
	
#nav .media-center:hover {
	background:url(images/media_center.png) 0 0 no-repeat;
	}
	
#nav .contact {
	margin-left:-3px;
	height:39px;
	width:117px;
	background:url(images/contact_us.png) -130px 0 no-repeat;
	}
	
#nav .contact:hover {
	background:url(images/contact_us.png) 0 0 no-repeat;
	}				
				
		
	
	
#top .logo {
	float:left;
	margin: 13px 0 0 78px;
	}	
	
#top .years {
	float:left;
	margin: 22px 0 0 15px;
	width:213px;
	height:91px;
	}	
	
#top .member {
	text-decoration:none;
	display:block;
	margin: 105px 0 0 387px;
	padding:0 0 0 0;
	height:23px;
	width:153px;
	overflow:hidden;
	float:left;
	background:url(images/member_login.jpg) 0 0 no-repeat;
	text-indent:-9999em;
	}
	
#top .member:hover {
	background:url(images/member_login.jpg) -153px 0 no-repeat;
	}			


	
#wrap {
	background:url(images/center-section.jpg);
	background-repeat: repeat-y;
	padding: 20px 0 25px 0;
	margin: 0 auto;
	width:1020px;
	min-height:334px;
	}	


#subnav {
	width:150px;
	height:300px;
	margin: 30px 0 0 70px;
	float:left;
	font-size:.9em;
	}
	
* html #subnav {margin-left: 38px;}	

#subnav ul {
	list-style:none;
	text-decoration:none;
	}
	
#subnav li{
	list-style:none;
	text-decoration:none;
	margin: 0 0 10px 0;
	}

#subnav a{
	display:block;
	width:120px;
	margin: auto;
	padding: 10px 0px 10px 15px;
	}	
	
	#subnav li ul {margin-left: 10px;}
	#subnav li li{font-size:1em;}
	#subnav li li a{width: 105px;}
	
#subnav a:hover{
	background-color:#4D4D4D;
	}


/*No sub nav */
#content-sub a {
	color: #FFFFFF;
}
#content-sub a:hover {
	color: #FF1F00;
}


#content a {
	color: #FFFFFF;
}
#content a:hover {
	color: #FF1F00;
	}
	
#content-sub {
	width:800px;
	height:auto;
	margin: 0 0 0 100px;
	padding: 0 0 0 20px;
	}
	
	
#content-sub p {
	line-height:1.8em;
	font-size:1.2em;
	margin: 10px 0 0 0px;
	padding: 0 10px 0 0;
	}

#content-sub h2 {
	padding: 0 0 5px 0;
	}	
	
#content-sub .filler {
	float:left;
	padding: 5px 7px 0 0; 
	margin: 10px 0 0 0;
	}
	
#content-sub .filler-right {
	float:right;
	padding: 5px 7px 0 10px; 
	margin: 10px 10px 0 0;
	}	


/*content is going to be the main, center section, different than left and right_content */

#content {
	width:650px;
	height:auto;
	margin: 0 0 0 230px;
	padding: 0 0 0 20px;
	border-left: #B6B6B6 solid 1px;
	} 
	
#content p {
	line-height:1.8em;
	font-size:1.2em;
	margin: 10px 0 0 0px;
	padding: 0 10px 0 0;
	}	
	
#content h2 {
	padding: 0 0 5px 0;
	}	
	
#content .filler {
	float:left;
	padding: 5px 7px 0 0; 
	margin: 10px 0 0 0;
	}	
	
	
#content .filler-right {
	float:right;
	padding: 5px 7px 0 10px; 
	margin: 10px 10px 0 0;
	}		

/*left and right content are used for the homepage or where the grey divider is wanted*/

#left_content a {
	color: #FFFFFF;
}
#left_content a:hover {
	color: #FF1F00;
}
#right_content a {
	color: #FFFFFF;
}
#right_content a:hover {
	color: #FF1F00;
}

* html #left_content {
	width:475px;
	margin: 0 0 0 45px;
	float:left;
	}

* html #left_content p {
	margin: 0 35px 0 30px;
	}


#left_content {
	width:475px;
	height: auto;
	float:left;
	margin: 0 10px 0 90px;
	padding: 0 0 0 0;
	}
	
#left_content p {
	margin: 10px 35px 0 30px;
	padding: 0 0 0 0;
	line-height:1.8em;
	font-size:1.2em;
	}	


#right_content  {
	width:350px;
	min-height:434px;
	float:left;
	margin: 0 20px 0 5px;
	padding: 0 0 0 25px;
	border-left: #B6B6B6 solid 1px;
	}

* html #right_content {
	margin: 0 20px 0 0;
	padding: 0 0 0 30px;
	float:left;
	width:350px;
	}

* html #right_content p {
	margin: 0 0 10px 0;
	padding: 10px 40px 0 0;
	}


#right_content p {
	margin: 0 0 10px 0;
	padding: 10px 30px 0 0px;
	line-height:1.8em;
	font-size:1.2em;
	}	


/* Links, wrap and footer */

a {
	font-size:1.0em;
	color:#FFFFFF;
	}	
a:link {
	color: #FFFFFF;
}


a:hover {
	color:#FF1F00;
	}	
	
a:visited {
	color:#D6D6D6;
	}



#wrap ul {
	margin: 0 0 0 20px;
	padding: 7px 0 0 0;
	}
	
#wrap li {
	line-height:1.4em;
	font-size:1.3em;
	padding: 0 0 0 5px;
	margin: 0 0 0 0;
	}	
	
#wrap ul#pics {
	float:left;
	margin: 0 0 15px 23px;
	padding: 0;
	width: 447px;
	height: 292px;
	overflow: hidden;
	}
	
* html #wrap ul#pics { margin: 0 0 20px 12px; }
	
#pics li { 
	list-style: none; }
	
#footer {
	background:url(images/bottom-section.jpg) no-repeat;
	color:#FF1F00;
	font-size:1.1em;
	width:1020px;
	margin: 0 auto;
	text-align:center;
	padding-bottom:10px;
	padding-top: 10px;
	}	
		
#footer ul {
	list-style:none;
	padding: 13px 0 0 0;
	}				
#footer li {
	display:inline;
	padding-right:16px;
	border-left:thin;
	}	
	
#footer .footer-link {
	color:#FF1F00;
	text-decoration:underline;
	font-size:1em;
	}
			
	
img.alignleft {float: left; margin: 10px;}

img.alignright {float: right; margin:10px;}

#content, #content-sub {min-height: 600px;}
* html #content, * html #content-sub {height: 600px;}


* html #nav .home {
	background:url(/images/home.gif) -92px 0 no-repeat;
	}
	
* html #nav .home:hover {
	background:url(images/home.gif) 0 0 no-repeat;
	}	


* html #nav .about-us {
	background:url(images/about_us.gif) -93px 0 no-repeat;
	}
	
* html #nav .about-us:hover {
	background:url(images/about_us.gif) 0 0 no-repeat;
	}
	
	
* html #nav .about-us-active {
	background:url(images/about_us.gif) 0 0 no-repeat;
	}
	
* html #nav .marathon {
	background:url(images/mercedes_marathon.gif) -159px 0 no-repeat;
	}
	
* html #nav .marathon:hover {
	background:url(images/mercedes_marathon.gif) 0 0 no-repeat;
	}	
	
	
* html #nav .gala {
	background:url(images/guild_gala.gif) -100px 0 no-repeat;
	}
	
* html #nav .gala:hover {
	background:url(images/guild_gala.gif) 0 0 no-repeat;
	}
	
	
* html #nav .gourmetdinners {
	background:url(images/sponsors.gif) -150px 0 no-repeat;
	}
	
* html #nav .gourmetdinners:hover {
	background:url(images/sponsors.gif) 0 0 no-repeat;
	}
	
* html #nav .donate {
	background:url(images/donate.gif) -89px 0 no-repeat;
	}
	
* html #nav .donate:hover {
	background:url(images/donate.gif) 0 0 no-repeat;
	}	
	
* html #nav .media-center {
	background:url(images/media_center.gif) -119px 0 no-repeat;
	}
	
* html #nav .media-center:hover {
	background:url(images/media_center.gif) 0 0 no-repeat;
	}
	
* html #nav .contact {
	background:url(images/contact_us.gif) -130px 0 no-repeat;
	}
	
* html #nav .contact:hover {
	background:url(images/contact_us.gif) 0 0 no-repeat;
	}
	
	/* Captions */
	.aligncenter,
	div.aligncenter {
		display: block;
		margin-left: auto;
		margin-right: auto;
	}
	
	div.alignleft {float:left;}

	div.alignright {float:right;}

	.wp-caption {
		border: 1px solid #ddd;
		text-align: center;
		background-color: #CACFC2;
		padding-top: 4px;
		margin: 10px;
		-moz-border-radius: 3px;
		-khtml-border-radius: 3px;
		-webkit-border-radius: 3px;
		border-radius: 3px;
	}

	.wp-caption img {
		margin: 0;
		padding: 0;
		border: 0 none;
	}

	.wp-caption p.wp-caption-text {
		font-size: 11px;
		line-height: 17px;
		padding: 0 4px 5px;
		margin: 0;
	}
	/* End captions */
	
div#dyk img {border: 5px solid #fff;}