/***********************************************/
/* GENERAL NOTES

/***********************************************/


/**************** Body and tag styles ****************/
*{margin:0; padding:0;}

body {
	font-family: 'Lucida Grande', Geneva, Arial, Helvetica, sans-serif;
	
	font-size: 76%;/* font sizing in ems, baby. if you want to change anything, just change this.*/
	/*funny thing happens at 75% and lower. opera goes to a nice small size, but moz and ie pc change almost not at all. seems 76% is as small as you can go and stay the same across browsers. */
	color: #000;
	background-color: #fff;
	}
	
strong, b {
	font-weight: bold;
	}


a{
color:#134598;
text-decoration:none;
 background-color:inherit;
}

a:active {
			color: #db8523;
			text-decoration: underline;
			background-color:inherit;}	

ul {
			margin: 0 0 0 0;
		}

a:hover{color:#db8523; text-decoration:none; background-color:inherit;}
a img{border:none;}

p{
padding:0 0 1.6em 0;
font-size: 1.0em;
	line-height: 1.8em;
}

p form{margin-top:0; margin-bottom:20px;}



/***********************************************/
/* image Divs                                 */
/***********************************************/

.mmhide_leftimage,.mmhide_rightimage, .mmhide_wholeimage{padding:4px; border:0px;}

.mmhide_leftimage {float:left; margin:0 12px 5px 0;}

.mmhide_rightimage {float:right; margin:0 0 5px 12px;}

.mmhide_wholeimage {display:block; margin:0 auto 5px auto;}


/***********************************************/
/* Layout Divs                                 */
/***********************************************/
#wrapper{
width:792px;
margin:10px auto;
padding:1px 0;
text-align:left;
background:#ffffff;
color:#303030;
border:3px solid #a0a0a0;
border-style:ridge;
}
/**** stained glass window ****/

#header{
height:147px;
width:790px;
	background-image: url(../images/stained_glass.jpg);
	background-repeat: no-repeat;
	background-position: top right;
margin:0px 0px 0px 0px;
}

/****  logo    ****/

#banner {
	float:left;
	height: auto;
	padding-top: 40px;
	padding-left: 17px;
	padding-bottom: 0px;
}

/******* core ideas links below logo ********/

#strap {
	float:right;
	text-align: right;
	margin-top: 110px;
	margin-right: 30px;
	margin-bottom: 10px;
	font-size: 1em;
	font-style: normal;
}
/***** top nav holds main buttons  ********/

#navigation
{
	margin: 0px 0px 0px 20px;
	height:68px;
	background-image: url(../images/navbar-v2.gif);
	background-repeat: no-repeat;
}

/***********************************************/
/* Header elements                             */
/***********************************************/

.banner h1{
	visibility: visible;
	position: relative;
}

.header h2{
	padding-top: 20px;
	padding-left: 27px;
	color:#2a5a8a;
	font-size: 1.4em;
	font-weight: lighter;
}

.header h3{
	padding-top: 20px;
	padding-left: 27px;
	font-size: 0.9 em;
	font-weight: lighter;
}



/**************** Content styles ****************/


#content{
	float:left;
	width:500px;
	margin: 10px;
	padding-top: 0px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 20px;
}

#content_home{
	float:left;
	width:700px;
	margin: 10px;
	padding-top: 0px;
	padding-right: 19px;
	padding-bottom: 0;
	padding-left: 19px;
}

#content_search{
	float:left;
	width:490px;
	margin: 10px;
	padding-top: 0px;
	padding-right: 19px;
	padding-bottom: 0;
	padding-left: 19px;
}

#content h1{
 display:block;
 font-size:2em;
font-weight:bold;
 color:#2a5a8a;
 margin:0 0 16px 0;
 padding: 0px;
}


#content h2{
display:block;
margin:16px 0 16px 0;
font-size:1.7em;
font-weight:normal;
letter-spacing:-1px;
color:#2a5a8a;
background-color:inherit;
}

 
#content h3{
font-size:1.4em;
 color: #2a5a8a;
 margin: 0px 0px 3px;
 padding: 0px;}
 
 
#content h4{
 font-size: 1.2em
 color: #666666;
 margin: 0px;
 padding: 0px;
}

