﻿/*NOTE: be sure that there is no space between measurement numbers and units, e.g., 5(no space)em*/

body {
	color: #000; 
	margin: 0 0 0 0; 
	font-size: 80%; 
	font-family: "Trebuchet", "Helvetica", "Arial", sans-serif; 
	text-align: center;
	line-height: 1.5em;
	/*background-color:#DDC89B; tan color*/
	background-color:#184000;
	min-width: 85%; /*Hack for Netscape 6*/
} 

#wrapper {
	width:90%;
	background-color:#FFFFF2;
	margin: 0 auto;
	text-align:left;
}

#branding { 
	height: 170px; 
	background-image: url("images/msca_banner_1200v10.jpg");
	background-repeat: no-repeat; 
	background-position: left; 
	background-color: #184000;
	margin: 0 auto;
}

#brandingfloat {
	float:right;
	margin:94px 8px 0 0;
}

#content	{
	float:left; 
	width:67%;
	background-color: #FFFFF2;
	padding: 20px 0 0 20px;
} 

/*This is for the pages with the huge tables - they don't have the sidebar*/
#content2	{
	float:left; 
	width:95%;
	background-color: #FFFFF2;
	padding: 0 10px 0 10px;
} 

#secondaryContent { 
	float:right;
	width:23%;
	background-color: #FFFFF2;
	font-size:95%;
	font-family: "Times New Roman", "Garamond", "Bookman", serif;
	padding: 2% 2% 0% 2%;
	text-align: center;
}


.image1 {
	margin: 15px 4px 4px 4px; 
}

/*.scale img {
	width: 10%;
	max-width: 145px;
	padding: 2%;
}*/

/*NAVIGATION BAR STYLES*/
#navcontainer {
	width: 100%;
	float: left;
	background-color: #184000;
}

#navcontainer ul li { display: inline; }

#navcontainer ul {
	margin: 0;
	padding: 0;
	color: #FFFFF2;
	font-family: "tahoma", "verdana", "geneva", "arial", "helvetica", sans-serif;
	font-size: 80%;
	letter-spacing: 2px;
	font-weight: bold;
	text-decoration: none;
}

#navcontainer ul li a {
	padding: 0.1em 8px;
	background-color: #184000;
	color: #FFFFF2;
	text-decoration: none;
	float: left;
	border-right: 1px solid #94B473;
}

#navcontainer ul li #current {
	color: #FFFFF2;
	background-color: #7B9D25;
}

#navcontainer ul li a:hover {
	background-color: #CC6600;  
	color: #FFFFF2;
	text-transform:uppercase;
}

#navlist li a:hover, #navlist li a:active {
	color: #FFFFF2;
	text-decoration: none;
	background: #CC6600;
	text-align: left;
}

/*NAVIGATION SUB-LIST "NAVIGATION 2" BAR STYLES*/

#navcontainer2 {
	width: 100%;
	float: left;
	background-color: #FFFFF2;
}

#navcontainer2 ul { padding: 0; }
#navcontainer2 ul li { 
	display: inline; 
}

#navcontainer2 ul {
	margin: 0;
	padding: 0;
	color: #CC6600;
	font-family: "tahoma", "verdana", "geneva", "arial", "helvetica", sans-serif;
	font-size: 80%;
	letter-spacing: 2px;
	font-weight: bold;
	text-decoration: none;
}

#navcontainer2 ul li a {
	padding: 0.1em 8px;
	background-color: #FFFFF2 ;
	color: #184000;
	text-decoration: none;
	float: left;
	border-right: 1px solid #F0E7C6;
	border-bottom: 1px solid #F0E7C6;

}

#navcontainer2 ul li a:hover {
	color: #CC6600;
	background-color: #FFFFF2;
	text-transform:uppercase;
}

#navcontainer2 ul li #current2 {
	color: #CC6600;
	background-color: #E4D398;
}

#navlist2 li a:hover, #navlist2 li a:active {
	color: #184000;
	text-decoration: none;
	background: #CC6600;
	text-align: left;
}

