﻿/* CSS Document */

/************************************/
/* HTML Tag Overrides */
/************************************/
html {
     overflow: -moz-scrollbars-vertical;
}

body {
	margin:0;
	font-family:Trebuchet MS, Verdana, Arial, 'Times New Roman', Times, serif;
	background:#FDFDFD url(images/Page_Bg.gif) repeat-x;
	color:#707070;
	font-size:.95em;height:34px; line-height:34px;
	line-height:1.3em;
}

p {
	margin-top:5px;
	margin-bottom:-5px;
}

hr {
	height:1px;
	background-color:#E9E5E5;
	color:#E9E5E5;
	border:0;
}

/************************************/
/* Template IDs */
/************************************/
#MainHolder {
	width:960px;
	margin:0 auto 0 auto;
	padding:0 10px 10px 10px;
	background-color:#fff;
}
#LogoRow {
	width:960px;
	margin:auto;
	background:#fff url(images/LogoRow_Bg.gif) repeat-y;
}
#LogoRow img {
	float:left;
	width:271px;
	height:130px;	
	border:0;
}
#Quote {
	border:0;
	padding:0 0 0 85px;
	width:600px;
	margin:0;
	font-weight:bold;
	text-align:center;
	line-height:18px;
	height:130px;
	display:inline-table;
	font-size:.9em;
}
#Quote span {
	font-size:.85em;
	font-style:italic;
}
#Quote .Colored{
	color:#007B77;
}
#Quote .Colored span {
	color:#95002D;
}
#NavRow {
	width:905px;
	height:40px;
	margin:0 auto 10px auto;
	padding-left:55px;
	background:#fff url(images/NavRow_Bg.gif) repeat-x;
}
#NavRow ul {
	margin:0;
	padding:0;
}
#NavRow li {
	list-style-type:none;
	display:inline;
}
#NavRow li a {
	float:left;
}
#NavRow li a img {
	border:0;
	height:40px;
	border-right:2px solid #fff;
}

/* Action Bar
/----------------------------------- */
#ActionBar {
    width:960px;
    height:46px;
    margin:10px 0 10px 0;
}

#ActionBar a {
    display:block;
    height:46px;
    text-indent:-99999px;
    float:left;
}

#ActionBar a.donate {
    background:url(images/ActionBar_Donate.gif) no-repeat;
    width:166px;
}

#ActionBar a.network {
    background:url(images/ActionBar_Network.gif) no-repeat;
    width:202px;
}

#ActionBar a.join {
    background:url(images/ActionBar_Join.gif) no-repeat;
    width:370px;
}

#ActionBar a.volunteer {
    background:url(images/ActionBar_Volunteer.gif) no-repeat;
    width:222px;
}

#ContentHolder {
	width:960px;	
	padding-bottom:10px;
}
#LeftColumn-TwoThirds {
	float:left;
	width:610px;
	padding:0 0 0 10px;
	margin-right:20px;
}
#RightColumn-OneThird {
	float:left;
	width:320px;
	margin-top:10px;
}
#HomepageBanner {
    margin-bottom:5px;
}
#NetworkHolder {
    border-right:2px solid #c7c7c7;
    border-bottom:2px solid #c7c7c7;
    border-left:2px solid #c7c7c7;
    padding:16px 0 16px 12px;
    margin-bottom:10px;
}
#NetworkHolderSubpage {
     padding:10px 0 10px 20px;       
}
#NetworkHolder a {
    float:left;
    width:60px;
    height:75px;
    display:block;
    text-indent:-99999px;   
    margin-right:17px;
    outline:0;    
}
#NetworkHolderSubpage a {
    float:left;
    width:60px;
    height:75px;
    display:block;
    text-indent:-99999px;   
    margin-right:10px;
    outline:0;
}
#NetworkHolder a.twitter,
#NetworkHolderSubpage a.twitter {
    background-image:url(images/Network_Twitter.gif);
}
#NetworkHolder a.youtube,
#NetworkHolderSubpage a.youtube {
    background-image:url(images/Network_YouTube.gif);
}
#NetworkHolder a.facebook,
#NetworkHolderSubpage a.facebook {
    background-image:url(images/Network_Facebook.gif);
}
#NetworkHolder a.linkedin,
#NetworkHolderSubpage a.linkedin {
    background-image:url(images/Network_LinkedIn.gif);
    margin-right:0;
    cursor:default;
}

