@page normal{size: 600px 800px;}

body {
	page:normal;
	margin:0px;
	background-color:#ffffff;
	font-family: Arial, Helvetica, sans-serif;
}

a {

	font-size:12px;

}

p {
	color:#000000;
	font-size:12px;
	margin-top:0px;
	text-align:left;
	font-family:arial, verdana, sans-serif;
}

h3 {
	font-size:16px;
	font-weight:bold;
	line-height:170%;
	color:#666666;
	margin-top: 25px;
	padding-top: 15px;
	border-top: 1px solid #ededed;
}


iframe {
		border: none;
}


p.darkGrey {
	color:#666666;
}

p.TITLE {
	font-size:20px;
	font-weight:bold;
	line-height:170%;
	color:#666666;
}

p.factoid {
	text-align:center;
	font-weight:bold;
	color:#A92E57;
}

p.event_features_menu {
	padding-left:14px;
}

li {
	color:#000000;
	font-size:12px;
	margin-top:0px;
	text-align:left;
	font-family:arial, verdana, sans-serif;
}

li.emphBlack {
	color:#000000;
	font-size:12px;
	margin-top:0px;
	text-align:left;
	weight:bold;
	font-family:arial, verdana, sans-serif;
}


#indexLeft p {
	padding-top:0.3em;
	padding-left:0.6em;
	padding-right:0.3em;
}

.TOPIC {
	font-family:arial, verdana, sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#996699;
}

.emphBlack {
	font-family:arial, verdana, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#000000;
}

.emphBlue {
	font-family:arial, verdana, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#0463C3;
}

.emphBlueHome {
	display: block;
	padding: 0px;
	border-bottom: 1px solid #99CCFF;
	font-family:arial, verdana, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#0463C3;
	width: 244px;
	padding-bottom: 3px;
}

.emphItal {
	color:#000000;
	font-size:12px;
	margin-top:0px;
	text-align:left;
	font-family:arial, verdana, sans-serif;
	font-style:italic;
}

.goldText {
	font-weight:normal;
	font-size:12px;
	font-family:arial, verdana, sans-serif;
	text-decoration:none;
	color:#ffd700;
	background:transparent;
}

.indent {
	margin-left:20px;
}

#footer {
	font-size: 10px;
	margin-top: 50px;
}

/* this image rule states that all images on the page
are rendered as a block-level element instead of inline; saves
having to place images in table cells or between <br> tags
to preserve layout spacing */
img {
	display:block;
	border:0;
}

/* Child Advocates logo should only occur once in a page, at
the upper right corner.  Padding required only on top to line
up with the multi-colored menu background image;
attribute order is {padding: top right bottom left}.
*/
img.logo {
	display:block;
	border: 0px;
	padding: 5px 0px 0px 0px;
}

/* this rule states that images are inline, which allows text
to float around them */
img.inline {
	display:inline;
	float:left;
	border:0px;
	padding:4px;
}

img.rightInline {
	display:inline;
	float:right;
	border:0px;
	padding:4px;
}

img.indexEvtLogo {
	display:inline;
	float:left;
	border:0px;
	padding:4px 4px 4px 0px;
}


.hide {
	display:none;
}


/* Menu styling */
#menuBackground {
	position:absolute;
	top:5px;
	left:173px;
	height:126px; 
	width:627px;
	background:url(../../images/decor/nav_background.png) no-repeat;
}

#supNav {
	position:absolute;
	background:transparent;
	top:4px;
	left:494px;
	width:90px;
}

#supNav dl {
	margin:0px;
	padding:0px;
}

#supNav dd {
	font-family:arial, verdana, sans-serif;
	font-size:11px;
	font-weight:bold;
	text-align:left;
	width:90px;
	line-height:100%;
	margin:0px;
	padding:0px;
	border:0px;
}

#menuBar {
	background-color:#000000;
	position:absolute;
	border-collapse:collapse;
	top:33px;
	left:173px;
	height:22px;
	width:627px;
	border:0px;
	padding-bottom:0px;
	/* overflow:hidden; */
}

#menuBar dl {
	margin:0px;
	padding:0px;
}

#menuBar dd {
	font-family:arial, verdana, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#ffffff;
	padding-top:4px;
	float:left;
}

 
#aboutMenu {position:absolute; width:150px; margin-left:0px;}
#volunteerMenu {position:absolute; width:150px; margin-left:0px;}
#donateMenu {position:absolute; width:150px; margin-left:0px;}
#newsMenu {position:absolute; width:150px; margin-left:0px; }
#eventsMenu {position:absolute; width:150px; margin-left:0px;}
#contactMenu {position:absolute; width:150px; margin-left:0px;}

.subnav {
	margin-left:0px;
	display:block;
	font-size: 7px;
	line-height:150%;
	/* when the page first renders, the subnav is hidden */
	visibility:hidden;
}

.subnav dd {
	width:250px;
	margin-left:0px;
}


/* ---  PAGE DIVISIONS --- */

