/* 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:#412700 url(../images/nav_bkgd.png) repeat-y top center; }
#topContainer, #menuContainer, #contentContainer, #footContainer { padding:0; margin:0; text-align:center; }
#head, #foot, #content { text-align:left; padding:0 40px; margin:0 auto; width:960px; width/**/:900px; }
#menu { text-align:left; padding:0 30px; margin:0 auto; width:898px; width/**/:838px; }
#topContainer { background: url(../images/banner_bkgd.png) repeat-x top center; }
#contentContainer { background-color: #f4f2e8; }
#content { background: url(../images/content_bkgd.png) repeat-y top center; width:994px; width/**/:914px; }
#menuContainer { background: url(../images/nav_bkgd.png) repeat-y top center; padding:0 40px; margin:0 auto; width:994px; width/**/:914px; }
#footContainer { background: url(../images/footer_bkgd_trans.png) repeat-x top; border-top: 1px solid #2d1700; }
/* -------------------------- */
/* ----- heading styles ----- */
/* -------------------------- */
#head { padding:0; margin:0 auto; width: 994px; }
#head h1.syc { padding:0; margin:0; background-image: url(../images/syc_logo.png); background-repeat: no-repeat; background-position: left center; height: 124px; text-indent: -5000px; }
/* -------------------------- */
/* ----- nav menu styles ---- */
/* -------------------------- */
#nav { 
	padding:0;
	margin:0;
	height:30px;
	list-style:none;
	display:inline;
	overflow:hidden;
	width:838px;
}
#nav li { 
	padding:0;
	margin:0;
	list-style:none;
	display:inline;
}
#nav a { 
	float:left;
	padding:30px 0 0 0;
	overflow:hidden;
	height:0px !important;
	height /**/:30px; /*for IE5/WIN only */
}
/* #nav a:hover {
	background-position:0px -30px;
}
#nav a:active, #nav a.selected {
	background-position:0px -60px;
} */
#navHome a {
	width:68px;
	background: url(../images/nav_home.png) top left no-repeat;
}
#navAbout a {
	width:97px;
	background: url(../images/nav_about.png) top left no-repeat;
}
#navServices a {
	width:87px;
	background: url(../images/nav_services.png) top left no-repeat;
}
#navEvents a {
	width:176px;
	background: url(../images/nav_events.png) top left no-repeat;
}
#navPortfolio a {
	width:120px;
	background: url(../images/nav_portfolio.png) top left no-repeat;
}
#navNews a { 
	width:61px;
	background: url(../images/nav_news.png) top left no-repeat;
}
#navContact a {
	width:111px;
	background: url(../images/nav_contact.png) top left no-repeat;
}
#navBlog a {
	width:55px;
	background: url(../images/nav_blog.png) top left no-repeat;
}
/* -------------------------- */
/* ----- 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:10px 0 14px 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; }
#content { padding-bottom:20px; }
#contentHead { padding:36px 0 0 0; margin:0; }
div.medium {
	padding:0 10px 0 0;
	margin:0;
	width:510px;
	width/**/:500px;
	float: left;
	background: #fff;
}
div.wide {
	padding:0;
	margin:0;
	width:800px;
	float:left;
	background: #fff;
}
div.narrow { padding:0 0 0 15px; margin:0 0 0 50px; width:300px; float:left; }
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 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 dl.attorneys { padding:0; margin:0; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:14px; }
#content dl.attorneys dt, #content dl.attorneys dd { padding:0; margin:0; }
#content dl.attorneys dd { padding-bottom:8px; }
#content ul.education { list-style:none; padding-left:0; margin-left:0; }
#content ul.education li { padding-bottom: 8px; }
#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: 0 0; }
#foot h6 { padding:16px 0 0 0; margin:0; font-size:10px; color:#fffff6; font-weight:normal;}
#foot a { text-decoration:none; color:#f90; }

/* -------------------------- */
/* ------- 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;
	}