#social-networking-box { width:320px; float:right; margin:5px -10px 0 22px;  }
#social-networking-box #NetworkHolder { height:75px;  }

#TakeActionHolder {
    border-right:2px solid #c7c7c7;
    border-bottom:2px solid #c7c7c7;
    border-left:2px solid #c7c7c7;
    padding:15px 0 15px 15px;
    margin-bottom:10px;
}
#TakeActionHolderSubpage {    
    padding:5px 0 5px 12px;
    margin-bottom:10px;
}
#TakeActionHolder a {  
    width:284px;
    height:44px;
    display:block;
    text-indent:-99999px;   
    background-color:#f2f2f2;
    border:1px solid #d4d4d4;
    margin:10px 0 10px 0;
    background-repeat:no-repeat;
    background-position:13px 10px;
}
#TakeActionHolderSubpage a {
    width:284px;
    height:44px;
    display:block;
    text-indent:-99999px;   
    background-color:#f2f2f2;
    border:1px solid #d4d4d4;
    margin:10px 0 10px 0;
    background-repeat:no-repeat;
    background-position:13px 10px;
}
#TakeActionHolder a:hover,
#TakeActionHolderSubpage a:hover {
    border-color:#f6e58c;
}
#TakeActionHolder a.donate,
#TakeActionHolderSubpage a.donate {
    background-image:url(images/TakeAction_Donate.gif);
}
#TakeActionHolder a.join,
#TakeActionHolderSubpage a.join {
    background-image:url(images/TakeAction_Join.gif);
}
#TakeActionHolder a.act,
#TakeActionHolderSubpage a.act {
    background-image:url(images/TakeAction_Act.gif);
}
#WhatsNewHolder {
	width:320px;
	height:240px;
	overflow-y:scroll;
	background-color:#F0F0F0;
}
#WhatsNewFooter {
	background-color:#D7D7D7;
	padding:5px 0 5px 10px;
	font-size:.8em;
	font-weight:bold;
}
#EmailNewsletter {
	padding:10px;
	background:#fff url(images/EmailNewsletter_Bg.gif) repeat-x;
	width:300px;
	font-size:.9em;
}
#EmailNewsletter .SignUpBox {
	float:left;
	border:1px solid #CECECE;
	color:#272727;
	padding:5px;
	height:18px;
	margin-right:5px;
	width:200px;
}
#EmailNewsletter .SignUpButton 
{
	float:left;
}
#EmailNewsletterFooter {
	text-align:right;
	width:300px;
	font-size:.8em;
	padding:5px 0 0 0;
}

#HomepageMediaHolder {
    width:960px;
    height:346px;
    background:url(images/Homepage_Media_Bg.gif) no-repeat;
    color:#fff;
    padding:5px 0 0 15px;
}

#HomepageMediaHolder h1 {
    font-family:Trebuchet MS;
    font-size:1.6em;
    line-height:25px;
    color:#fffdcb;
    margin:10px 0 0 0;
}
#HomepageMediaHolder a {    
    color:#ffea5f;
}

#HomepageMediaHolder #pager-holder { position:absolute; width:350px; top:480px; height:20px; z-index:9999; }
#HomepageMediaHolder #pager{
	margin:0;
	padding:0;
	list-style:none;	
	overflow:hidden;
}
#HomepageMediaHolder #pager li{
	float:left;
	background:#00588f;
	padding:1px;
	margin-left:5px;
	font-weight:bold;
}
#HomepageMediaHolder #pager li a{
	color:#ffe32d;
	text-decoration:none;
	padding:3px 10px;
	float:left;
}
#HomepageMediaHolder #pager li a:hover,
#HomepageMediaHolder #pager li a.activeSlide{
	background:#0066a6;
	color:#fff;
}

#cycleContent .info {
    width:350px;
    float:left;
}

#cycleContent .media {
    margin-left:33px;
    width:556px;
    float:left;
}

