/* --------------------------------- Rounded Corners ----------------------------------

.topbar
{
    background-position: 0% 0%;
    background-image: url(../../Youth/Design/Feature_Controls/tb.gif);
    background-repeat: repeat-x;
    background-color: transparent;
}

.topleft
{
    width: 10px;
    height: 10px;
    background: url(../../Youth/Design/Feature_Controls/tl.gif) 0 0 no-repeat
}

.topright
{
   background: url(../../Youth/Design/Feature_Controls/tr.gif) 100% 0 no-repeat;
}

.bottombar
{
    background: url(../../Youth/Design/Feature_Controls/bb.gif) repeat-x 0% bottom;
}

.bottomleft
{
    background: url(../../Youth/Design/Feature_Controls/bl.gif) no-repeat 0px 100%; 
}

.bottomright
{
    width: 10px;
    height: 10px;
    background: url(../../Youth/Design/Feature_Controls/br.gif) 100% 100% no-repeat
}

.leftbar
{
    background: url(../../Youth/Design/Feature_Controls/lb.gif) repeat-y;
}

.rightbar
{
    background: url(../../Youth/Design/Feature_Controls/rb.gif) repeat-y right 0%;
}


/* ---------------------------- Quick Poll ------------------------------------ */

.pollheader
{
	height: 30px;
    background-color: #007ac9;
    font-size: 12pt;
    color: #ffffff;
    font-family: Arial;
    font-weight: bold;
    text-align:center;
}

.pollquestion
{
    font-family: Arial;
    font-size: 12px;
    color: #333333;
    font-weight: normal;
}

.placeholder
{
    width: 100%;
    padding-right: 0px;
    padding-left: 0px;
    margin-left: 0px;
    margin-right: 0px;
}
.pollbody
{
    font-size: 12px;
    color: #333333;
    font-family: Arial;
    background: url(../../Youth/Design/poll-bg.gif) repeat-y top;
}
.pollchoices
{
    font-family: Arial;
	font-size: 12px;
	color: #333333;
}

a.getTheFacts
{
    
}

.polltop        {background: url(../../Youth/Design/pollTop.gif) no-repeat top; height: 8px;}
.pollbottom     {background: url(../../Youth/Design/pollBottom.gif) no-repeat bottom; height: 15px;}
.pollcontent    {width:122px; padding:0px 4px; margin:0px 5px; border-left:solid 1px #007ac9;  border-right:solid 1px #007ac9;}

/* ---------------------------- Email to Friend ------------------------------------ */

.emailtofriend
{
}

/* ---------------------------- Print Page ------------------------------------ */

.printpage
{
}



/* ---------------------------- Top Horizontal Navigation ------------------------------------ */

/* Top Navigation Placeholder - DIV */
.headerimage
{
    background-image: url(../../Youth/Design/Feature_Controls/headerimage.gif);
    position: relative;
    background-repeat: repeat-y;
    width: 747px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 1px;
    color: #ffffff;
    text-align: left;
    font-weight: bold;
    vertical-align: middle;
}

.topnavholder
{
    position: relative;
    background-repeat: repeat-y;
    width: 747px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 55px;
    color: #ffffff;
    text-align: left;
    font-weight: bold;
    vertical-align: middle;
}

.topnav
{
}

.menuitem
{
    padding-left: 5px; 
    padding-right: 5px; 
    font-family: Arial;
    font-weight: bold;
    font-size: 12px; 
    color: #ffffff;  
    /*white-space: normal !important;*/
}

.menuitemhover
{
    padding-left: 5px; 
    padding-right: 5px; 
    font-family: Arial;
    font-weight: bold;
    font-size: 12px;
    color: #fed789;
    /*white-space: normal !important;*/
}

.menu
{
     cursor:hand; cursor:pointer; 
     padding: 0px 0px 0px 0px; 
     font-size: 12px; 
     color: #ffffff; 
     font-family: arial;
}

.submenuitem
{
    background-color: #0082C8;
    padding-left: 5px; 
    padding-right: 5px; 
    padding-bottom: 2px;  
    padding-top: 2px;   
    font-family: Arial;
    font-weight: normal;
    font-size: 12px; 
    margin: 0px; 
    color: #ffffff;  
    border: solid 1px #ffffff;  
}

.submenuitemhover
{
    background-color: #0D4B94;
    padding-left: 5px; 
    padding-right: 5px; 
    padding-bottom: 2px;  
    padding-top: 2px;   
    font-family: Arial;
    font-weight: normal;
    font-size: 12px; 
    margin: 0px; 
    color: #fed789;  
    border: solid 1px #ffffff;   
}

.submenu
{
     background-color: #0D4B94;
     padding: 0px;
     border: solid 1px #ffffff; 
     border-bottom: none;
     border-top: none;
}


/* ---------------------------- Left Vertical Navigation ------------------------------------ */

.sidenav
{
}

/* ---------------------------------- Search Site User Control ------------------------------*/

/* Div to hold search site user control */
.searchholder {
	position: absolute;
	right: 5px;
	top: 85px;
}

.searchtb
{
    font-size: 10px;
    color: #000000;
    font-family: Arial, Tahoma;
    background-color: #66CCFF;
    width: 120px;
}

.searchtext
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 8pt;
    color: #696969;
    font-weight: bold;
}

