/* CSS Document */
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/* -------------------------- */
/*    Core Styles for SYC     */
/* -------------------------- */
body {
	padding:0;
	margin:0;
	font-family:Calibri, Helvetica, Arial, sans-serif;
	color:#3f3f3f;
	background-color: #f2f2f2;
	background-image: url(../images/foot_bkgd.png);
	background-repeat: repeat-y;
	background-position: center top;
}
#topContainer, #menuContainer, #contentContainer, #footContainer { padding:0; margin:0; text-align:center; }
#head, #foot, #content {
	text-align:left;
	padding:0 10px;
	margin:0 auto;
	width:960px;
	width/**/:940px;
}
#menuContainer { background: url(../images/nav_bkgd.png) repeat-x center center; padding:0 20px; margin:0 auto; width:960px; width /**/:920px  }
#menu {
	text-align:center;
	padding:0; margin:0;
}
#topContainer {
	background-image: url(../images/bkgd.png);
	background-repeat: repeat-y;
	background-position: center top;
}
#contentContainer {
	background-image: url(../images/bkgd.png);
	background-repeat: repeat-y;
	background-position: center top;
}
#content {
	background-image: url(../images/content_bkgd.png);
	background-position: center top;
	background-repeat: no-repeat;
}

/* -------------------------- */
/* ----- heading styles ----- */
/* -------------------------- */
#head {
	padding:0;
	margin:0 auto;
	width:960px;
}
#head h1.syc {
	padding:0;
	margin:0;
	background-image: url(../images/syc_logo-cloth.jpg);
	background-repeat: no-repeat;
	background-position: left center;
	height: 117px;
	text-indent: -5000px;
}
/* -------------------------- */
/* ----- nav menu styles ---- */
/* -------------------------- */
#nav {
	padding:0;
	margin:0;
	height:30px;
	list-style:none;
	display:inline;
}
#nav li { padding:0; margin:0; list-style:none; display:inline; }
#nav a { float:left; font-size:16px;  padding:4px 12px 6px 12px; }
#nav a:link, #nav a:visited { color:#f2f2f2; text-decoration:none;	}
#nav a:hover, #nav a:active { color:#ea008a; }
#nav a.first { padding-left:0; }
#nav a.last { padding-right:0; }
/* -------------------------- */
/* ----- content styles ----- */
/* -------------------------- */
/* h3.head { padding:0; margin:0; background-repeat: no-repeat; background-position: left center; height: 24px; text-indent: -5000px; } */
h3 { text-align: left; margin:0; padding:0; font-size:24px; font-family:Cambria, Georgia, serif; font-weight:bold; }
img.right { float:right; margin:0 0 10px 10px; padding:0; }
img.left { float:left; margin:0 10px 10px 0; padding:0; }
div.narrow img { margin-top:14px; }

