/* Start of CMSMS style sheet 'event' */
@charset "UTF-8";
/* CSS Document */

body {
margin: 0;
padding: 0;
}

#container {

width: 1120px;
height:100%;

}

p {
font-family:Garamond, "Times New Roman", Times, serif;

}

img {
border: none;
}


h3 {
font-family:Garamond, "Times New Roman", Times, serif;
font-style:italic;
font-weight:normal;
font-size:24px;
color: #8c417b;

}

h4 {
font-family:Garamond, "Times New Roman", Times, serif;
font-size:16px;
color:#8c417b;


}

h5 {
font-family:Garamond, "Times New Roman", Times, serif;
font-size:18px;
color:#8c417b;
padding:0;
margin: 0;

}

h6,
h6 a {
font-family:Garamond, "Times New Roman", Times, serif;
font-size:26px;
font-weight:normal;
text-decoration: none;
color:#8c417b;
padding-bottom:10px;
margin: 0;

}

ul li {
font-family:Garamond, "Times New Roman", Times, serif;

}



hr {
position: relative;
float: right;
color:#8c417b;
height: 1px;
left: 75px;
width: 560px;
top: -34px;

}


hr.stream {
position: relative;s
float: right;
color:#8c417b;
height: 1px;
width: 910px;
top: -34px;
left: 425px;

}

hr.newevent {
position: relative;s
float: right;
color:#8c417b;
height: 1px;
width: 750px;
top: -34px;
left: 425px;

}

hr.initiatives {
position: relative;s
float: right;
color:#8c417b;
height: 1px;
width: 910px;
top: -34px;
left: 425px;

}


#header {
background-image:url(/GRAPHICS/banner-background.gif);
background-repeat:repeat-x;
width: 100%;

}

#logo {
background-repeat: no-repeat;
width:1120px;
height:216px;


}
#menuLeft {
position: relative;
float: left;
background-image: url(/GRAPHICS/leftmenubg.png);
background-repeat: repeat-y;
width: 207px;
height: 100%;
min-height: 1300px;
font-family: Arial;
font-size: 13px;
line-height: 15px;
}


#menuBorder {
	background-image: url(/GRAPHICS/menuborder_alt.gif);
	background-repeat: repeat-y;
	width: 15px;
}
#menuBg {
	background-image: url(/GRAPHICS/menuleftbg_alt.gif);
	background-repeat: repeat-y;
	width: 200px;
	vertical-align: top;
	padding-bottom: 100px;
}
#menuVisitedMain {
	color: #ECC561;
	display: block;
	font-weight: bold;
	font-size: 12px;
	padding-left: 15px;
	padding-top: 10px;
	padding-right: 3px;
	padding-bottom: 3px;
}
#menuVisitedSub {
	color: #ECC561;
	display: block;
	font-weight: bold;
	font-size: 12px;
	padding-left: 45px;
	padding-top: 10px;
	padding-right: 3px;
	padding-bottom: 3px;
}
#menuDropDown {
	
	background-image: url(/GRAPHICS/menuleftbg_alt.gif);
	background-repeat: repeat-y;
	width: 200px;
	vertical-align: top;
	margin-left: 0px;
	color: #F5F5D6;
	font-size: 12px;
	line-height: 15px;
}
#menuDropDown a {
	color: #FFFFFF;
	text-decoration: none;
	display: block;
	padding-left: 45px;
	padding-top: 10px;
	padding-right: 3px;
	padding-bottom: 3px;
}
#menuDropDown a:hover {
	color: #000000;
	background-color: #FFFFFF;
}


#menuLeft a:link, #menuLeft a:active, #menuLeft a:visited {
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: none;
	display: block;
	padding-left: 15px;
	padding-top: 10px;
	padding-right: 3px;
	padding-bottom: 3px;
}

#menuLeft a:hover {
	color: #000000;
	background-color: #FFFFFF;
}
#menuLeft p {
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 5px;
	padding-bottom: 5px;
}


#content {
position: relative;
float: left;
width: 630px;
padding: 50px 0px 10px 20px;

}


#right-side {
postition: relative;
float:left;
width: 200px;
height: 100%;
padding: 25px 0px 0px 60px;

}

p.green-bkg {
font-size:16px;
text-align:center;
font-weight:normal;
background-color: #c0cdae;
width: 180px;
padding:15px;
padding:15px;

}

p.green-bkg img {
padding-top: 10px;
border: none;

}

#agenda-content {
position: relative;
float:left;
width: 660px;
margin-left: -30px;
padding-bottom: 40px;


}


.agenda-links {
position: relative;
float: left;
width: 200px;
}


.agenda-blurb {
position: relative;
float:left;
background-color: #c3b0c9;
width: 400px;
padding: 5px;
margin-left: 50px;
margin-top: 15px;
text-shadow:#666666;

}

.agenda-blurb img {
position: relative;
float: right;
margin-top: -25px;
margin-right: -25px;

}



