/* Global Elements */

/* PRIMARY LAYOUT */
body {
	margin:0; padding:0;
	font-family: arial,verdana, sans-serif;
	font-size: 12px;
	background:url("../images/common/bkgdMainTile.gif") scroll center top #440077;
	text-align: center;
	}
#container {
	margin:0; padding:0;
	width:1014px;
	background:transparent url("../images/common/bkgdContentSecTile.png") repeat-y;
}
#mainContent {
	margin:0;
	padding:0;
	width: 960px;
	}
#footer { 
	background:transparent url("../images/common/bkgdContentSecBtm.png") no-repeat;
	display:block;
	height:auto !important;
	min-height:30px;
	width:1014px;
	margin:auto;
	overflow:hidden;
 }
#footer .ftrTable { margin-top: 20px; 	margin-bottom: 15px; width:960px; text-align: left; }
#footer .ftrTable td {
	color:#FFFFFF;
	text-decoration:none;
	font-family:Arial,sans-serif;
	font-size:11px;
	text-align: left;
	}
#footer .ftrTable td a {
	color:#FFFFFF;
	text-decoration:underline;
	}

.img-shadow {
  float:left;
  background: url(../images/common/shadowAlpha.png) no-repeat bottom right !important;
  background: url(../images/common/shadow.gif) no-repeat bottom right;
  margin: 10px 0 0 5px !important;
  margin: 10px 0 0 5px;
  }

.img-shadow img {
  display: block;
  position: relative;
  background-color: #fff;
  border: 0;
  margin: -6px 6px 6px -6px;
  padding: 0;
  } 


/* MAIN CONTENT TABLE */

#mainContent table#contentTable { width: 960px; text-align: left; }
#mainContent table#contentTable td#header { width: 960px; height: 151px; padding: 0 0 10px 0; margin: 0; max-height: 151px; }
#mainContent table#contentTable td#header .hdrImage { }
#mainContent table#contentTable td#header .hdrTable { width: 749px; height: 44px; }
#mainContent table#contentTable td#leftCol { width: 211px; background:transparent url("../images/common/bkgdNavSecLeft.gif") no-repeat; }
#mainContent table#contentTable td#leftCol #mainNav { margin-left: 18px;}
#mainContent table#contentTable td#middleCol { width: 512px; padding: 0 10px 0 20px; }
#mainContent table#contentTable td#spacerCol { width: 2px; padding: 0; }
#mainContent table#contentTable td#rightCol { width: 235px; border-left: 1px solid #cccccc; padding: 10px 10px 0 10px; text-align: center; }

#logo {
	position: absolute;
	background:transparent url("../images/common/hdrLogoAngel34.png") no-repeat;
	display:block;
	height:auto !important;
	min-height:166px;
	width:268px;
	margin-left: -29px;
	overflow:hidden;
	}


