/*

	scja.css
	
	css styles for scja.net
	
*/





/* 
   html elements
   
   
*/

* html { filter: expression(document.execCommand("BackgroundImageCache", false, true)); } /*IE proprietary flicker hack for background images. Not validating (implemented with the "star html" hack for IE 5/6), but OK */ 

* {	margin:0; padding:0; }

html {
	height: 100%; 
	margin-bottom: 1px; 
}

body { 
	font-size:62.5%; 
	background-color:rgb(255,255,255); 
	font-family:verdana,arial,sans-serif;
} 

h1, h2, h3, h4, h5, h6 { clear:both; font-family:"trebuchet ms",arial,sans-serif; }

h1 {
	margin:1.0em 0 0.5em 0; 
	color:rgb(100,100,100); 
	font-weight:bold; 
	font-size:220%;
	padding:0 0 2px 0; 
	border-bottom:solid 7px rgb(225,225,225);
}

h2 {
	margin:2.0em 0 0.5em 0;
	color:rgb(80,80,80); 
	font-weight:normal; 
	font-size: 170%;
}

h3 {
	margin:1em 0 0 0; 
	color:rgb(50,50,50);
	font-size:140%; 
}

p {	 margin: auto auto 0.7em auto; }

table {
	margin-bottom: 1em;
	margin-left: 0;
	margin-top: 0.5em;
	font-size:140%;
}

th {
	color:rgb(40,40,40);
	background-color:rgb(210,210,210);
	text-align:left;
	padding: 2px 1em 2px 1em;
}
		
td {
	vertical-align:top;
	padding: 2px 1em 2px 1em;
	color:rgb(60,60,60);
}

		


/*
	main, header, footer divs
	
	
*/

.main {
	width: 780px;
	border: 1px solid gray;
	margin: 10px auto 0 auto;
	background:transparent url('../img/main_bg.jpg') top left repeat-y;
}

.header {
	width:780px;
	height:120px;
	background:transparent url('../img/header.jpg') top left no-repeat;
	clear:both;
}
.header img { border: 0px; }

.footer {
	clear:both;
	width: 780px;
	height:20px;
	background:transparent url('../img/footer.jpg');
}

.footer p {
	margin:0;
	color: rgb(210,210,210);
	font-size: 90%;
	line-height:20px;
	text-align:center;
	vertical-align:middle;
}

.main:after, html:after { content:"."; display:block; height:0; clear:both; visibility:hidden;}
@media print { .main, .footer {clear:both; width:780px; padding-bottom:3em; background:transparent;} /* printing-related adjustments */}




/*
	navigation div and elements
	
	
*/
.navigation {
	background-position: left top;
	display: inline /*Fix IE floating margin bug*/;
	float: left;
	width: 200px;
	overflow: visible !important /*Firefox*/;
	overflow: hidden /*IE6*/;
}

.navigation .title {
	clear:both; 
	margin:0; 
	background-image:url(../img/title.jpg);
	padding:4px 20px 3px 20px;
	background-color:rgb(66,18,18); 
	font-family:"trebuchet ms",arial,sans-serif; 
	color:rgb(255,255,255); 
	font-weight:bold; 
	font-size:150%; 
}

.navigation ul {
	list-style:none; 
	margin: 0 0 2em 0;
	font-size: 120%;
}

.navigation a {
	padding:0px 10px 0px 20px;  
	border-top: solid 1px rgb(160,160,160); 
	line-height:2.0em; 
	text-decoration:none; 
	color:rgb(46,13,13); 
	font-weight:bold; 
	display:block; 
	min-height:2.0em /*Non-IE6*/; 
	height:auto !important; 
	height:2.0em /*IE6*/; 
}
.navigation a:hover {
	background-color:#441c00; 
	color:#FFFFFF; 
	text-decoration:none;
	background-image:url(../img/title.jpg);
}

.navigation .bottom { margin: 2em 0 0 0; }
.navigation .bottom li { border-top: 0px; }




/*
	content div (main content goes in here)
	
	
*/
.content {
	display:inline; /*Fix IE floating margin bug*/; 
	float:left; 
	width:460px; 
	margin:0 0 3em 30px;
	padding-top:20px;
	overflow:visible !important /*Firefox*/; 
	overflow:hidden /*IE6*/;
}

