/*
Static Palette
-------------------------------
	SRA Yellow Light	#FFE399
	SRA Yellow			#F0C000
	SRA Yellow Dark		#E6A900
*/


#wrapper
{
	max-width:720px;
	margin-right:auto;
	margin-left:auto;
	background: #FFF url("../Images/Bkgd_Wrapper_Overlay.png") no-repeat right bottom;
}

h1
{
	text-align:center;
	border-top:solid 3px #F6BB17;/*Static*/
	border-bottom:solid 3px #CCC;
	display:block;
	background:transparent url('../Images/Bkgd_Header_Overlay.png') no-repeat top left;
	/*
    Bkgd_Header_Overlay.png is what I usually use for holiday treatments.
    Ex: 'Bkgd_Header_Overlay-Holiday-MLK.jpg'. Occasionally I'll treat the
    logo too, with the same naming convention ('SRPS_Logo-Holiday-Winter.png'); you'll change that in ~/Default.aspx
    Look for files in the /images directory.
    */
    /*MLK Jr. Birthday*/ /*background:transparent url('../Images/Bkgd_Header_Overlay-Holiday-MLK.jpg') no-repeat top left;*/
	/*Winter holidays*/ /*background:transparent url('../Images/Bkgd_Header_Overlay-Holiday-Winter.jpg') no-repeat top left;*/
	padding-bottom:0.35em;
}

	h1 img
	{
		display:block;
		margin:10px auto 5px auto;
		/*Winter holidays*/ /*border:none;background:transparent;*/
	}

	h1 span
	{
		font-family:"Trebuchet MS", Serif;
		text-transform:uppercase;
		letter-spacing:0.7em;
		font-size:48%;
		display:block;
		margin:0em 0em -0.5em 0em;
		padding:0em 0em 0.5em 0.5em;
	}

h2 
{
	float:left;
	border:none;
	margin-bottom:0em;
	margin-top:0.2em;
}

h3 {margin:0.5em 0em 0.25em 0em;}

dl
{
	margin:0em;
	padding:0em;
}

dd {padding:0em;}

#sidebar a:link, #sidebar a:visited, 
#mainContent a:link, #mainContent a:visited{ text-decoration:none; }
#sidebar a:hover, #sidebar a:active, 
#mainContent a:hover, #mainContent a:active{ text-decoration:underline; }

#sidebar 
{
	padding-left:1em;
	font-size:.9em;
	color:#222;
}
	#sidebar h2
	{
		font-size: 150%;
		float: none;
		color:#555;
	}
	/*#sidebar a:link, #sidebar a:visited {text-decoration:underline;}*/
	#sidebar li 
	{
	    padding-left:12px;
	    background-position:-4px 0px;
	    margin-left:0;
	    line-height:1.25em;
	    margin-top:0.25em;
	}


	#sidebar dt 
	{
		margin-top:0.8em;
		font-weight:normal;
	}
	#sidebar dd 
	{
		margin:0em;
		line-height:1.2em;
	}

#social 
{ 
    display:block;
    margin-top:1em;
    margin-bottom:-10px;
    padding-top:5px;
    border-top:solid 1px #DAC68F;
}
#social img {border:none; margin:2px; padding:0;}
#social #facebook
{
    /*font-size:0.9em; 
    background:transparent url('../Images/fb_logo-24x24.png') no-repeat 4px center;
    border:solid 1px #CCC;
    background-color:#F8F8F8;
    padding:0.9em 1em 0.9em 36px;
    font-family: "Lucida Sans", Tahoma, "Trebuchet MS", Sans-Serif;
    font-weight:bold;
    color:#333;
    text-decoration:none;*/
}
#social #youtube {}

ul 
{
	margin:0em;
	padding:0em;
	list-style-type:none;
}

/*-- Main graphic --*/
#graphic {border-top:solid 1px #BBB;}
#graphic label {display:none;}
#graphic select {margin:2px;float:none;display:block;}
#graphic blockquote
{
	background: transparent url('../Images/Bkgd_Blockquote_Overlay.png') no-repeat left top;
	position:relative;
}
	
#globalNav
{
	border-bottom: solid 3px;
	border-top:solid 1px;
	text-align:center;
}
	#globalNav ul 
	{
		text-align:center;
		float:none;
		
	}
	#globalNav li 
	{
		padding-left:0.5em;
		padding-right:0.5em;
	}

#sidebarWrapper 
{
	float:left;
	width:18em;
}

#mainContentWrapper {}
#mainContent {min-height:14em;}

#search
{
	margin:0px;
	padding:0px;
}

/* Utility */
.alert 
{
	background:#FFF url('../Images/Bkgd_Sidebar_Overlay.png') no-repeat left top;
	border-left: 1px solid #EEE;
	float:none;
	display:block;
	margin:5px 10px 0px 10px;
}
.alert p
{
	
	margin: 0em;
	font-weight:bold;
	padding:15px 15px 15px 30px;
	background:transparent url("../Images/Icon_Alert.png") no-repeat 10px 16px;
}
.alert a 
{
	background:transparent top left;
	padding:0px;
	border:none;
}

#channels
{
	display:inline-block;
	clear:both;
	border-top:solid 1px #FFE399;/*Static*/
	padding-top:0.25em;
	/*width:90%;*/
}

.channel
{
	float:left;
	line-height:1.125em;
}
    .channel + .channel {margin-left:1em;}
	.channel li, .channel dd {font-size:90%;}
	.channel dt {margin-top:0; margin-bottom:0;}
	.channel dd {margin-top:0; margin-bottom:0.2em;}

#sectionHighlights li {margin-bottom:0.25em;}