#content h5{
font-size: 1.0em;
 color: #666666;
 margin: 0px;
 padding: 0px;
}

#content h6{
font-size: 0.8em;
 color: #666666;
 margin: 0px;
 padding: 0px;
}


#content hr{
  width: 100%;
  font-size: 0.7em;
}

#content a:hover,#subcontent a:hover{text-decoration:underline;}
#content ul,#content ol{margin:0 5px 16px 35px;}
#content dl{margin:0 5px 10px 25px;}
#content dt{font-weight:bold; margin-bottom:5px;}
#content dd{margin:0 0 10px 15px;}

/**************** Sidebar styles ****************/

#subcontent{
	float:right;
	width:185px;
	line-height:1.4em;
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 10px;
	padding-left: 0;
}

#subcontent h2{
display:block;
margin:0 0 15px 0;
font-size:1.1em;
font-weight:normal;
text-align:left;
letter-spacing:-1px;
color:#5482d4;
background-color:inherit;
}




/***********************************************/
/* sidebar elements                               */
/***********************************************/	
		
		
		
		#subcontent ul {
			margin: 0px;
			padding: 0px;
			text-indent: 9px;
			text-align: left;
			margin-bottom: 5px;
		}
		
		#subcontent li {
			font-weight: normal;
			margin-left: 25px; 
			text-indent: -4px;
			list-style-image: url(../images/side-list-bullet.gif);
		}
			


/************** side menu headings *****************/
	
		
		.sidebod,.sidebodc,.sidebodn,.sidebodo{
			padding-bottom: 1px;
			background: url(../images/side-bg.gif) no-repeat bottom left;
		}
		
		.sidebodn {
			text-indent: 9px;
			text-align: left;
			font-size:1.0em;
			padding-right: 8px;
		}
		
		/***** quicklinks style *******/
		
		.sidebodn li{
			padding-bottom: 1px;
		}
		.nhead{
			line-height: 200%;
		}
		.sidebodc {
			text-indent: 9px;
			line-height: 200%;
			font-size:1.0em;
			padding: 1px 0px 1px; 8px;
			height:auto;
		}
		.sidebodo {
			padding: 1px 0px 1px; 8px;
			font-size:1.0em;
			
			height:auto;
		}
		.navtext {
			text-transform:lowercase;
			color: white;
			margin-right: 10px;
			font-size:1.0em;
			font-weight: bold;
			text-shadow: #000 1px 1px 2px;
		}
		
		.sideheadtoolbox, .sideheadnetwork, .sidebot, .sideheadopen {
			width: inherit;
			height: 22px;
			color: #3E3C3C;
			font-size:1.1em;
			font-weight: bold;
			text-align: left;
			padding: 5px 9px -2px 9px;
			text-transform: lowercase;
		}
		

		.sideheadtoolbox {
			background: url(../images/sideheadtoolbox.gif) top left no-repeat;
		}
		
		
		.sideheadnetwork {
			background: url(../images/sideheadnetwork.gif) top left no-repeat;
		}
		.sideheadopen {
			background: url(../images/sideheadopen.gif) top left no-repeat;
		}
		
		.sidebot {
			height: 7px;
			margin-bottom: 14px;
			padding: 1px 0px 1px; 8px;
			background: url(../images/sidebot.gif) bottom left no-repeat;
		}
		


/**************** Footer styles ****************/

#footer{
clear:both;

padding:5px 30px;
margin:0 1px;
font-size:0.9em;

}

#copyright {
			float: right;
		}

#footer p{padding:0; margin:0; text-align:center;}
#footer a
{
	color: #999;
	font-weight: bold;
}
#footer a
{
	color: #999;
	font-weight: bold;
}
#footer a:hover
{
	color: #db8523;
	text-decoration: underline;
}
/**************** Misc classes and styles ****************/

.splitcontentleft{float:left; width:45%;}
.splitcontentright{float:right; width:45%;}
.clear{clear:both;}
.small{font-size:0.8em;}
.hide{display:none;}
.textcenter{text-align:center;}
.textright{text-align:right;}
.important{color:#f02025; background-color:inherit; font-weight:bold;}

.box{
margin:0 0 20px 0;
padding:10px;
border:1px solid #c0c0c0;
background-color:#fafbfc;
color:#505050;
line-height:1.5em;
}
