/*
	Author: Noah Ullman
	Created: Apr 2007
	Modified June 2009
*/

/* formats the main body of the page */
body {
	text-align: center;
	background-color:#FFFFFF;
	margin:0px;
}

/* formats the background flower image in the main content area */
td.homepg{
	background-image: url(../images/filigree.gif) /*none*/;
	background-repeat: no-repeat;
	background-position: center -170px;
}

/* div#outer_shell wraps the main content and keeps the centered on the screen */
div#outer_shell {
	background-color:#FFFFFF;
	position: absolute;
	width: 822px;
	left: 50%;
	top: 30px;
	margin-left: -411px;
}

td#headerbg {width:221px;background:url(../images/header_repeatbg.gif) 0px 0px repeat-x;}

div#mainnav {width:789px;height:25px;margin:0;padding:2px 0 0 33px;background:url(../images/new_nav_bg.gif) 0px 0px no-repeat;}
    * html div#mainnav {height:20px;}
div#mainnav ul {margin:0;padding:0;list-style-type:none;}
div#mainnav ul li {display:inline;margin:0 91px 0 0;padding:0;}
div#mainnav ul li.mnlast {margin:0;}

/* formats the SF address and fine print */
div#footer {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #666666;
	margin-right: 20px;
	margin-left: 40px;
}

div#footer_nav {width:789px;height:20px;padding:7px 0 0 33px;background:url(../images/new_footer_bg.gif) top left no-repeat #000;}
div#footer_nav ul {margin:0;padding:0;list-style-type:none;}
div#footer_nav ul li {display:inline;/*margin:0 94px 0 0;*/margin:0 150px 0 0;padding:0;}
div#footer_nav ul li a, div#footer_nav ul li a:visited {width:auto;margin:0 0 0 0;padding:0;}
div#footer_nav ul li a:hover {} 
div#footer_nav ul li a img {margin:0;padding:0;border:0;}
div#footer_nav ul li.fnlast {margin:0;}


/* formats the header of the content in the grey sidebar on the left column of the page */
h1 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 11px;
	font-weight: bold;
	text-transform: uppercase;
	color: #CC0717;
	padding-right: 20px;
	padding-bottom: 0px;
	padding-top: 25px;
	padding-top: 30px;
	padding-left: 20px;
	text-align:left;
}

/* formats the header content of the content in the main area of the page */
h2 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 10px;
	font-weight: bold;
	text-transform: uppercase;
	color: #CC0717;
	padding-right: 20px;
	padding-bottom: 0px;
	padding-top: 10px;
	padding-left: 20px;
	text-align:left;
}

/* formats the paragraph content of the page */
p {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 11px;
	color: #666666;
	margin-right: 20px;
	margin-bottom: 10px;
	margin-top: 0px;
	margin-left: 20px;
	line-height: 1.75em;
	text-align:left;
}

/* formats the links of the page */
a{
	color: #CC0717;
	font-size:11px;
	text-decoration: none;
	cursor:pointer;
	cursor:hand;
}

/* formats the links that are being hovered over on the page */
a:hover{
	color: #CC0717;
	font-size:11px;
	text-decoration: underline;	
	cursor:pointer;
	cursor:hand;
}

/* formats the the registered trademark icons */
sup {
	vertical-align:text-top;
	font-size:10px; 
	}

/* formats specifically headers on the honoree pages */

div.honoree_h1 {
	font-family: Georgia, "Times New Roman", Times, serif;
	padding-bottom: 0px;
	padding-top: 10px;
	color: #CC0717;
	font-size: 70%;
	text-transform:capitalize;
	text-align:left;
}

/* formats the hidden bio content on the honeree pages */
p.full_bio {
	font-size: 11px;
	color: #CC0717;	
}

/* formats the hidden bio content on the honeree pages */
.hidden_bios {
	margin-left:94px;
	margin-bottom:20px;
}

ul {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 11px;
	color: #666666;
	margin-right: 20px;
	margin-bottom: 10px;
	margin-top: 0px;
	margin-left: 20px;
	padding-left: 20px;
	line-height: 1.75em;
	list-style-position: outside;
}

ul li {
	padding-bottom: 10px;
	list-style-type: disc;	
	text-align:left;
}

/* formats the small square images on the honoree pages*/
img.photo	{
	margin-right: 20px;
	margin-top: 12px;
	margin-bottom: 3px;
	padding: 1px;
	margin-left: 10px;
	border: 1px solid #cccccc;
}
img.noborder{
	margin-right: 20px;
	margin-top: 12px;
	margin-bottom: 3px;
	padding: 1px;
	margin-left: 10px;
	border:1px solid #fff;}
/* formats the images on the award page to display a grey border */
div a img.photo_awards	{
	margin-right: 21px;
	margin-left:10px;
	margin-top: 5px;
	margin-bottom: 3px;
	text-align:left;
	padding: 1px;
	border: 1px solid #cccccc;
	text-align:center;
}
	
/* formats the images on the award page when they are hovered over to display a red border. */
div a:hover img.photo_awards	{
	margin-right: 21px;
	margin-left:10px;
	margin-top: 5px;
	margin-bottom: 3px;
	text-align:left;
	padding: 1px;
	border: 1px solid #CC0717;
	text-align:center;
}

/* stops firefox from displaying the 1px dotted border around links when they are click.  This is a potential accessibility issue since the border is created by firefox as a visual cue for users without a mouse. */
.award_photo_container a:focus	{
outline:none;
}	

/* formats the images on the awards page that are clicked so that their active state is red.  This only works in IE (not Firefox) */
div a:active img.photo_awards	{
	margin-right: 21px;
	margin-left:10px;
	margin-top: 5px;
	margin-bottom: 3px;
	text-align:left;
	padding: 1px;
	border: 1px solid #CC0717;
	text-align:center;
}

/* formats the large images located on the about, insights, preparing and award pages */
img.photo_large {
	margin-left: 20px;
	margin-top: 30px;
	margin-bottom: 15px;
	margin-right:40px;
	text-align:left;
}

/* formats the video link located on the honoree pages */
div.honoree_container{
	margin-left:20px;
}

.video_link{
	margin-right: 20px;
	margin-top: -20px;
	font-size: 11px;
	text-decoration:none;
	text-align:right;
	vertical-align: middle;
	float:right;
}

/*
div#right_edge{
	background-image: url(../images/img_16.gif);
	background-repeat: repeat-y;
	background-color: #999999;
	background-position: left top;
}
*/

/* formats the tagline located under the main picture of the award page */
.tagline {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 10px;
	color: #999999;
	font-style:italic;
	width: 440px;
	margin-right: 0;
	margin-bottom: 0px;
	margin-top: -10px;
	margin-left: 30px;
	padding-left: 10px;
	line-height: 1em;
	text-align:right;
	text-transform: capitalize;
	line-height: 1.2;
}

/* creates a tasteful horizontal rule to separate text on the webpage */
hr {
	width: 480px;
	height: 2px;
	border-top-width: 1px;
	border-right-width: 0px;
	border-bottom-width: 1px;
	border-left-width: 0px;
	border-top-style: dotted;
	border-right-style: none;
	border-bottom-style: dotted;
	border-left-style: none;
	border-top-color: #cccccc;
	border-bottom-color: #cccccc;
	text-align:left;	
	margin-left:20px; 
	margin-right:10px; 
}	

/* this allows the background of the webpage to expand to more conent. */
.left_bg_expand {
	background-image:url(../images/img_13.gif); 
	background-repeat:repeat-y;
}
.right_bg_expand {
	background-image:url(../images/img_16.gif); 
	background-repeat:repeat-y;
}