.allsitescb
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 8pt;
    color: #696969;
    font-weight: normal;    
}

/* ************************************* Form related styles ************************** */

table.Question
{
    padding:0px;
    margin:0px;  
}
    
.dymVal
{
    padding-left:3px;
}
    
.dymVallbl
{
    color:Red;
    font-family:Verdana;
    font-size:8pt;
    padding-left:3px;
}

.QuestionItalText
{
    color:Black;
    font-family:Verdana;
    font-size:8pt;
    font-weight:normal;
    font-style:italic
}

.errorTxt
{
    color:Red;
    font-family:Verdana;
    font-size:8pt;
    font-weight:bold;
}

.successTxt
{
    color: green;
    font-family: Verdana;
    font-size: 8pt;
    font-weight: bold;
}

/* ************************************* Header style ************************** */

.headertext
{
    color: #D32525;
    font-family: Verdana;
    font-size: 10pt;
    font-weight: bold;
}

.header
{
    background-image: url(../../Youth/Design/Feature_Controls/header.gif);
    background-repeat: repeat-y;
    position: relative;
    width: 743px;
    height: 75px;
    margin-left: auto;
    margin-right: auto;
    border-right: #d32525 1px solid;
    border-left: #d32525 1px solid;
}

/* Header Title */
#h1
{
    position: absolute;
    left: 155px;
    top: 10px;
    text-transform: uppercase;
    font-size: 14px;
    width: 250px;
    font-weight: bold;
}

/* ************************************* Content area style ************************** */

/* Main Content Container ID */
#contentcontainer 
{
	width: 100%;
}

/* Main Content Holder withing #contentcontainer - Includes #leftbox and #rightbox */	
.contentholder
{
    background-image: url(../../Youth/Design/Feature_Controls/body-repeat.gif);
    background-repeat: repeat-y;
    position: relative;
    width: 760px;
    height: auto;
    margin: 0 auto;
	overflow: hidden;
	padding-bottom: 75px;
    text-align: left;
}

.contenttext
{
}

.header
{
}

/* Right panel (DIV) for Placeholders */
#rightbox
{
    float: right;
    margin: 0px 10px 0px 0px;
    width: 535px;
    height: 100%;
    padding-right: 0px;
    padding-left: 0px;
    padding-top: 0px;
}

/* Left panel (DIV) for Placeholders */
#leftbox
{
    float: left;
    margin: 10px 0px 10px 15px;
    width: 180px;
    height: 100%;
    padding-right: 0px;
    padding-left: 0px;
    padding-top: 0px;
}

/* *************************************  Print and Email Icon Controls ************************** */

.iconholder
{
}

/* mailbox (DIV) for Placeholders */
#mailbox
{
    float: right;
    margin: 0px 10px 0px 0px;
    height: 100%;
    padding-right: 0px;
    padding-left: 0px;
    padding-top: 0px;
}

/* mailbox (DIV) for Placeholders */
#printbox
{
    float: right;
    margin: 0px 0px 0px 0px;
    height: 100%;
    padding-right: 0px;
    padding-left: 0px;
    padding-top: 0px;
}

/* *************************************  Print and Email page styles ************************** */

/* Div to hold print page and e-mail to friend icons */
.iconholder
{
    background-repeat: no-repeat;
    height: auto;
    margin-left: 5px;
    margin-right: 5PX;
    margin-top: 5px;
    text-align: right;

    font-weight: normal;
}

.closeWindow
{
    font-size: 8.5pt;
    font-family: Verdana, Tahoma, Arial;
    font-weight: bold;
}

.emailDataCol
{
    font-size: 8.5pt;
    font-family: Verdana, Tahoma, Arial;
}

.emailLabelCol
{
    font-size: 8.5pt;
    font-family: Verdana, Tahoma, Arial;
}

.printButton
{
}

.printLogo
{
}

.popupErrorTxt
{
    color:Red;
    font-family:Verdana;
    font-size:8pt;
    font-weight:bold;
}