/*Default anchors/links used in page content*/
a:link 		{color: #0033FF; text-decoration: none;}
a:visited	{color: #609;	 text-decoration: none;}
a:hover 	{color: #0033FF; text-decoration: underline;}
a:active	{color: #0033FF; text-decoration: underline;}


/*Heading Styles*/
h1 {margin-top:.25em; line-height:normal;}

h2 {
	line-height:normal;
}

h2, h3, h4, h5, h6 {margin-top: 1.5em; margin-bottom: .25em; }

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

h1, h2, h3 {font-family: "Times New Roman", "Garamond", "Bookman", serif;} 
h1 {font-size: 200%; letter-spacing: .05em;}
h2 {font-size: 165%; font-style: italic;}
h3 {font-size: 140%;}
h4 {font-size: 115%; font-style: italic;}
h5 {font-size: 100%;}
h6 {font-size: 100%; font-style: italic; font-weight: bold; font-family: "Trebuchet", "Helvetica", "Arial", sans-serif; }

.skiplink {display:none}

/*not used
 div.hr {
  height: 15px;
  background: #fffff2 url(hrsmall.gif) no-repeat scroll center;
}*/
/*div.hr hr {
  display: none;
}

<div class="hr"><hr /></div>
 not used*/


.eventsubtitle {
	font-weight: bold; 
	color: #060; 
	background-color: #FFFFF2;
	margin-top: -.1em;	
	margin-bottom: -1em;
	font-style: italic;  
	font-family:"Times New Roman", "Garamond", "Bookman", serif;}

/*BOLD TEXT IS USED FOR THE EVENT PLACE AND INFO */
/*	<h3><a name="oct2"></a>Celebrate National Family Week</h3> */
/*		<p class="eventsubtitle">Nourishing the Family Tree</p> */
/*		<p class="boldtext">October 2nd - 8th, 2006</p> */

.boldtext {	
	font-weight: bold; 
	color: #060; 
	background-color: #FFFFF2;
	font-size: 90%;
}

/*for use in the PD page when there is no subtitle*/

.boldtext2 {	
	font-weight: bold; 
	color: #060; 
	background-color: #FFFFF2;
	font-size: 90%;
	margin-top: -.1em;	
}

/*for use in the content 2 div for the Let your voice be heard!*/
.boldtext3 {
	font-weight: bold; 
	margin-top:-.1em;
	font-style:italic;
	font-size:120%;
	color:#006600;
	background-color:#fffff2;
}

#picturebox {width:145px;clear:left;}/*not being used*/


.caption {
	color: #006600;
	line-height:120%;margin: 5px ;}

.captionauthor {
	color: #006600; 
	text-align: right; 
	margin: -.5em 0 5px 0; 
	font-style:italic;}

/*background-color: #F1E9CD;*/
/*These indent styles have reduced top and bottom margins*/
.indent1 {margin-left:1em;margin-top: -.03em;margin-bottom: -.03em;}
.indent2 {margin-left:2em;margin-top: -.03em;margin-bottom: -.03em;}
.indent3 {margin-left:3em;margin-top: -.03em;margin-bottom: -.03em;}
.indent4 {margin-left:4em;margin-top: -.03em;margin-bottom: -.03em;}
.indent5 {margin-left:5em;margin-top: -.03em;margin-bottom: -.03em;}
.indent6 {margin-left:6em;margin-top: -.03em;margin-bottom: -.03em;}
.indent7 {margin-left:7em;margin-top: -.03em;margin-bottom: -.03em;}
.indent8 {margin-left:8em;margin-top: -.03em;margin-bottom: -.03em;}
.indent9 {margin-left:9em;margin-top: -.03em;margin-bottom: -.03em;}
.indent10 {margin-left:10em;margin-top: -.03em;margin-bottom: -.03em;}
.indent11 {margin-left:11em;margin-top: -.03em;margin-bottom: -.03em;}
.indent12 {margin-left:12em;margin-top: -.03em;margin-bottom: -.03em;}

/* Footer area and links */
#footer	{
	color: #663300; 
	padding: 3em 0 1em 0;
	border:none; 
	clear: both; 
	text-align: center;
	background-repeat: no-repeat; 
	position: relative;
	margin:0;
}

#footer a:link {
	color: #663300; 
	font-weight: bold; 
	text-decoration: none;
}

#footer a:visited {
	color: #666600; 
	font-weight: bold; 
	text-decoration: none;
}

#footer a:hover	{
	color: #FF9966; 
	font-weight: bold; 
	text-decoration: underline;
}

#footer a:active {
	color: #FF9966; 
	font-weight: bold; 
	text-decoration: underline;
}

#footerlinks		{line-height: 100%;}
#footercopyright	{font-size:90%;}

.title	{
	color: #FFFF33; 
	font-size:120%; 
	font-variant: small-caps; 
	letter-spacing: .15em;
}

/*Quotation style */