#FooterHolder {
	width:980px;	
	height:159px;
	margin:0 auto 0 auto;	
	background-color:#fff;
}
#FooterStar {
	float:left;
	width:137px;
	height:159px;
	background-image:url(images/Footer_Star.gif);
}
#FooterContent {
	float:left;
	width:833px;
	height:89px;
	padding:70px 0 0 0;
	font-size:80%;
	background:#fff url(images/Footer_Bg.gif) repeat-x;
	text-align:center;
	font-weight:bold;
}
#FooterContent .FirstLine 
{
    font-size:1.2em;
}
#FooterNav {
	width:360px;
	height:40px;
	margin:0 auto 0 auto;
	padding-left:599px;
	background:#fff url(images/NavRow_Bg.gif) repeat-x;
}
#FooterNav ul {
	margin:0;
	padding:0;
}
#FooterNav li {
	list-style-type:none;
	display:inline;
}
#FooterNav li a {
	float:left;
}
#FooterNav li a img {
	border:0;
	height:40px;	
}
#Compliance 
{
    width:969px;
    margin:10px auto 10px auto;
    text-align:right;
    border:0 solid red;
}
	/************************************/
	/* Secondary Page IDs */
	/************************************/
	#LeftColumn-OneThird {
		float:left;
		width:310px;
		margin-right:10px;		
		min-height:600px;
	}
	#LeftColumn-OneThird .ContentWrapper 
	{
	    font-weight:bold;
	    padding:10px 20px 0 20px;
	}
	#RightColumn-TwoThirds {
		float:left;
		width:640px;
	}
	#RightColumn-TwoThirds .ContentWrapper {
	    padding:0 10px 10px 10px;
	    font-weight:normal;
    }
    #RightColumn-TwoThirds .ContentWrapper h1
    {
        margin-top:0;
        margin-top:10px;
    }
    #RightColumn-TwoThirds .ContentWrapper ul {
	    margin-top:10px;	
	    margin-left:0;	
	    padding-top:0;	
	    padding-left:30px;
	    padding-bottom:10px;
	    /*width:294px;*/	
	    text-indent:2px;
    }
    #RightColumn-TwoThirds .ContentWrapper ul li {
	    list-style-position:outside;
	    list-style-image:url(images/star.gif);
    	
    }
	#ProgramLogo {
		padding:5px 4px 5px 4px;
		background-color:#E0E0E0;
		margin-bottom:10px;
	}
	#LeftColumnTopper {		
		height:20px;
		background-color:#004379;	
	}	
	#LeftColumnGradient {
		background:#fff url(images/LeftColumnHolder_Bg.gif) repeat-x;
		width:310px;	
		height:240px;
	}		
	#ProgramMenuTopper {		
		height:20px;
		background-color:#004379;	
	}	
	#ProgramMenu {
		padding-top:10px;
		background:#fff url(images/ProgramMenu_Bg.gif) repeat-x;
		width:310px;	
		height:470px;
	}	
	#ProgramMenu ul { 
		margin-top:0;	
		margin-left:6px;	
		padding-top:0;	
		padding-left:0;
		padding-bottom:10px;
		width:294px;
		list-style:none;		
	}
	#ProgramMenu li {		
		margin-bottom:5px;
	}
	#ProgramMenu li a {
		display:block;
		width:298px;
		height:30px;		
		color:#0D73B7;
		padding-top:8px;
		text-align:center;
		font-size:1.05em;
		font-weight:bold;
		text-decoration:none;
	}	
	#ProgramMenu li .ProgramLink 	{
	    background-color:#FBFBFB;
	    border-bottom:3px solid #CDD7DF;
	}	
	#ProgramMenu li .ActiveProgramLink, #ProgramMenu li a:hover	{
	    background-color:#E1EDF6;
	    border-bottom:3px solid #CDD7DF;
	}
	
	/*#ProgramMenu li .ProgramLink { background-image:url(images/ProgramMenuItem_Bg.gif); }
	#ProgramMenu li .ActiveProgramLink { background-image:url(images/ProgramMenuItem_Bg_Active.gif); }
	#ProgramMenu li a:hover {
		background-image:url(images/ProgramMenuItem_Bg_Active.gif);
	}*/
	
	
	
/********************
 CONTENT GENERAL
********************/