a.mailLink
{
}

.printPageTitle
{
}

.printPageDiv
{
}

/* ---------------------------------- Logo Control ------------------------------*/

.logo
{
    position: absolute;
    left: 5px;
    top: 1px;
    width: 300px;
}

.slogan
{
    position: absolute;
    left: 5px;
    top: 15px;
    width: 300px;
}

.logotext
{
    padding-left: 7px;
    font-weight: bold;
    color: #D32525;
    text-transform: uppercase;
    font-size: 12px;
}

/* ---------------------------------- HomeIcon Control ------------------------------*/

.homeicon
{
    position: absolute;
    left: 10px;
    top: 85px;
}

/* ---------------------------------- Footer Control ------------------------------*/

#footercontainer {
	background-image: url(../../Youth/Design/Feature_Controls/footer-side.gif);
	background-repeat: repeat-x;
	width: auto;
	height: 75px;
	text-align: center;
}

#footer
{
    background-image: url(../../Youth/Design/Feature_Controls/footer.gif);
    background-repeat: no-repeat;
    width: 760px;
    height: 75px;
    text-align: center;
    font-size: 12px;
	margin: 0 auto;
}

#footernav
{
    position: relative;
    width: 760px;
    height: auto;
    margin: 0 auto;
	overflow: hidden;
	padding-bottom: 5px;
    text-align: left;
}

.menub {
	margin: 12px auto 5px auto;
	text-transform: uppercase;
	font-size: 10px;
}

.menub a:visited {
	color: #d32525;
}

/* ---------------------------------- Member Login Control ------------------------------*/

.loginErrorTxt
{
    color:Red;
    font-family:Verdana;
    font-size:8pt;
    font-weight:bold;
}

.memLoginLabel
{
    font-size: 8.5pt;
    font-family: Verdana, Tahoma, Arial;
    font-weight: bold;
}

/* ---------------------------------- RSS Button User Control ------------------------------*/
/* Div to hold the rss button */
.rssbutton 
{
	float: right;
	margin-top: 55px;
	margin-left: -50px;
}

/* ---------------------------- WebGallery ------------------------------------ */
/* Maryna Kushnir */
#lightbox{
	position: absolute;
	top: 20px;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	color:#151410;
	}

#lightbox a, #lightbox a:hover {
	border-bottom:none;
	color:#151410;
	text-decoration:underline;
}

#lightbox a img{ border: none; }

#outerImageContainer{
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	}

#imageContainer{
	padding: 10px;
	}

#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
	}
#loadingLink {
	display:block;
	margin:0 auto;
	padding:0;
	width:32px;
	height:32px;
	background:url("../../Portal1/Design/Feature_Controls/loading.gif") center center no-repeat;
	text-indent:-9999px;
}
#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
	}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLinkImg, #nextLinkImg{
	width: 49%;
	height: 100%;
	background: transparent url("../../Portal1/Design/Feature_Controls/blank.gif") no-repeat; /* Trick IE into showing hover */
	display: block;
	text-indent:-9999px;
	}
#prevLinkImg { left: 0; float: left;}
#nextLinkImg { right: 0; float: right;}
#prevLinkImg:hover, #prevLinkImg:visited:hover { background: url("../../Portal1/Design/Feature_Controls/prevlabel.gif") left 15% no-repeat; }
#nextLinkImg:hover, #nextLinkImg:visited:hover { background: url("../../Portal1/Design/Feature_Controls/nextlabel.gif") right 15% no-repeat; }


#imageDataContainer{
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	}

#imageData{
	padding:0 10px;
	}
#imageDetails{ width: 70%; float: left; text-align: left; }	
#caption{ font-weight: bold;	}
#numberDisplay{ display: block; clear: left; }			
#detailsNav{ display: block; clear: left; padding:0 0 10px 0;	}	
#prevLinkDetails { margin:0 8px 0 0; }		
#nextLinkDetails { margin:0 8px 0 0; }		
#closeLink {
	display:block;
	margin:0;
	padding:0 0 10px 0;
	text-decoration:none;
	float:right;
	width:66px;
	height:28px;
	background:url("../../Portal1/Design/Feature_Controls/closelabel.gif") no-repeat;
	text-indent:-9999px;
	overflow:hidden;
}	
		
#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #151410;
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
	}
	

.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
	}

* html>body .clearfix {
	display: inline-block; 
	width: 100%;
	}

* html .clearfix {
	/* Hides from IE-mac \*/
	height: 1%;
	/* End hide from IE-mac */
	}	
	
