/* CSS Document */

body, table, img, ul, li { /*ensures drop-down menu lines up, and sub-menu is below main-menu item*/
	margin:auto; 
	padding:0; 
	border:0; 
}

body {
	width:780px;
	font-family:Verdana, Tahoma, Helvetica, sans-serif;
	background-color: #336699;
}	

#iecenter{
	text-align:center;
	margin-bottom: 0px;
	padding-bottom: 0px;

}

#site_container {
	background-color: #FFFFFF;
	text-align:left;
	margin-bottom: 0px;
	padding-bottom: 0px;
	
}
#site_container {
	border-left-style: none;
}
#home_menu a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	color: #FFFFFF;
	text-decoration:none;
}
#home_menu {
}

#home_menu a:hover {
	font-size: small;
	text-decoration:underline;
	font-weight: bold;
}
.small_menu a:hover {
	text-decoration: underline;
	font-weight: bold;
}
.small_menu a:visited {
	color: #333333;
}

#header {
	background-color: #FFFFFF;
	background-image: url(../images/header_small.jpg);
	background-repeat: no-repeat;
	height: 150px;
	
}

.hidden {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: medium;
	text-indent: -5000px;
}
#home_menu {
	background-color: #004280;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: x-small;
	font-weight: bold;
	color: #FFFFFF;
	height: 20px;
	text-align: right;
	background-position: center;
	margin: 0px;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 3px;
	padding-left: 0px;
}

#home_menu ul li {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	display: inline;
	font-weight: normal;
	margin: 5px;
	margin-right: 20px;
	margin-top: 0px;
	
}

#photo_banner {
	background-color: #004280;
}




#page_container {
	background-color: #FFFFFF;
	margin-top: 75px; 		/* margin set to 2x the height of main menu */
}

#footer {
	background-color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	font-size: small;
	clear: both;
}




/* -----------------------------Start of Main Menu Drop Down ------------------*/


 /*========================= TOP OF THE MENU CASCADE =========================*/

.main_menu {
	position:relative;        /* establish a menu-relative positioning context */
	float:left;                                     /* play nicely with others */
	margin:0;
	padding:0;
	border:0;
	height:18px;                                  /* the menu's overall height */
	width:100%;         /* we always want our menu to fill the available space */
	background:#004280;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;         /* this (and also below) sets the menu's font size */
	border-bottom:1px solid black;        /* give us a black border underneath */
	
}

.main_menu img {
	vertical-align: top;      /* prevent images from being pushed down by text */
}

.main_menu ul {
	padding:0;
	margin:0;
	border:0;
	list-style-type:none;          /* we don't want to view the list as a list */
	line-height:1.5em;           /* globally set the menu's item spacing. note */
}                               /* this must be 1.0 or 1.5 or 2.0 for Mozilla */

.main_menu li {
	float:left;    /* this creates the side-by-side array of top-level buttons */
	position:relative;    /* create local positioning contexts for each button */
	margin:0;
}

.main_menu ul li table {
	margin:-1px 0;              /* IE5 needs -1px top and bottom table margins */
	m\argin:0;               /* re-zero the table margins for everyone but IE5 */
	border-collapse:collapse;      /* IE5 needs this for the sub-menus to work */
	font-size:12px;        /* this sets the base font size for our entire menu */
}

/*======================== TOP LEVEL MENU DEFINITIONS ========================*/

.main_menu ul li ul {
	display:none;                  /* initially hide the entire list hierarchy */
	padding:1px;                               /* this is our box border width */
}

.main_menu ul li a,
.main_menu ul li a:visited {                    /* unselected top-level menu items */
	display:block;
	float:left;
	text-decoration:none;
	height:18px;
}

.main_menu ul li:hover a,
.main_menu ul li a:hover {                        /* selected top-level menu items */
	border-top:1px solid #000;    /* these 2 lines create the push-in illusion */
	height:16px;
}

/*======================== 2ND LEVEL MENU DEFINITIONS ========================*/

.main_menu ul li:hover ul,
.main_menu ul li a:hover ul {                           /* 2nd level drop-down box */
	display:block;
	position:absolute;
	margin:0;
	top:50px;              /* place us just up underneath the top-level images */
	left:-1px;       /* left-align our drop-down to the previous button border */
	height:auto;      /* the drop-down height will be determiend by line count */
	width:14.9em;	/* sets width of second-level menu, should match ul li:hover ul li a */
	color:black;                        /* this sets the unselected-text color */
	background:#336699;        /* this sets our menu's effective "border" color  */
}
/*
.menu ul li:hover ul.leftbutton,
.menu ul li a:hover ul.leftbutton { our first dropdown should not be skewed 
	left:0px;
}

.menu ul li:hover ul.skinny,
.menu ul li a:hover ul.skinny {             /* 2nd level skinny drop-down box */
/*	width:8.08333em;   /* with a 12px default font, this is 97px width (97/12) }*/


/*
* html .menu ul.rightmenu li a:hover ul {          IE5/6 needs a tweak here 
	right:-1px;
}
*/
.main_menu ul li:hover ul li a,
.main_menu ul li a:hover ul li a {                   /* 2nd level unselected items */
	border:0;
	margin:0;
	padding:0;
	height:auto;
	color:#000;               /* this sets the unselected drop-down text color */
	background:#CCCCFF;       /* this sets the drop-down menu background color */
	width:14.9em;			 /* this is the width of the second-level list item*/
}