a:link {color:#1477B9}
a:visited {color:#1477B9}
a:hover {color:#1477B9; text-decoration:none;}


	
/************************************/
/* Content Classes */
/************************************/

/**** Headers **** */
.GraphicHeader {
	background-repeat:no-repeat;
	text-indent:-9000em;
	overflow:hidden;
	height:13px;	 
	padding-bottom:0;
	margin-top:5px;
	margin-bottom:0;
	text-align:left;
}
h1 {
    font-size:1.3em;
    font-weight:bold;
    color:#004379;
}
h2 {
    font-size:1.1em;
    font-weight:bold;
    color:#007B77;
}
h3 {
    font-size:1em;
    font-weight:bold;
    color:#95002D;
}
h2#FEE {
	background-image:url(images/Header_FEE.gif);
	margin-top:20px;
}
h2#ArtsForLife {
	background-image:url(images/Header_ArtsForLife.gif);
}
h2#TheGreatTeachingInit {
	background-image:url(images/Header_TheGreatTeachingInit.gif);
	height:17px;
}
h2#ExcellenceInAction {
	background-image:url(images/Header_ExcellenceInAction.gif);
	height:17px;
	width:180px;
}
h2#MeetTheArtist {
	background-image:url(images/Header_MeetTheArtist.gif);
	margin-bottom:5px;
}
h2#MeetWinners {
	background-image:url(images/Header_MeetWinners.gif);
}
h2#JoinOurNetwork {
    background-image:url(images/ModuleHeader_JoinOurNetwork_Subpage.gif);
    width:310px;
    height:34px;
    margin:0;
}
.ProgramWrapper {
	margin:10px 0 10px 0;
}
.ProgramWrapper img {
	float:left;
	width:100px;
	margin-right:10px;
	border:5px solid #E2E2E2;
}
.ProgramWrapper .ProgramInfo {
	float:left;
	width:470px;
}
.WhatsNewItem {
	padding:10px 10px 10px 10px;
	background-color:#F0F0F0;
	font-size:.9em;
}
.WhatsNewItem a, .WhatsNewItem a:visited {
	color:#A38D01;
}
.FirstWhatsNewItem {
	background-color:#DBE4EA;
}
.Star {
	background:#fff url(images/Star.gif) left no-repeat;
	padding-left:23px;
	height:24px;
}
.star-list {
    margin-top:10px;	
    margin-left:0;	
    padding-top:0;	
    padding-left:30px;
    padding-bottom:10px;
    /*width:294px;*/	
    text-indent:2px;
}
.star-list li {
    list-style-position:outside;
    list-style-image:url(images/star.gif);
	margin-bottom:10px;
}
.New {
	color:#990000;
	font-weight:bold;
}
.GreenDashed {
	background-color:#fff;
	color:#fff;
	border:1px dashed #97C458;
}
.BlueText{
    color:#004379
}
.PhotoFrame 
{
    border: 4px solid rgb(221, 221, 221);
}


/* Link Buttons
			---------------------------------------------------*/
a.BlueButton { display:block; float:left; font-size:12px; color:#fff; font-weight:bold; 
              height:37px; margin-right:6px; margin-bottom:10px; margin-top:10px; padding-right:24px;
              background:transparent url(images/Homepage_Media_LearnMore.gif) no-repeat scroll right top; text-decoration:none; }
			  
a.BlueButton span { display:block; float:left; color:#fff; line-height:35px; padding:2px 0 0 34px; /*-------------------------------- ie.css */
		           background:transparent url(images/Homepage_Media_LearnMore.gif) no-repeat scroll left top; cursor:pointer; text-transform:uppercase; font-size:1.2em; }

a.BlueButton:hover { text-decoration:none; background:transparent url(images/Homepage_Media_LearnMore.gif) no-repeat scroll right bottom; }

a.BlueButton:hover span { background:transparent url(images/Homepage_Media_LearnMore.gif) no-repeat scroll left bottom; }    

.centerButtons { margin:0 auto; }    

/*
Utilities
--------------------------*/
.clearfix:after {
   content:".";
   display:block;
   height:0;
   clear:both;
   visibility:hidden;
}
.clearfix {display:inline-block;}
/* Hide from IE Mac \*/
.clearfix {display:block;}
/* End hide from IE Mac */