#content p, #content ul, #content ol, #content dl, .formHint { font-size:14px; line-height:24px; padding:8px 0 8px 0; margin:0; }
#content code { font-size: 12px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; }
#content h4 { font-family:Georgia, "Times New Roman", Times, serif; padding-bottom:0; margin-bottom:0; }
#content { padding-bottom:20px; }
#contentHead { padding:36px 0 0 10px; margin:0; }
div.medium {
	padding:0 10px 0 10px;
	margin:0;
	width:500px;
	width/**/:490px;
	float: left;
	background: #fff;
}
div.wide {
	padding:0 0 0 10px;
	margin:0;
	width:790px;
	width/**/:780px;
	float:left;
	background: #fff;
}
div.narrow {
	padding:0 0 0 15px;
	margin:0 0 0 50px;
	width:300px;
	float:left;
	background-color: #fff;
}
div.noRule { padding-left:0; margin-left:0; }
div.rule { border-left: 1px solid #b2b2b2; }
div.rule h4, div.noRule h4 { padding-top:0; margin-top:0; }
div.rule, div.noRule { padding-top:2px; margin-top:14px; }
#content a { color:#ea008a; }
#content ul { margin-left:18px; }
#content ul li ul { padding-bottom:8px; }
#content ul ul li { margin-left:18px; }
#content ul.postp { padding-top:0; }
#content li { list-style-image: url(../images/bullet.png); }
#content ol li { list-style:decimal; margin-left:16px; }

div.quoteOdd, div.quoteEven, div.quote {
	padding:10px 0 14px;
	margin:0;
	clear: both;
}
div.quote {
	padding:12px 0 0;
}
div.quoteOdd p {
	padding:12px 0px 0px;
	width: 500px;
	float: left;
	margin-top: 12px;
}
div.quoteEven p {
	padding:12px 0px 0px;
	width: 500px;
	float: left;
	margin-top: 12px;
}
div.quoteOdd img { border:1px solid; float:left; margin:0 0 0 24px; }
div.quoteEven img { border:1px solid; float:left; margin:0 24px 0 0; }

#content ul.links { 
	padding: 0;
	margin: 0;
	list-style: none;
	float: left;
	width: 200px;
}
#content ul.newsArticles { 
	padding: 16px 0 0 0;
	margin: 0;
	list-style: none;
}
#content ul.links li, #content ul.newsArticles li { padding-bottom: 8px; }
#content ul.left { padding-right: 28px; }
#content ul.dir { list-style:none; padding:0; margin:0; }
#content li.letter { padding:0 0 8px 0; margin:0; font-family:Georgia, "Times New Roman", Times, serif; font-size:16px; font-weight: bold;  }
#content ul.contact { list-style:none; padding:0; margin:0; font-size:12px; line-height:18px; }
#content ul.lit { list-style:none; padding:0 0 24px 0; margin:0; }
#content ul ul { list-style:none; padding:0; margin:0; }
#content ul.lit li.head { font-weight:bold; padding-top:8px; }
#content h6 { font-size:16px; padding:8px 0 10px 0; margin:0; color:#f90; }

#content ul.subList {
	list-style-type: circle;
	margin-left: 12px;
}
/* -------------------------- */
/* ----- footer styles ------ */
/* -------------------------- */
#foot { color:#fffff6; padding-top:16px; background: url(../images/foot_shadow.png) repeat-x top; }
#foot h6 { padding:16px 0 0 3px; margin:0; font-size:10px; color:#f2f2f2; font-weight:normal;}
#foot a { text-decoration:none; color:#ea008a; }
#foot ul.social { display:inline; padding:0; margin:0; height:16px; font-size:14px; }
#foot ul.social li { display:inline; padding:0 0 0 20px; margin:0 16px 0 0; }
li.questions {background: url(../images/Help_16x16.png) left center no-repeat; }
li.facebook { background: url(../images/facebook-16x16.gif) left center no-repeat; }
li.twitter { background: url(../images/twitter-16x16.gif) left center no-repeat; }
li.rss { background: url(../images/feed-16x16.gif) left center no-repeat; }
li.newsletter { background: url(../images/email-16x16.gif) left center no-repeat; }

/* -------------------------- */
/* ------- form styles ------ */
/* -------------------------- */
#form1{
	margin:1em 0;
	padding-top:10px;
	}
#form1 fieldset{
	margin:0;
	padding:0;
	border:none;	
	float:left;
	display:inline;
	width:460px;
	margin-left:25px;
	}		
#form1 legend{display:none;}	
#form1 p{margin:.5em 0;}	
#form1 label{display:block;}	
#form1 input, #form1 textarea{		
	width:420px;
	border:1px solid #ddd;
	background:#fff url(../images/form_input.gif) repeat-x;
	padding:3px;
	}		
#form1 textarea{
	/* height:125px; */
	overflow:auto;
	}					
#form1 p.submit{
	clear:both;
	padding:20px 25px 10px 25px;
	margin:0;
	text-align:left;
	}	
#form1 button{
	font-size: 16px;
	width:150px;
	height:37px;
	line-height:35px;		
	border:none;
	background:url(../images/form_button.gif) no-repeat 0 0;
	color:#fff;
	cursor:pointer;
	text-align:center;
	}