#quotation {
	color: #306;
	font-family: "Georgia","Times New Roman",serif;
	font-size: 80%; float: right;
	padding: 1.25em 1.25em 2.25em 1.25em;
	background-color:#FFFFCC;
	text-align: center;
	margin: .25em; 
}

p.quote {
	margin-bottom:-1em;
	font-style: italic;
}

.quote2 {
	font-style:italic;
	margin-left:4em;
	margin-right:4em;
}

.quote3 {
	margin-left:4em;
	margin-right:4em;
}

.note {font-style: italic;}

.notesmall {
	font-size:90%; 
	font-family: "Trebuchet MS", Tahoma, 
Arial, Helvetica, sans-serif;
}

.strongnote	{font-style: italic; font-weight: bold;}

.strong		{font-weight: bold;}

p.author {
	font-style: italic; 
	text-align: right;
}

/*Image floats: normal, floating right with a border; left float with border and left float without border (used on the "under construction" page*/

.imagefloatright {
	border:solid 1px #09C;
	margin: 10px 0px 15px 15px;
	padding: 2px;
	float: right;
}

.imagefloatleft {border:solid 1px #0099CC;margin: 10px 15px 15px 0px; padding: 2px; float: left; }
.imagefloatclear {border: none;margin: .5em;padding: 3px; clear:both; float: left;}

/*this takes away the ugly blue border around images which are also links*/
a img {border: none; }

/*Ordered (numbered) list*/
ol.numberlist1 {line-height:1.5em;}
li.numberlist1 {margin-bottom:1em;}

/*Unordered (bulleted) list */
ul.bulletlist1 {list-style-type: square;}
li.bulletlist1 {margin-bottom:1em;}
.bulletlist1 ul li {list-style-type: square;  }
.bulletlist2 {list-style-type: square;}
.bulletlist3 li {list-style-type:none; }
/*The following styles are used for the Connections page*/
.bulletlist4 li {margin-left:-1em;list-style-type:square; 
color: #003300;margin-bottom:.25em;font-size:95%;}
.resource {font-weight: bold;font-style:italic;}

/*Navigation styles for site map list - make with paragraphs*/

#sitemap	{
	margin-left: 4em;
}

.sitemap1	{
	font-size: 110%;
	font-family:"Georgia",serif;
	line-height: 1.5;
	font-weight: bold; 
	margin-bottom: -.75em;
}

.sitemap2italic	{
	font-size: 110%;
	font-family:"Georgia",serif;
	line-height: 1.5;
	font-weight: bold; 
	font-style: italic;
	margin-bottom: -.75em;
	padding-left:2em;
}

.sitemap2	{
	font-size: 110%; 
	font-family: "Georgia", serif;
	padding-left:2em; 
	margin-bottom: -.75em;
}

.sitemap3	{
	font-size: 100%; 
	font-family: "Georgia", serif;
	padding-left:4em; 
	margin-bottom: -.75em;
	font-style: italic;
}

.titlesmall	{
	font-size:135%; 
	color: #360; 
	font-family: "Georgia", serif;
	margin-bottom: -.75em;
	font-weight: bold;}

/* Table style BOD page*/

table	{
		border-collapse:separate;
		border-spacing:0;
		padding: 3px;
		font: normal 75% verdana,"Arial",Helvetica, sans-serif;
		line-height: 1.25em;
		border: none; 
		background-color:#FFFFF2;
		}
table a {
	color:#523A0B;
	text-decoration:none;
	border-bottom:1px dotted;
	}
table a:visited {
	color:#444;
	font-weight:normal;
	}
table a:visited:after {
	content:"\00A0\221A";
	}
table a:hover {
	border-bottom-style:solid;
	}
thead th,
thead td,
tfoot th,
tfoot td {
	border:1px solid #9C9CA0;
	border-width:1px 0;
	background:#E4D398;
	font-weight:bold;
	color:#660000;
	}
th {
	font-weight:bold;
	line-height:normal;
	padding: .5em;
	text-align:center;
	color:#FFF;
	font-size:110%;}
tbody th,
td {
	padding:0.25em 0.5em;
	text-align:left;
	vertical-align:top;
	}
tbody th {
	font-weight:normal;
	white-space:nowrap;
	}
tbody th a:link,
tbody th a:visited {
	font-weight:bold;
	}
tbody td,
tbody th {
	border:1px solid #fff;
	border-width:1px 0;
	background:#F4EED9;
	}
tbody tr.odd th,
tbody tr.odd td {
	border-color:#996600;
	background:#FFFFF2;
	}

