/* CSS Document */


/* BASIC PAGE STRUCTURE */

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 1.5em;
	margin: 0;
	padding: 0;
	background-image: url(../images/pattern_dark_x1.gif)
}


#wrapper {
	width: 770px;
	margin: 7px auto 1px auto;
	padding: 0;
	background-image: url(../images/bkgd_with_shadow2.jpg);
	text-align: center;
}
#wrapper img {
	margin: 0 10px 0 0;
}
#banner {
	width: 770px;
	margin: 0;
	padding: 0;
	text-align: left;
}

/* LINKS */
a:link { 
	font-weight: bold; 
	color: #0000ff;
}
a:visited {
	font-weight: bold;
	color: #0000ff;

}

/* NAVIGATION */

#nav, #nav ul { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
	float : left;
	width : 170px;
	background-color: #fff;
}
#nav li { /* all list items */
	position : relative;
	line-height : 1.15em;
	width: 170px;
	text-align: left;
	padding: 0;
	border-bottom: 1px solid #fff;
}
#nav li.first { 
	border-bottom: 1px solid #fff;
	border-top: 1px solid #fff;
}
#nav li a {
	width: 155px;
	w\idth : 154px;
	display : block;
	color : #fff;
	font-size: 11px;
	font-weight : normal;
	text-decoration : none;
	background-color : #aeb232; 
	padding : 2px 0px 3px 6px;
	border-left: 10px solid #8e9221;
}
/*
#nav li.section {
	width: 155px;
	w\idth : 154px;
	display : block;
	color : #fff;
	font-size: 11px;
	font-weight : normal;
	background-color : #aeb232; 
	padding: 3px 0px 3px 6px;
	border-left: 10px solid #8e9221;
	margin: 0;
}
*/
#nav li a:hover {
	color: white;
	background-color: #9c7bc8;
	border-left: 10px solid #4e2683;
}
#nav li ul { /* second-level lists */
	line-height: 1.15em;
	position : absolute;
	left: -999em;
	margin : -1.55em 0 0 170px;
}
#nav li ul li a {
	background-color: #9c7bc8;
	width: 165px;
	border-left: 1px solid #fff;
	margin: 0;
	padding : 2px 0px 3px 6px;

}
#nav li ul li a:hover {
	color: white;
	background-color : #4e2683;
	border-left: 1px solid #fff;
	margin: 0;
}
#nav li:hover ul ul, #nav li.sfhover ul ul {
	left: -999em;
}
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
}
#nav img {
	margin: 0;
	padding: 0;
}

#content {
	float: right;
	text-align: left;
	padding: 0 0 20px 0;
	margin: 0;
	width: 585px;
}
#main {
	float: left;
	padding: 10px 0px 10px 0px;
	margin: 0;
	width: 335px;
}
#main.sub {
	float: left;
	padding: 10px 0px 10px 0px;
	margin: 0;
	width: 555px;
}
#main.sub p.caption {
	font-style: italic;
	color: #4e2683;
}
#main.sub p.person{
	padding: 0;
	margin: 0 15px 0px 15px;
	text-align: right;
	font-size: 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	letter-spacing: 4px;
	text-indent: 0;
	color: #4e2683;
}
#main.sub p.quote{
	padding: 0;
	margin: 10px 15px 0 15px;
	text-align: left;
	font-style: italic;
	font-family: Georgia, "Times New Roman", Times, serif;
	line-height: 1.75em;
}

#main.sub img.border {
	border: 1px solid #4e2683;
	margin: 6px 0 0 0;
}
#main.sub img.right{
	margin: 0 0 0 10px;
	padding: 0;
	border: none;
}
#main.sub img.left{
	margin: 0 10px 0 0;
	padding: 0;
	border: none;
}
#main.sub img.headshot{
	border: 1px solid #4e2683;
	margin: 0 10px 0 0;
	padding: 0;
}

#main p { 
	margin: 0 0 8px 0;
}
#main p.question { 
	color: #4e2683; 
	font-weight: bold;
	text-align: left;
	margin: 12px 0 0 0;
	text-indent: 0;
 }