.main_menu ul li:hover ul li:hover a,
.main_menu ul li a:hover ul li a:hover {                /* 2nd level selected item */
	color:black;
	background:white;
}
.small_menu {
	background-color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: x-small;
	font-weight: bold;
	color: #00427F;
	text-decoration: none;
}
.small_menu a {
	text-decoration: none;
	color: #004280;
}

.small_address {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: x-small;
	color: #FFFFFF;
	text-align: center;
	margin-top: 0px;
	padding-top: 10px;
	padding-right: 5px;
	padding-left: 5px;
	background-color: #004280;
	margin-bottom: 0px;
	padding-bottom: 10px;
}
#wide_column h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: large;
	color: #003366;
	margin-bottom: 15px;
}
#wide_column p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	color: #000000;
	padding-right: 15px;
	padding-left: 5px;
	text-align: left;
}
#content h6 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: medium;
	color: #003366;
	text-align: center;
	padding: 0px;
	margin-top: 2px;
	margin-bottom: 2px;
}
#content ol li {
	margin-top: 10px;
	margin-bottom: 10px;
}


.house {

}

#narrow_column {
	float: left;
	font-size: small;
	height: inherit;
	margin-left: 15px;
	margin-top: 50px;
	margin-bottom: 10px;
	padding-right: 0px;
	margin-right: 10px;
	width: 195px;
}
.italic_link {
	font-size: x-small;
	font-style: italic;
	color: #000066;
	font-weight: bold;
}
#content p {
	padding: 0px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
}


.side_menu {
	margin: 0px;
	padding: 0px;
	color: #003466;
	font-weight: 500;
}

#wide_column {
	clear: none;
	float: left;
	width: 510px;
	margin-top: 10px;
	margin-right: 5px;
	margin-bottom: 10px;
	margin-left: 5px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: medium;
}
#euston {
	background-image: url(../images/50_euston_frontdoorsmall250.png);
	height: 270px;
	width: 249px;
	background-repeat: no-repeat;
	margin-top: 5px;
	margin-right: 10px;
	margin-bottom: 0px;
	float: left;
}
#euston p {
	font-size: x-small;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #336799;
	font-weight: bold;
	text-align: center;
	padding-top: 260px;
}

.morecontent {
	clear: both;
	padding-top: 5px;
	margin-top: 0px;
}

h1 .side  {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #004280;
	font-size: small;
}



#jones {
	height: 270px;
	width: 249px;
	background-repeat: no-repeat;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 0px;
	float: left;
	margin-left: 0px;
	background-color: #CCCCCC;
}

#jones p {
	font-size: x-small;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #336799;
	font-weight: bold;
	text-align: center;
	padding-top: 260px;
}
.small_menu p {
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 0px;
	padding-bottom: 6px;
	text-align: center;
	text-decoration: none;
}
 /*
.menu ul li:hover ul.skinny li a,
.menu ul li a:hover ul.skinny li a,
.menu ul li:hover ul.skinny li a:hover,
.menu ul li a:hover ul.skinny li a:hover {      2nd level un+selected items
/*	 width:8.08333em; 
	
} */
    
#narrow_column h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #003366;
	font-size: small;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
}


#narrow_column p {
	font-size:medium;
}

#narrow_column a {
	text-decoration: none;
	color: #004280;
}
#narrow_column li {
	list-style-position: outside;
	list-style-image: url(../images/bluebullet_arrow.png);
	margin-bottom: 5px;
}
.side_list {
	padding-left: 0px;
	margin-left: 20px;
	color: #336699;
	font-size: small;
}



#narrow_column ul {
	margin-top: 0px;
	padding-right: 5px;
}

#page_container {
	margin-top: 75px;
}
#content blockquote {
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #003366;
	font-size: small;
	background-color: #CCCCCC;
	text-align: justify;
	margin-bottom: 0px;
	padding-top: 10px;
	padding-right: 10px;
	padding-left: 10px;
	padding-bottom: 5px;
	font-style: italic;
}

#content h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: medium;
	color: #336699;
	margin-bottom: 5px;
}
.side_content {
	margin-top: 75px;
}


.youarehere {
	font-weight: bold;
}
.sublists ol {
	margin-top: 0px;
	margin-bottom: 0px;
}

.sublists ol li ul li {
	list-style-image: url(../images/bluebullet.png);
	list-style-position: outside;
}

.source {
	font-size: x-small;
	color: #333333;
	text-align: right;
	font-style: normal;
	background-position: right;
	margin-top: 5px;
	margin-right: 5px;
	background-color: #CCCCCC;
	font-family: Arial, Helvetica, sans-serif;
}
#content ol {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	color: #000000;
	padding-right: 20px;
	padding-left: 20px;
}
#content .center {
	background-position: center;
	text-align: center;
}
.list li {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	list-style-position: outside;
	text-indent: 10px;
	margin-top: 15px;
	margin-bottom: 0px;
	list-style-image: url(../images/bluebullet.png);
	margin-left: 20px;
}

.volunteer_table{
	margin-left:50px;
	margin-right:50px;
	font-size: small;

}	




 th {
	color: #366799;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	margin-left: 50px;
	text-decoration: underline;
}
.volunteer_table td {
	font-size: small;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
.volunteer_table {
	font-size: small;
	margin-top: 25px;
}
.highlight {
	font-size: small;
	color: #003366;
	font-weight: bold;
	text-align: right;
	margin-bottom: 0px;
	padding-bottom: 0px;
}
.highlight p {
	text-align: center;
}