.content p, .content * p {
	line-height:1.5em; 
	font-size:140%;
	margin-bottom: 1.2em;
}

.content p strong {
	color:#900000;
}

.content ol, .content ul {
	font-size:140%;
	margin-left: 2em;
	line-height: 1.5em;
}







/*
	page-related content styles
	
	
*/


/* index.html styles */

#maincontent { width:340px; }
#maincontent p { margin: 1.5em 0 1.5em 0; }	 

.dropcap:first-letter {
	float:left;
	color:#900000;
	font-size:48px;
	line-height:42px;
	padding-right: 2px;
	vertical-align:text-top;
	padding-top: 2px;
}
.dropcap strong, .dropcap b { color:#000000 !important; }

.subcontent {
	display:inline /*Fix IE floating margin bug*/; 
	float:right; 
	width:170px; 
	margin:1em 15px 0 0; 
	overflow:visible !important /*Firefox*/; 
	overflow:hidden /*IE6*/;
}

.subcontent-unit {
	clear:both; 
	width:170px; 
	height:150px; 
	background-image:url(../img/subcontent.jpg); 
	margin:20px 0 0 0; 
	padding:0;}

.graphicright { float:right; margin-bottom:10px; }

.subcontent h3, .subcontent h3 a {
	text-decoration:none; 
	clear:both; 
	margin:0 0 5px 0; 
	padding:6px 8px 3px 2px; 
	font-family:"trebuchet ms",verdana,arial,sans-serif; 
	color:#351601; 
	text-align:center; 
	font-weight:bold; 
	font-size:120%;
}

.subcontent p, .subcontent p a {
	text-decoration: none;
	padding: 0 10px 3px 12px; 
	margin: 12px 10px 0 0; 
	color:black;
	white-space:normal;
	text-indent:-12px;
	font-size:12px;
}



/* constitution, bylaws, policies stuff (abbreviated cbp in the styles) */

.cbp { margin-left: 2em; margin-bottom: 6em;}
.cbp h2 { text-align:center; }

.cbp .articleNumber {
	font-weight: bold;
	text-transform: uppercase;
	margin-bottom: 0;
	margin-top:2em;
 }

.cbp .articleName {
	margin-top: 0; /*	font-style: italic; */
}  

.cbp .sectionNumber { 
	font-weight: bold; 
	font-size:110%; 
	margin-bottom: 4px; 
	margin-top: 2em;
	text-transform: uppercase;
}

.cbp ol, .cbp ul {
	margin: 0.5em 0 0 1.5em;
	padding-bottom: 1em;
}
.cbp ol li, .cbp ul li { 
	margin-bottom: 0.4em; 
	line-height:1.5em;
}

.rescinded, .rescinded td { text-decoration:line-through; color: silver; }







/*
	type-specific content styles
	
	
*/

/*contact and people-related styles */

.contact { margin-bottom: 1.5em; }
.contactIndented {	margin: 0 auto 2em 2em; }
.contact p, .contactIndented p {
	margin: 0;
	padding: 0;
	line-height:normal;
}

.pastPresidents { margin-bottom:20px; font-size:140%; }
.pastPresidents td {padding-right: 2em;}

.pastwinners { margin-bottom:20px; }
.pastwinners td {padding-right: 2em;}

.rightside { font-size:100%; }
.rightside { width: 100%; }
.rightside td { text-align: right; }



/* general-purpose styles */

h3.big { font-size: 150%; }
.command { font-family: "Courier New", Courier, monospace; font-size:130%; font-weight: bold;}
.sectionbreak { margin-top: 2em; }

.subhead {
	font-weight:bold;
	margin-top: -0.5em;
	margin-bottom: 2em;
}

.subhead p {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	line-height:normal;
	font-size:120%;
}

.note, .centerednote {
	margin: 1em auto;
	font-style: italic;
	padding: 4px 4px 4px 4px;
	border: 1px solid silver;
}
.centerednote {	text-align:center; }

.noStyleList, .noStyleListNoIndent {
	list-style-type:none;
	margin-left:2em;
	margin-bottom:1.3em;
	line-height:normal !important;
	font-size: 140%;
}
.noStyleListNoIndent { 	margin: 0.5em auto 1em 0 !important; }