#main h1 { 
	font-size: 14px;
	font-weight: bold;
	color: #4e2683;
	text-align: left;
	margin: 0px 0 6px 0;
}
.green {
	color: #979b24;
}
#main h2 { 
	color: #4e2683; 
	font-size: 12px;
	font-weight: bold; 
	margin: 12px 0 3px 0;
	text-align: left;
}
.runin {
	color: #4e2683;
	font-weight: bold;
}
#main ul { 
	padding: 0 24px 0px 12px; 
	list-style-image: url(../images/bullet_green.gif); 
	list-style-position: outside; 
	margin: 0 24px 8px 24px;
}
main p.quote {
	text-align: right;
	font-size: 9px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	margin: 0 0 6px 0;
	letter-spacing: 4px;
	text-indent: 0;
}
#main img.right {
	margin: 0 0 0 10px;
	border: none;
}


#textalone {
	float: left;
	width: 550px;
	margin: 0;
	padding: 0;
}

#imagecaptionleft {
	width: 125px;
	float: left;
	text-align: left;
	margin: 0 10px 6px 0;
	padding: 0;
	background-color: #7f58b2;
	border: 1px solid #7f58b2;
}	
#imagecaptionleft p{
	color: white;
	font-weight: bold;
	padding: 5px 10px 6px 6px;
	font-size: 10px;
	line-height: 120%;
	margin: 0; 
}	



#imagecaptionright {
	width: 125px;
	float: right;
	text-align: left;
	padding: 0;
	margin: 0 0 6px 10px;
	background-color: #7f58b2;
	border: 1px solid #7f58b2;
}	
#imagecaptionright p{
	color: white;
	font-weight: bold;
	padding: 5px 10px 6px 6px;
	font-size: 10px;
	line-height: 120%;
	margin: 0;
}


#imagecaptionleft.element{
	width: 150px;
}


		

#sidebar {
	width: 210px;
	float: right;
	text-align: left;
	margin: 8px 10px 10px 0;
	padding: 0px;
	line-height: 1.25em;
}
#sidebar p{
	width: 184px;
	float: right;
	text-align: left;
	background-color: #c6b0e4;
	padding: 6px 5px 0px 11px;
	margin: 0 10px 0px 0px;
	color: #4e2683;
	font-size: 11px;
	font-weight: bold;
}
#sidebar h1{
	color: #fff;
	font-size: 11px;
	font-weight: bold;
	background: url(../images/mini_sidebar_hd_bkgd.jpg) top center repeat-y;
	margin: 0 10px 0 0;
	padding: 3px 5px 5px 18px;
}
#sidebar h1 a{
	color: #fff;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
}
#sidebar h1 a:hover{
	color: #fff;
	font-weight: bold;
	font-size: 11px;
	text-decoration: underline;
}
#sidebar img{
	margin: 0;
	padding: 0;
	background-color: #c6b0e4;
}
#sidebar img.mini{
	margin: 0;
	padding: 0;
	border-bottom: 3px solid #c6b0e4;
}
#sidebar img.head{
	margin: 0;
	padding: 0;
	border-bottom: 7px solid #c6b0e4;
}

/* FOOTER */
#footer {
	width: 770px;
	background-image:url(../images/bottom_shadow.jpg);
	margin: 0 0 12px 0;
	padding: 0 0 30px 0;
	clear: both;
	line-height: 1.25em;
	text-align: left;
}
#footer p { 
	font-size: 10px; 
	color: #ffffff; 
	text-align: left; 
	padding: 4px 0 0 10px;
	margin: 0 0 0 0;
}
#footer a:link { 
	color: #ffffff; 
	text-decoration: underline; 
}
#footer a:visited { 
	color: #4e2683; 
	text-decoration: underline; 
}
#footer a:hover { 
	color: #4e2683; 
	text-decoration:underline
}
#footer img {
	margin: 3px 20px 6px 10px;
}