/* Paragraph Styles */
p { font-family: arial, verdana, sans-serif; font-size: 12px; line-height: 14px; color: #333333 }
.standard { font-family: arial, verdana, sans-serif; font-size: 12px; line-height: 14px; color: #333333 }
td { font-family: arial, verdana, sans-serif; font-size: 12px; line-height: 14px; color: #333333; }
form td { font-family: arial, verdana, sans-serif; font-size: 12px; line-height: 14px; color: #333333; padding: 0; margin: 0; padding-top: 3px; padding-bottom:8px;}
.smaller { font-size: 11px; }
.indent { padding-left: 25px; }

#heading { height: 30px; padding-bottom: 5px; border-bottom: 1px solid #cccccc; margin-bottom: 20px; margin-top: 12px; padding-top: 0px; font-family: arial, verdana, sans-serif; text-indent: 0px; font-size: 24px; font-style: italic; line-height: 24px; color: #333333; font-weight: bold; }
#heading2 { height: 37px; padding-bottom: 0px; border: 0; margin-bottom: 18px; margin-top: 12px; padding-top: 0px; font-family: arial, verdana, sans-serif; text-indent: 0px; font-size: 24px; font-style: italic; line-height: 24px; color: #333333; font-weight: bold; }

p.title {font-size: 14px; color: #440077; font-weight: bold; line-height: 0px; margin-bottom:-8px; padding-bottom: 0px; margin-top: 15px; line-height: 16px;}
.title {font-size: 13px; color: #440077; font-weight: bold; line-height: 0px; margin-bottom:-8px; padding-bottom: 0px; margin-top: 15px; line-height: 16px;}

a:link { color:#333333; text-decoration: underline }
a:visited { color:#333333; text-decoration: underline }
a:active { color:#333333; text-decoration: underline }
a:hover { color:#333333; text-decoration: underline }

a:link { color:#333333; text-decoration: underline }
a:visited { color:#333333; text-decoration: underline }
a:active { color:#333333; text-decoration: underline }
a:hover { color:#333333; text-decoration: underline }

.hdrTable a:link { color:#333333; text-decoration: none; }
.hdrTable a:visited { color:#333333; text-decoration: none; }
.hdrTable a:active { color:#333333; text-decoration: underline; }
.hdrTable a:hover { color:#333333; text-decoration: underline; }

.news_headline { font-weight: bold; font-size: 13px; padding-top: 10px; }
.news_date {}

a.news { color: #6633cc; }
/* .news_outlet { color: #ff9900;  } */

ul.bullets_blue { list-style-image: url("../images/bullet_006699.gif"); margin-left: 0; padding-left: 18px; }
ul.bullets_purple { list-style-image: url("../images/bullet_440077.gif"); margin-left: 0; padding-left: 18px; }
#alt_bullets { list-style: none; margin: 0; }

a.sidenote { color: #336699; font-style: italic; }

h3 { font-family: arial, verdana, sans-serif; font-size:13px; font-weight:bold; color: white }
h2 { font-family: arial, verdana, sans-serif; font-size:15px; font-weight:bold }
h1 { font-family: arial, verdana, sans-serif; font-size:16px; font-weight:bold }

ul { font-family: arial, verdana, sans-serif; line-height: 14px; padding-left: 30px;  }
li { font-family: arial, verdana, sans-serif; margin-bottom: 10px;}
ol { font-family: arial, verdana, sans-serif; line-height: 14px }

/* Misc Font Styles */
.glanceletter { color: #ff6600; font-size: 16px; font-weight: bold; padding-right: 3px; font-family: times; }

#breadcrumb { font-size: 11px; color: #333333; margin: 0; padding: 0; }
#breadcrumb a { font-size: 11px; color: #333333; }
#breadcrumb b { color: #440077; }

table#donors { padding: 0; margin: 0; }
table#donors td { padding: 0px; margin: 0px;}
table#donors td p { padding: 0px; margin: 0px; padding-bottom: 8px; font-size: 11px; }

/* Events Table */
table#events { width: 480px; }
table#events td { padding: 5px; font-size: 11px; }
table#events tr#event1 { background-color: #efefef; }
table#events td.event_date { padding-bottom: 15px; white-space:nowrap; }
table#events td.event_title { padding-bottom: 15px; padding-left: 25px; }
table#events td.event_title .eventTitle { font-weight: bold; font-size: 12px; }
table#events td.event_location { padding-bottom: 15px; padding-left: 25px; }

ul#nav2 { font-size: 10px; text-align: left; margin-left: 15px; padding-left: 0px; }
ul#nav2 li { list-style:none; margin-bottom: 10px; }

.price { color: #000000; font-weight: bold; }
td.total { font-weight: bold; text-align: right; }
td.tableHeader { color: #ffffff; font-weight: bold; background-color: #339900; padding: 2px; }
td.tableHeaderPrice { color: #ffffff; font-weight: bold; background-color: #339900; padding: 2px; text-align: right; }
td.rule { background-color: #339900; }
td.links { padding-top: 15px; }
td.links2 { padding-top: 15px; padding-left: 20px; }

/* Rounded Boxes */
* html span.corners-top, * html span.corners-bottom { background-image: url("../images/corners_left.gif"); }
* html span.corners-top span, * html span.corners-bottom span { background-image: url("../images/corners_right.gif"); }

span.corners-top, span.corners-bottom, span.corners-top span, span.corners-bottom span {
	font-size: 1px;
	line-height: 1px;
	display: block;
	height: 5px;
	background-repeat: no-repeat;
}

span.corners-top {
	background-image: none;
	background-position: 0 0;
	margin: 0 -5px;
}

span.corners-top span {
	background-image: none;
	background-position: 100% 0;
}

span.corners-bottom {
	background-image: none;
	background-position: 0 100%;
	margin: 0 -5px;
	clear: both;
}

span.corners-bottom span {
	background-image: none;
	background-position: 100% 100%;
}
span.corners-top {	background-image: url("../images/corners_left.png"); }
span.corners-top span {	background-image: url("../images/corners_right.png"); }
span.corners-bottom { background-image: url("../images/corners_left.png"); }
span.corners-bottom span { background-image: url("../images/corners_right.png"); }

.sidebar { background-color: #efefef; padding: 0 10px; text-align: left; margin-top: 15px; }
.sidebar span.corners-top, .sidebar span.corners-bottom { margin: 0 -10px; }
.sidebar p.title { font-size: 14px; margin-top: 8px; }

.sidebar2 { background-color: #efefef; padding: 0 10px; text-align: left; margin: 15px 8px 0 3px; }
.sidebar2 span.corners-top, .sidebar2 span.corners-bottom { margin: 0 -10px; }
.sidebar2 p.title { font-size: 14px; margin-top: 8px; font-style: italic; }

.purple { color: #440077; font-weight: bold; }
.orange { color: #ff6600; font-weight: bold; }
.black { color: #000000; font-weight: bold; }
.green { color: #339900; font-weight: bold; }
.blue { color: #006699; font-weight: bold; }
.red { color: #ff0000; font-weight: bold; }

/* Scrolling photos */
div.sc_background {
	background: url('../images/share_buttons.gif') no-repeat;
}
div.sc_menu {
	/* Set it so we could calculate the offsetLeft */
	position: relative;
	height: 115px;
	width: 424px;
	margin: auto; /* Takes care of horizontal alignment in standards compliant browsers */
	overflow: auto;
	background-color: #000000;
	/* margin-left: 310px;  */
	margin-left: 23px;
	margin-top: 20px;
	padding: 0 4px 5px 4px;
	border-left: 1px solid black;
	border-right: 1px solid black;
}
ul.sc_menu {
	display: block;
	height: 115px;
	/* max width here, for users without javascript */	
	width: 1500px;	
	padding: 15px 0 0 0; 
	/* removing default styling */
	margin: 0;
	background: url('navigation.png');		
	list-style: none;
}
.sc_menu li {
	display: block;
	float: left;	
	padding: 0 4px;
}
.sc_menu a {
	display: block;
	text-decoration: none;
}
.sc_menu span {
	display: none;
	margin-top: 3px;
	text-align: center;
	font-size: 11px;	
	color: #ff9900;
}
.sc_menu a:hover span {
	display: block;
}
.sc_menu img {
	border: 0;	
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
}
.sc_menu a:hover img {
	filter:alpha(opacity=50);	
	opacity: 0.5;
}

#blanket2 {
	background-color:#000000;
	opacity: 1;
	filter:alpha(opacity=100);
	position:absolute;
	z-index: 9001;
	top:0px;
	left:0px;
	width:100%; height: auto;
}

.share_popup_div {
	padding: 10px;
	background-color: #ffffff;
	font-size: 12px;
	border: 2px solid #ff9900;
	margin: auto; /* Takes care of horizontal alignment in standards compliant browsers */
	width: 450px;
	margin-left: 5px;
	margin-top: 15px;
}
.share_popup_div p.title { margin-top: 0; }

/* POP UP DIVS */
#blanket {
background-color:#440077;
opacity: 0.65;
filter:alpha(opacity=65);
position:absolute;
z-index: 9001;
top:0px;
left:0px;
width:100%; height: auto;
}

.popup_div {
	padding: 10px;
	background-color: #ffffff;
	font-size: 12px;
	border: 4px solid #ff9900;
	margin: auto; /* Takes care of horizontal alignment in standards compliant browsers */
}
table#kids { margin: 0; margin-bottom: 25px; padding: 0; }
table#kids a { text-decoration: underline; }
table#kids a:hover { text-decoration: none; }
table#kids td { width: 150px; background: url("../content/images/kids/roll_bg.gif") no-repeat center 12px; padding: 0; padding-top: 12px; margin: 0;}
a#khk img { padding: 0; margin: 0; }
a#khk:hover img {
/* opacity: 0.65;
filter:alpha(opacity=65); */
width: 60%; height: 60%;
margin-top: 5px;  padding-bottom: 5px;
}
/* Code based on examples in Christopher Schmitt's O'Reilly "CSS Cookbook" ISBN 059600576-8 
and Eric Meyer's New Riders "More Eric Meyer on CSS" ISBN 0735714258 trbl*/
ul#nav {float:left;padding:0;margin:0;width:100px;}
/* level 1 */
ul#nav li {list-style:none;margin:0;margin-left:3px;padding:0;float:left;}
ul#nav li a {background:#416389;display:block;padding:3px 0.5em;border:none;margin-left:3px;text-decoration:none;}
ul#nav li a:link, ul#nav li a:visited {color:white;}  
ul#nav li a:hover, ul#nav li a:focus {color:#ffff33;} 
ul#nav li a#current {color:#ffffff;background:#416389;border:1px solid white;margin-bottom:-1px;}
ul#nav li.last a#current {color:#ffffff;background:#416389;border:1px solid white;margin: 0;}
ul#nav li a#current:hover, ul#nav li a#current:focus {color:#ffffff;}
/* level 2 */
ul#nav li li a {width:12.5em;border:1px solid #ffffff;margin-bottom:-1px}
ul#nav ul {position:absolute;margin-top:0;margin-left:0;padding-left:0;width:13em;display:none;}
ul#nav ul ul {position:absolute;left:9em;margin-left:0;padding-left:0;width:13em;display:none;margin-top:-10px}
ul#nav .topmenu {color:white;margin-left:3px;padding:3px 0.5em;}
ul#nav .unlinked {color:white;margin-left:3px;padding:3px 0.5em;width:12.5em;border:1px solid #ffffff;margin-bottom:-1px;background:#416389}
ul#nav .unlinked:hover {color:#ffff33}
ul#nav li.submenu a:focus>ul {display:block;}
ul#nav li.submenu:hover ul {display:block;}
ul#nav li.submenu:hover ul ul {display:none}
ul#nav li.submenu:hover ul ul ul {display:none}
/* level 3 */
ul#nav li.submenu:hover ul li.submenu:hover ul {display:block;}
ul#nav li.submenu2 ul li {display:none;}
ul#nav li.submenu2:hover ul li {display:block;}