.breadCrumbs    {color:#000080;}

/* ----------------- Old styles -------------------- */

.contentArea {
	background-color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
}
.leftNav {
	background-image: url(../../Youth/Design/navLeftBG.gif);
	background-repeat: no-repeat;
	height: 22px;
	width: 5px;
}
.rightnav {
	background-image: url(../../Youth/Design/navRightBG.gif);
	background-repeat: no-repeat;
	height: 22px;
	width: 5px;
}
.navBG {
	background-color: #0082C8;
	height: 22px;
}
.leftBottom {
	background-image: url(../../Youth/Design/bottomLeftBG.gif);
	background-repeat: no-repeat;
	height: 5px;
	width: 4px;
	background-color: #FFFFFF;
	background-position: left bottom;
}
.rightBottom {
	background-image: url(../../Youth/Design/bottomRightBG.gif);
	background-repeat: no-repeat;
	height: 5px;
	width: 4px;
	background-color: #FFFFFF;
	background-position: right bottom;
}
.bottomBG {

	background-color: #FFFFFF;
	height: 5px;
}



.topNav {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #FFFFFF;
	font-weight: bold;
	line-height: 12px;
}

/*
.searchtb {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #000000;
	background: #66CAD7;
	border-style:solid;
	border-color: #66CAD7;
	border-width: 1px;
	height: 16px;	
}
*/

.QuickPollTop 
{
	background: url(pollTop.gif) no-repeat top;
	height: 48px;
}

.QuickPollBottom 
{
    background: url(pollBottom.gif) no-repeat bottom;
	height: 15px;
}

.QuickPollItal
{
    font-style:italic;
    color:Gray;
    font-family:Arial;
    font-size:11px;
}

.pollSide {
	background-color: #007ac9;
	background-image: url(../../Youth/Design/pollEdge.gif);
	background-repeat: no-repeat;
	background-position: top;
	width: 1px;
}

.QuickPollArea {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
}

.QuickPoll {
	padding-bottom: 8px;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 8px;
}

.stdLink
{
    color:Navy;
    font-family:Arial;
    font-size:12px;
}

.stdButton{
	background-color: #539BE6;
	font-weight: bold;
	color: White;
	cursor:pointer;
}

.printableArea {
	background-color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
}

.stdHeader
{
    color:#4A64A2;
    font-family:Arial;
    font-size:18px;
	text-transform:uppercase;	
}

/*
.stdHeader
{
    color:Black;
    font-family:Arial;
    font-size:14px;
    font-weight:bold;
}
*/

.greenPanel {
	background-image: url(panelGreen.gif);
	height: 29px;
	width: 161px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
}
.bluePanel {
	background-image: url(panelBlue.gif);
	height: 29px;
	width: 161px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
}
.PurplePanel {

	background-image: url(panelPurple.gif);
	height: 29px;
	width: 161px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
}
.orangePanel {
	background-image: url(panelOrange.gif);
	height: 29px;
	width: 161px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
}
.panelLink {
	color: #FFFFFF;
	text-decoration: none;
}
.blueNavButton {
	background-image: url(blueNavButton.gif);
	background-repeat: no-repeat;
	background-position: top;
}
.greenNavButton {
	background-image: url(greenNavButton.gif);
	background-repeat: no-repeat;
	background-position: top;
}
.yellowNavButton {

	background-image: url(yellowNavButton.gif);
	background-repeat: no-repeat;
	background-position: top;
}
.navButtonLink {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #FFFFFF;
	font-weight: 400;
	text-decoration:none;
	font-weight:bold;
}
.navButtonLink:hover    {color:#ffffff; text-decoration:none;}

td.Navy
{
    background-color: #0046ad;
    border-right-color: White;
    border-right-style: solid;
    border-right-width: 1px;
    border-bottom-color: White;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    font-weight: bold;
    font-size: 12px;
    color: #ffffff;
    font-family: Arial;
}

td.stdData
{
    background-color: #eeeeee;
    border-right-color: White;
    border-right-style: solid;
    border-right-width: 1px;
    border-bottom-color: White;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    font-family: Arial;
    font-size: 12px;
    font-weight: normal;
    font-weight: bold;
    color: #435594;
    padding-left: 3px;
    padding-top: 3px;
    padding-bottom: 3px;
}

td.stdLabel
{
    background-color: #91cae7;
    border-right-color: White;
    border-right-style: solid;
    border-right-width: 1px;
    border-bottom-color: White;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    font-family: Arial;
    font-size: 12px;
    font-weight: bold;
    color: #435594;
    padding-left: 3px;
    padding-top: 3px;
    padding-bottom: 3px;
}