/* --- index page divisions --- */
#blueBar {
  position:absolute;
	top:139px;
	left:0px;
	height:171px; 
	width:800px;
	background:url(../../images/decor/blue_bar.jpg) no-repeat;
}

#indexLeft {
	position:absolute;
	top:316px;
	left:0px;
	height:350px;
	width:280px;
	margin:0px;
	background-color:#E8E8E8; /* light grey */
	color:#666666; /* text dark grey*/
}

#indexWhatsHappening {
	background-color:#0463C3; /* dark blue */
	position:absolute;
	top:316px;
	left:286px;
	width:256px;
	height:24px;
	text-align:center;
	font-family:arial, verdana, sans-serif;
	font-weight:bold;
	font-size:13px;
	color:#99CCFF; /* text light blue */
	line-height:170%;
}

#indexSpotlight {
	position:absolute;
	top:350px;
	left:293px;
	width:244px;
	height:auto;
	overflow:hidden;
	font-family:arial, verdana, sans-serif;
	font-size:12px;
	padding: 0px;
	line-height: 1.5em;
}

#indexEvent {
	position:absolute;
	top:420px;
	left:293px;
	width:244px;
	height:auto;
	overflow:hidden;
	font-family:arial, verdana, sans-serif;
	font-size:12px;
	line-height: 1.5em;
}

#indexNews {
	position:absolute;
	top:535px;
	left:293px;
	width:244px;
	height:auto;
	overflow:hidden;
	font-family:arial, verdana, sans-serif;
	font-size:12px;
	line-height: 1.5em;
}


/*  Video Block  */

#indexPhotoBlock {
	position:absolute;
	top:316px;
	left:546px;
	width:252px;
	background-color:#E8E8E8; /* light grey */
}


.video {
	color: #333;
	font-size: 11px;
	font-weight: bold;
	width: 252px;
}


.video h6{
	margin: 0px;
	font-size: 11px;
	font-weight: bold;
	padding: 6px;
}

.videolist ul{
	padding: 0px;
	margin: 0px;
	padding-left: 5px;
}

.videolist li{
	display: inline;
	float: left;
	list-style: none;
	font-size: 9px;
	text-transform: uppercase;
	color: #333;
	text-align: center;
	padding-right: 3px;
}


.videolist a{
	color: #0463c3;
	text-decoration: none;
}

.videolist a:hover{
	color: #0463c3;
	text-decoration: underline;
}


#copyrightBlock {
	position:absolute;
	top:625px;
	left:548px;
	width:252px;
	height:35px;
}

/* --- inside page divisions --- */
#container {
	position:absolute;
	top:139px;
	left:173px;
	width:550px;
	margin:0px;
}

#event_features_container_left {
	position:absolute;
	top:139px;
	left:173px;
	width:440px;
	margin:0px;
}

#event_features_container_right {
	position:absolute;
	top:139px;
	left:630px;
	width:170px;
	margin:0px;
}

.spotlink {
	height:90px;
}

#insideWhatsHappening {
	background-color:#0463C3; /* dark blue */
	position:absolute;
	top:139px;
	height:22px;
	width:165px;
	text-align:center;
	font-family:arial, verdana, sans-serif;
	font-weight:bold;
	font-size:13px;
	color:#99CCFF; /* text light blue */
	line-height:170%;
}

#sideBar {
	background-color:#6EA3E7; /* medium blue */
	position:absolute;
	top:161px;
	height:439px;
	width:165px;
	color:#ffffff;
}

#sideBarSpotlight {
	position:absolute;
	top:20px; /* contained within #sideBar */
	left:10px;
	width:145px;
	height:60px;
	overflow:hidden;
	text-align:left;
	font-family:arial, verdana, sans-serif;
	font-weight:normal;
	font-size:12px;
	color:#ffffff;
}

#sideBarNews {
	position:absolute;
	top:100px;
	left:10px;
	width:145px;
	height:60px;
	overflow:hidden;
	text-align:left;
	font-family:arial, verdana, sans-serif;
	font-weight:normal;
	font-size:12px;
	color:#ffffff;
}

/* --- styling for interior sidebar "Volunteer Now" button --- */

/* clone of "#button a" */
#sideBarButton a {
	color:#0463C3;
	text-decoration:none;
	display:block;
	padding:0.3em;
	background:#CCCCCC;
}

#sideBarButton dd {
	margin:0px;
	padding:0px;
	font-size:12px;
	font-family:arial, verdana, sans-serif;
	letter-spacing:0.2em;
	border:2px solid #4C79A9;
}

#sideBarButton dl {
	/* font-size:12px; */
	font-weight:900;
	/* font-family:arial, verdana, sans-serif; */
}

/* modification of "#volunteerNowButton" */
#sideBarVolunteerNowButton {
	position:absolute;
	top:170px;
	left:6px;
	height:60px;
	width:152px;
	text-align:center;
}

/* modification of "#sideBarVolunteerNowButton" */
#sideBarTellAFriendButton {
	position:absolute;
	top:210px;
	left:6px;
	height:60px;
	width:152px;
	text-align:center;
}