ul#agenda-nav{
list-style: none;
padding-right: 20px;

}


ul#agenda-nav li {
padding-bottom: 21px;
}


ul#agenda-nav img {
border: none;

}


#yellow-block {
position:relative;
float:left;
background-color: #f8e8c6;
padding: 0px 10px;
margin-bottom: 20px;
}

#yellow-block img {
margin: 10px 0px;
padding: 0;
border: none;

}

/*live stream*/

#stream-content {
position: relative;
float: left;
background-color: #c3b0c9;
width: 1070px;
padding: 10px;
margin-bottom: 20px;
}

#video-content {
position: relative;
float: left;
width: 455px;
}

#facebook-content {
position: relative;
float: left;
width: 386px;

}


/*stream bottom*/

#stream-bottom-container {
position:relative;
float:left;
width: 1090px;


}

#donate-button {
postion: relative;
width: 200px;
height: 60px;
padding-top: 80px;

}

#grantees-accordian {
position: relative;
float: left;
width: 610px;



}

#stream-links {
position: relative;
float: left;
width: 235px;
margin-top: -15px;

}

#facebook-discussion {
position: relative;
float: left;
width: 184px;
padding-left: 55px;
}



/*grantees accordian menu*/

.grantee-header {
background-color: #c0cdae;
width: 588px;
height: 20px;
padding: 10px;

}

ul#menu, ul#menu ul {
  list-style-type:none;
  margin: 0;
  padding: 0;
  width: 38em;
}

ul#menu a {
  display: block;
  text-decoration: none;	
}

ul#menu li {

}

ul#menu li ul li {
line-height: 70%;

}

ul#menu li a {
  background: #e2ead6;
  background-image:url(/GRAPHICS/grantee-arrow.png);
background-repeat:no-repeat;
background-position:left;
  color: #8c417b;	
  padding: 0.5em;
  font-weight:bold;
text-indent:20px;
}

ul#menu li a:hover {
 background-image:url(/GRAPHICS/grantee-arrow.png);
  background-color: #c0cdae;
}

ul#menu li ul li a:hover {
background-image: none;
}

ul#menu li ul li a {
background-image: none;
font-weight:normal;

}

ul#menu li ul li a {
  background: ##e2ead6;
  color: #000;
  padding-left: 40px;
}

.code {
 border: 1px solid #ccc; 
 list-style-type: decimal-leading-zero; 
 padding: 5px; margin: 0;
 }
 
 
.code code { 
display: block; 
padding: 3px; 
margin-bottom: 0; 
}


.code li { 
background: #ddd; 
border: 1px solid #ccc; 
margin: 0 0 2px 2.2em; 
}


.indent1 { 
padding-left: 1em;
}


.indent2 { 
padding-left: 2em; 
}




/*sponsors*/

#sponsors-container {
position: relative;
float: left;
width: 645px;
left: 20px;
padding-bottom: 20px;


}

#sponsors-container img {
border: none;
}


.sponsor-one {
position:relative;
float:left;
width: 225px;
padding-right: 10px;

}

.sponsor-two {
position:relative;
float:left;
width: 225px;
padding-right: 30px;

}

.sponsor-three {
position:relative;
float:left;
width: 225px;
padding-right: 10px;

}

/*stream sponsors*/

#sponsors-container {
position: relative;
float: left;
width: 1100px;
left: 20px;
padding-bottom: 20px;

}

.sponsor-one {
position:relative;
float:left;
width: 215px;
}

.sponsor-two {
position:relative;
float:left;
width: 215px;
}

.sponsor-three {
position:relative;
float:left;
width: 215px;
}

.sponsor-four {
position:relative;
float:left;
width: 215px;
}

.sponsor-five {
position:relative;
float:left;
width: 215px;
}

ul.initiative-list,
ul.initiative-list a {
font-family: Garamond;
color:#8c417b;


}


/*footer*/

.clearfloat {
clear:both;

height:0;
line-height:0;
}


#footer {
background-image:url(/GRAPHICS/footer-bkgrd.jpg);
background-repeat:repeat-x;
height:109px;
width: 100%;
margin-top: -16px;

}

#footer a {
text-decoration: none;
}


.footer-top p {
position: relative;
font-family:Garamond;
color: #876193;
text-align: center;
top: 5px;


}

.footer-bottom p {
position: relative;
font-family:Garamond;
text-align: center;
color: #ffffff;
top: 10px;

}

/*Video Play styles*/

/* styling of the container. */ 
a.myPlayer { 
    display:block; 
    width: 240px; 
    height:191px; 
    text-align:center; 
    margin:0 15px 15px 0; 
    float:left; 
    border:1px solid #999; 
} 
 
/* play button */ 
a.myPlayer img { 
    margin-top:70px; 
    border:0px; 
} 
 
/* when container is hovered we alter the border color */ 
a.myPlayer:hover { 
    border:1px solid #000; 
}





/* End of 'event' */