html
{
	background-color: #FFFFFF;
	font: normal 13px "Trebuchet MS", Verdana, "Lucida Grande", Georgia, Sans-Serif;
}

/* Links */

a { font-weight: bold; }

a:link { color: #b11b34; }

a:visited { color: #ec8100; }

a:hover, a:active { color: #9e0000; }

/*** jQuery Nav Links ***/

.sf-menu a:link, a:visited, a:active { color:#000; }
.sf-menu a:hover { color:#b11b34; }

/* Html Elements */

h1, h2, h3, h4, h5, h6, h7 { font-weight: bold; margin: 5px 0 10px; padding: 0; }

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a
{
	font-weight: normal;
	border-bottom-width: 0;
}

h1 { font-size: 28px; }

h2 { font-size: 26px; }

h3 { font-size: 24px; }

h4 { font-size: 20px; }

h5 { font-size: 18px; margin:20px 0 -10px; }

h6 { font-size: 18px; }

h7 { font-size: 14px; }

ul h7 { color:#000; font-weight:bold; }

ul, ol, pre
{
	color: #555555;
	padding: 10px 30px;
	line-height: 1.8em;
}

blockquote
{
	color: #555555;
	padding: 10px 40px;
	line-height: 1.8em;
}

ul
{
	list-style-type: square;
}

blockquote { background: url(images/blockquote.png) no-repeat; }

pre { background-color: #eeeeee; border: 1px solid #bbccdd; }

ins { text-decoration: none; color: #466b85; }

del { color: #555555; }

table { width:470px; }

table, tr, td { text-align:left; }

th.tableHeading { padding:20px 0 5px 0; text-align:center; }

/* Structure */

body
{
	padding: 0;
	width: 850px;
	margin: 0 auto;
	line-height: 1.8em;
	background-repeat: repeat-y;
	background-position: top left;
	/*background-image: url(body_bg.png);*/
}

#container
{
	width: 700px;
	margin: 0 auto;
	background-repeat: no-repeat;
	background-position: top center;
	background-attachment: scroll;
}

#header { float: left; width: 100%; clear: both; margin-top: 10px; }

#navigation { float: left; width: 100%; clear: both; position:relative; z-index:1; }

#page-header { clear: left; position: relative; margin-bottom: 20px; }

#wrapper { text-align: left; clear: left; }

#special
{
	clear: both;
	font-size: 120%;
}

#footer
{
	clear: both;
	color: #666666;
	padding: 20px 0 15px;
	text-align: center;
	font-size: 11px;
}

/* Header */

#header h1
{
	padding: 0;
	float: left;
	width: 140px;
	margin: 10px 0;
	font-size: 14px;
	text-transform: uppercase;
	letter-spacing: 0.1em;
	border-right: 1px solid #b11b34;
}

#header h1 a:hover,
#header h1 a:active
{
	border-bottom-width: 0;
}

#header h2
{
	float: left;
	width: 250px;
	font-size: 12px;
	line-height: 2.5em;
	padding-left: 10px;
	text-transform: lowercase;
}


/* Navigation */

#navigation ul
{
	padding: 0;
	width: 100%;
	float: right; /* switched from left to right to change spacing below navigation bar in IE7 */
	margin: 0 0 1em;
	list-style-type: none;
	background-color: #eed7ae;
}

#navigation li { float: left; } 

#navigation a:link,
#navigation a:visited
{
	float: right; /* For future reference: changed this from left to right in order to solve a problem in IE7 */
	display: block;
	color: #000000;
	padding: 5px;	
}

#navigation a:hover,
#navigation a:active
{
	color: #000000;
	background-color: #eed7ae;
}


/* For solid header */

body#bmission li#lmission a
{
	color: #eff8ff;
	background-color: #b11b34;
}

/* DropDown Menu */

#nav, #nav ul 
{
	float: left;
	list-style: none;
 	line-height: 1;
 	background: white; 
	font-weight: bold; 
	border: solid #b11b34; 
	border-width: 1px; 
	list-style: none; 
	padding: 0;
	margin: 0;
}

#nav a 
{ 
	display: block; 
	width: 10em; 
	w\idth: 9em; /* for future refernce, this is one of the areas I had to fix in order to get this to work in IE7 - changed from 6 to 9 */
	color: #eed7ae; 
	text-decoration: none;
	padding: 0.25em 2em; 
}

#nav li 
{
	float: left;
	width: 10em;
	padding: 0; 	
}

#nav li ul 
{
 	position: absolute; 
	left: -999em; 
	height: auto; 
	width: 10em; 
	font-weight: normal; 
	margin: 1.75em 0 0 0;
}

#nav li:hover ul, #nav li.sfhover ul
{
 	left: auto; 
}

#nav li:hover, #nav li.sfhover 
{ 
	position: static;
	background: #eed7ae;
}
/* For future refernce: also removed a lot from the bottom here for the IE7 Fix.  */
/* Page-Header */

#page-header ul
{
	bottom: -8px;
	right: 10px;
	margin: 0;
	padding: 0;
	float: left;
	position: absolute;
	list-style-type: none;
}

#page-header li { float: left; }

#page-header li a:link,
#page-header li a:visited
{
	float: left;
	display: block;
	margin: 0 10px;
	padding: 5px 20px;
	color: #ffffff;
	border-bottom-width: 0;
	background-image: url(menu1.png);
	background-repeat: repeat-x;
}

#page-header li a:hover,
#page-header li a:active
{
	background-image: url(menu_hover1.png);
}

/* Wrapper */


/* Anything Slider Events */

.anythingEvent { margin:20px 80px 0 40px; }

.anythingEvent h4 a { letter-spacing:3px; font-weight:900; }

.anythingEvent h4 { border-left:4px solid #b11b34; background:#eee; padding:6px 0 3px; }


/* Styles for the special events page */

p.event_time
{
       font-style:italic;
}

p.event_desc
{
       font-weight:bold;
}

.rss
{
	font-weight: bold;
	font-variant: small-caps;	
	text-align: right;
	margin-top: -5px;
}

.rss a 
{
	margin-left:15px;
	text-decoration:none;
}

/* Styles for the Red Rain page */

#rain1
{
        background-image:url(../images/rrlogo_small.jpg);
        background-repeat:no-repeat;
	width: 250px;
	margin: 15px 35px; 
	float: right;
}

#rain1 ul
{
        list-style-type:none;
        margin-top:-9px;
        width:250px;
        padding-right:100px;
}

#rain1 ul li 
{
        padding-left:55px;
        margin-left:-30px;
}

/* Styles for the Contact page */

#contact 
{ 
width:240px;
height:220px;
float:left;
margin:0 10px;
text-align:left; 
}

#contact1 
{ 
/*width:250px;*/
height:220px; 
float:left; 
margin:0 10px;
text-align:left; 
}

/* Styles for the staff page */
#staff
{
width: 50em;
float: right;
}

.staff
{
width: 9em;
float: left;
}

.name
{
margin-bottom: 35px;
}

.hyphen
{
margin-top: -5px;
margin-bottom: 12px;
}

#staff ul { list-style-type:none; }

#staff ul li { float:left; display:block; width:9em; height:12em; }

/* Classes for individual pages */


.stf { width: 400px; float: left; margin:0 15px; text-align: left; }

.col { width: 700px; float: left; margin: 0 15px; text-align: center; }

.col ul { margin: 0 0 0 15px; padding: 0; line-height: 1.5em;  }

.col li { padding-bottom: 10px; }

.col h3 { font-size: 13px; padding: 5px 10px; margin-top: 20px; }

/* For the time schedules on any page */
.schedule { color: #555555;
	padding: 10px 40px;
	line-height: 1.8em;
border: 2px solid #9e0000; }

.schedule img
{
float: right;
}

.schedule ul
{
margin-left: -2em;
}

.schedule ul, .schedule li
{
list-style: none;
}

/* Style for list inside Weekly Schedule */
.inner-list
{
margin-left: 2em; 
}

/* Style for schedule on Art page */
.art { color: #555555;
	padding: 5px 20px;
	line-height: 1.8em;
	border: 2px solid #9e0000; }

/* Newsletter Page */

#newsletter
{
background-image: url(images/cofheader_exp_blur.png);
background-repeat: no-repeat;
background-position: top center;
}

#newsletter ul, #newsletter li
{
list-style: disc url(images/adobe2.png);
}

/* Navigation Styles for sub navigation */

.navlist
{
margin: 0;
padding: 0 0 20px 0;
border-bottom: 1px solid #b11b34;
}

.navlist ul, .navlist li
{
margin: 0;
padding: 0;
display: inline;
list-style-type: none;
}

.navlist a:link, .navlist a:visited
{
float: left;
line-height: 14px;
font-weight: bold;
margin: 0 8px 4px 8px;
text-decoration: none;
color: #b11b34;
}

.navlist a:link.current, .navlist a:visited.current, .navlist a:hover
{
border-bottom: 4px solid #b11b34;
padding-bottom: 2px;
background: transparent;
color: #000;
}

.navlist a:hover { color: #000; }

.navcontainer { padding-bottom: 8px; padding-top: 5px; }


/* Sub navigation in Media Coverage & Donations */

.navlist_media
{
margin:-4px 0 20px;
padding:0 0 20px 0;
}

.navlist_media ul, .navlist_media li
{
margin: 0;
padding: 0;
display: inline;
list-style-type: none;
}

.navlist_media a:link, .navlist_media a:visited
{
float: left;
line-height: 14px;
font-weight: bold;
margin: 0 8px 4px 8px;
text-decoration: none;
color: #b11b34;
}

.navlist_media a:link.current, .navlist_media a:visited.current, .navlist_media a:hover
{
margin-top:-4px;
border-top: 4px solid #b11b34;
padding-bottom: 2px;
background: transparent;
color: #000;
}

.navlist a:hover { color: #000; }


/* Misc. Styles */
#content h3 { background-color: #006599; }

#content a:link { color: #006599; border-bottom-color: #006599; } 

#content a:visited { color: #ec8100; border-bottom-color: #ec8100; }

.outreach { color: #b11b34; font-weight: bold; font-size: 110%; font-family: Verdana, Sans-Serif; }

#special p
{
	text-align: center;
	border: 1px solid #b11b34;
	background-color: #eed7ae;
}

#special a { text-decoration: none; }

#special a:link { color: #000000; }

#special a:visited { color: #000000; }

#special a:hover, #special a:active { color: #b11b34; }

.immediate { font-variant:small-caps; font-size:125%; }

#privacy { margin:35px 0; border:1px solid #CCC; padding:8px; }
#privacy p { font-size:12px; line-height:14px; }
#privacy h6 { text-align:center; }

.padding { margin-top:50px; }

/* Footer */

#footer 
{
	background:url(http://www.sanctuarytoronto.ca/images/footer.jpg) top no-repeat;
	margin:40px auto 0 auto;
	padding:5px;
}

#footer ul { text-align:left; }

#footer li.sitemap 
{ 
	float:left; 
	height:250px; 
	width:177px; 
	padding:0; 
	margin-right:-20px; 
}

#footer li.sitemap ul li { list-style:square; }

#footer li.sitemap { list-style-type:none; }

#footer li.sitemap ul li a { color:#b11b34 }

#footer li.sitemap ul li a:link { color: #b11b34; }

#footer li.sitemap ul li a:visited { color: #b11b34; } 

#footer li.sitemap ul li a:hover, #footer li.sitemap ul li a:active { color: #b11b34; }

#copyright { float:left; clear:both; margin:-50px auto 0 auto; width:100%; }