#factoidBlock {
	position:absolute;
	top:270px;
	left:8px;
	height:88px;
	width:148px;
	overflow:hidden;
	background:#E8E8E8;
}

#innerFactoidBlock {
	position:absolute;
	top:4px;
	left:4px;
	height:75px;
	width:136px;
	background:#E8E8E8;
	border:2px solid #4C79A9;
}


/* ANCHOR ATTRIBUTES */
/* for anchor pseudo-classes the style parameter order is CRITICAL;
	first "link", second "visited", third "hover", fourth "active" (LHVA)  */

/* --- styling for menu links --- */
#menuBar a:link {
	text-decoration:none;
	color:#ffffff;
	background:transparent;
}

#menuBar a:visited {
	text-decoration:none;
	color:#ffffff;
	background:transparent;
}

#menuBar a:hover {
	text-decoration:none;
	color:#ffffff;
	background:transparent;
}

#menuBar a:active {
	text-decoration:none;
	color:#ffffff;
	background:transparent;
}

/* --- styling for other anchors/links --- */
a:link {
	font-weight:bold;
	text-decoration:none;
	color:#0463C3;
	background:transparent;
}

a:visited {
	font-weight:bold;
	text-decoration:none;
	color:#996699;
	background:transparent;
}

a:hover {
	font-weight:bold;
	text-decoration:underline;
	color:#0463C3;
	background:transparent;
}

a:active {
	font-weight:bold;
	text-decoration:none;
	color:#0463C3;
	background:transparent;
}

a.nodec {
	font-weight:normal;
	text-decoration:none;
	color:#000000;
}

a.nodecAndBlock:link {
	text-decoration:none;
	color:#000000;
	display:block;
}

a.nodecAndBlock:visited {
	text-decoration:none;
	color:#000000;
	display:block;
}

a.nodecAndBlock:hover {
	text-decoration:none;
	color:#000000;
	display:block;
}

a.nodecAndBlock:active {
	text-decoration:none;
	color:#000000;
	display:block;
}

/* --- styling for home page "Volunteer Now" button (Donate Now)--- */

#button a {
	color:#FFFFFF;
	text-decoration:none;
	display:block;
	padding:0.4em;
	background:#b30001;
}

#button2 a {
	color:#0463C3;
	text-decoration:none;
	display:block;
	padding:0.4em;
	background:#D7DEEB;
}

#volunteerNowButton dd {
	margin:0px;
	padding:0px;
	text-align:center;
	letter-spacing:0.1em;
	border:2px solid #840000;
}

#volunteerNowButton dl {
	font-size:14px;
	font-weight:900;
	font-family:arial, verdana, sans-serif;
}

#volunteerNowButton {
	position:absolute;
	top:22px;
	left:605px;
	height:60px;
	width:170px;
}

/* --- styling for home page "WATCH VIDEO" button --- */
/* button border */
#videoButton dd {
	margin:0px;
	padding:0px;	
	letter-spacing:0.1em;
	border:2px solid #4C79A9;
}
/* button text specification */
#videoButton dl {
	text-align:center;
	font-size:14px;
	font-weight:900;
	font-family:arial, verdana, sans-serif;
}
/* button size and position */
#videoButton {
	position:absolute;
	top:60px;
	left:605px;
	height:60px;
	width:170px;
}

/* --- styling for home page "ONE-TIME DONATION" button --- */
/* button border */
#onetimeDonationButton dd {
	margin:0px;
	padding:0px;
	letter-spacing:0.1em;
	border:2px solid #4C79A9;
	height:60px;
	width:190px;
}
/* button text specification */
#onetimeDonationButton dl {
	text-align:center;
	font-size:14px;
	font-weight:900;
	font-family:arial, verdana, sans-serif;
}
/* button size and position */
#onetimeDonationButtonButton {
	/* position:absolute; */
	/* top:60px; */
	/* left:600px; */
	/* height:60px; */
	/* width:190px; */
}

/* --- other page divisions --- */

/* --- This set of CSS classes create a very simple HTML Table behavior --- */
.simpleTable {
	width:600px;
	border:0px;
}

.simpleTable dl {
	margin:0px;
	padding:0px;
}

.simpleTable dd.left {
	position:relative;
	width:300px;
	margin-top:0px;
	margin-left:0px;
	color:#000000;
	font-size:12px;
	font-family:arial, verdana, sans-serif;
}

.simpleTable dd.right {
	position:relative;
	width:300px;
	margin-top:0px;
	margin-left:300px;
	color:#000000;
	font-size:12px;
	font-family:arial, verdana, sans-serif;
}


/* --- homepage Network links --- */
#network {
	margin-top: 475px;
	width: 280px;
}

#network p{
	font-size: 9px;
}

#network ul{
	font-family: Arial, Helvetica, sans-serif;
	list-style: none;
	margin: 0px;
	padding: 0px;
	font-size: 10px;
	font-weight: bold;
}

#network li{
	list-style: none;
	float: left;
	padding-left: 10px;
	color: #333333;	
}