/* CSS Document */

* {
	margin:0px;
	padding:0px;

} html .fb_share_link { 
	padding:2px 20px 0px 0px;
	background:url(http://static.ak.facebook.com/images/share/facebook_share_icon.gif?12:26981) no-repeat top right; 


} body {
	background: #272727 url(/hrmyouth/structure/images/bg.gif) repeat-x;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;


	
	
} a:link, a:visited {
	text-decoration:none;
	color:#69c;

} a:hover, a:active {
	/*border-bottom:1px #c00 dotted;*/
	color:#c00;
	


} h1 {
	padding-bottom:10px;
	font-size:22px;
	letter-spacing:-1px;
	
	
} h2 {
	padding-top:10px;
	padding-bottom:10px;
	font-size:17px;


} p {
	margin-bottom:10px;
	line-height:1.8em;
	/* text-align:justify; */


} .MenuTitle {
	background:#5d80af; /*466692*/
	padding:10px;
	padding-top:2px;
	padding-bottom:1px;
	font-weight:bold;
	margin:0px;
	color:white;

		

} #ThePage {
	position:relative;
	background:#d8d8d8 url(/hrmyouth/structure/images/BodyBG.gif) repeat-y;
	background:white url(/hrmyouth/structure/images/BodyBG.gif) repeat-y;
	width:990px; /* new width as part of March 9th, 2010 update request */
	/*width:777px;*/
	margin:auto;
	/*min-height:800px;
	border:1px black solid;*/
	border-top:none;
	

} #Header {
	height:190px;
	width:990px;
	background:black url(/hrmyouth/structure/images/HRMYouthBanner2010Static.png) no-repeat;
	border-bottom:0px solid #345786;
	
} ul#mainNav {
	border-top:2px solid #031837;
	background:black;
	height:48px;
	padding-left:5px;

	
} ul#mainNav li {
	display:inline;
	list-style:none;

	
} ul#mainNav li a {
	color:white;
	font-size:17px;
	letter-spacing:-1px;
	padding:13px 10px 8px 9px;
	display:block;
	float:left;
	border-right:1px solid #031837;

	
} ul#mainNav li a:hover {
	background:url(/HRMYouth/structure/images/TextBGRollover.png) no-repeat;
	background-position:bottom;
	color:#FF8;
	
	
	
	
} #SideBar {
	float:left;
	/*background:#f0f0f0;*/
	width:220px;
	padding:10px;
	

} #SideBar .Box {
	padding:5px;
	background: #fff;
	color: #fff;
	border: 1px solid #bbb;
	margin-bottom:10px;
	font-size:11px;


} #Banner {
	position:relative;
	display:none;
	/*padding:30px;
	padding-top:0px;
	padding-bottom:0px;*/
	margin-left:240px;
	background:white;
	height:440px;
	text-align:center;
	/*padding-top:15px;*/



} #PageControls {
	float:right;
	color:#bbb;
	font-size:11px;


} #Breadcrumbs {
	/*margin-left:240px;*/
	color:#bbb;
	font-size:11px;
	/*background:white;
	padding:30px;
	padding-top:20px;*/
	padding-bottom:15px;

	
} #Breadcrumbs a:link, #Breadcrumbs a:visited {
	text-decoration:none;
	color:#969696;

} #Breadcrumbs a:hover, #Breadcrumbs a:active {
	border-bottom:1px #c00 dotted;
	color:#c00;
	
} #SidelinkContent {
	/*text-transform:lowercase;*/
	

} #ContentArea {
	margin-left:240px;
	background:white;
	padding:20px;
	/*padding-top:15px;*/

} #ContentAreaFull {
	margin-left:0px;
	background:white;
	padding:20px;
	/*padding-top:15px;*/

} #ContentArea table {
	float:left;
	border:none;
	background:#fff;	

} #ContentArea table tr {
	background:#fff;	

} #ContentArea table tr td {
	background:#fff;
	
} #ContentArea {
	color:#333 !important;

} #ContentArea span {
	color:#333 !important;


} #ContentArea a:link, 
  #ContentArea a:visited {
	text-decoration:none;
	color:#69c !important;

} #ContentArea a:hover,
  #ContentArea a:active {
  	color:#c00 !important;



} #Footer {
	clear:both;
	/*background:black;*/
	height:65px;
	width:777px;
	margin:auto;
	color:#777;
	padding-top:10px;
	padding-bottom:35px;
	padding-left:15px;
	font-size:11px;

} #Footer a:link,
  #Footer a:visited {
	color:#777;
	text-decoration:none;

} #Footer a:hover,
  #Footer a:active {
	color:#fff;


} #Footer img {
	float:left;
	padding-right:10px;
	border:none;


} #Footer p {
	float:left;
	padding-left:25px;
	padding-top:10px;



} .Instructions {
	background:#fff9d7;
	border:1px #e2c822 solid;
	padding:10px;
	margin-bottom:15px;
}









.SidelinkBox {


} .SidelinkBox ul {
	list-style:none;


} .SidelinkBox a {
	display:block;
	padding:10px;
	padding-top:7px;
	padding-bottom:7px;
	color:#5a5a5a;
	text-decoration:none;
	border-top:1px #e0e0e0 solid;
	/*letter-spacing:-1px;*/


} .SidelinkBox a:hover {
	background:#eee;
	color:#c00; /*2f568b*/
	border-bottom:none;


} .SidelinkBox a.MenuTitle {
	color:#fff;
	border-bottom:none;


} .SidelinkBox a.MenuTitle:hover {
	background:#466692;
	color:#fff;



} a.MenuTitle {
	display:block;
	padding:10px;
	padding-top:7px;
	padding-bottom:7px;
	color:#fff;
	border-bottom:none;


}  a.MenuTitle:hover {
	background:#466692;
	color:#fff;


}  .MenuTitle .Toggle {
	float:right;
	font-size:9px;
	font-weight:normal;
	color:#bbe;



} .EventBox {

}




.YouthProgramsBox {

}




.FacebookGroupsBox {

}





.PollBox {
	

} .PollBox .Data {
	padding:10px;
	padding-bottom:0px;
	color:#555;

	
} p.Question {
	font-size:13px;
	font-weight:bold;
	letter-spacing:-1px;
	line-height:normal;
	text-align:left;


} p.TotalVotes {
	margin:0px;
	padding:0px;
	padding-top:10px;
	color:#777;
	letter-spacing:-1px;
	

} form.Options {
	letter-spacing:-1px;


} form.Options label {
	display:block;
	padding:6px;
	padding-top:1px;
	padding-bottom:2px;	
	background:none;
	vertical-align:middle;

	

} form.Options label:hover {
	background:#eee;
	color:#c00; /*2f568b*/
	cursor:pointer;
	
	
	
} form.Options label input {
	display:inline;
	margin-right:5px;
	
	
} form.Options label input span {

	

} form.Options input.Submit {
	margin-top:10px;
	

} .Results {
	margin-top:10px;
	cursor:pointer;


} .Answer {
	height:15px;
	
	
} .Percent {
	float:right;
	color:#c00;
	font-size:10px;
	
	
} .Title {
	float:left;
	font-size:11px;

	
} .BarBG {
	background:#f5f5f5;
	width:100%;
	height:5px;
	margin:0px;
	padding:0px;
	
	
} .BarActive {
	background:#c00;
	height:5px;
	margin:0px;
	padding:0px;
}







#SubmissionForm {


} #SubmissionForm table {
	width:100%;

} #SubmissionForm table tr td {
	padding:5px;

} #SubmissionForm table table tr td {
	padding:0px;

} #SubmissionForm table tr td.Title {
	font-weight:bold;
	width:80px;
	padding-top:8px;
	vertical-align:top;
	color:#555;

} #SubmissionForm table tr td input {
	border:1px #bbb solid;
	padding:4px;
	font-size:11px;
	width:250px;
	color:#555;

} #SubmissionForm table tr td select {
	border:1px #bbb solid;
	padding:3px;
	font-size:11px;
	color:#555;

} #SubmissionForm table tr td input.button {
	width:95px;
	
} #SubmissionForm table tr td input.button:hover {
	background:#5d80af;
	border:1px #777;
	color:white;
	cursor:pointer;

} #SubmissionForm table tr td textarea {
	border:1px #bbb solid;
	padding:3px;
	font-size:11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	width:250px;
	color:#555;








} .EventListing {
	border-top:1px #dfdfdf solid;
	/*background:#f0f0f0;*/
	padding:0px;
	padding-top:30px;
	margin-bottom:30px;



} .EventListing .DetailsSidelink {
	margin-right:72px;


} .EventListing .CalendarDateSidelink {
	float:left;
	width:35px;
	text-align:center;
	letter-spacing:-1px;
	font-weight:bold;
	font-size:11px;
	padding-right:12px;
	padding-top:6px;


} .EventListing .CalendarDateSidelink .Month {
	background:#5d80af;
	padding:2px;
	color:white;



} .EventListing .CalendarDateSidelink .Day {
	color:#666;
	padding:2px;
	font-size:11px;
	border:1px #ccc solid;
	border-top:none;



} .EventListing .CalendarDate {
	float:left;
	width:35px;
	text-align:center;
	letter-spacing:-1px;
	font-weight:bold;
	font-size:11px;

} .EventListing .CalendarDate .Month {
	background:#5d80af;
	padding:2px;
	color:white;



} .EventListing .CalendarDate .Day {
	color:#666;
	padding:2px;
	font-size:11px;
	border:1px #ccc solid;
	border-top:none;



} .EventListing .Details {
	margin-left:55px;


} .EventListing p {
	color:#333;
	padding-bottom:10px;
	margin:0px;
	line-height:15px;
	text-align:left;



} .EventListing p.title {
	font-weight:bold;
	color:#333;
	padding-bottom:6px;
	padding-top:0px;



} .EventListing p.time {
	color:#406495;
	padding-bottom:0px;
	font-size:11px;

	
} .EventListing p.description {
	font-size:11px;
	padding-top:8px;
	padding-bottom:9px;


} .EventListing p.location {
	color:#406495;
	padding-bottom:0px;
	font-size:11px;


} .EventListing p.locationsidelink {
	color:#406495;
	padding-top:6px;
	font-size:11px;



} .EventListing .street {
	color:#333;
	font-size:11px;
	padding-bottom:8px;


} .EventListing .city {
	color:#333;
	font-size:11px;
	padding-bottom:10px;



} .EventListing .url {
	color:#333;
	font-size:11px;
	padding-top:0px;
	padding-bottom:0px;
	margin:0px;
	line-height:14px;

} .EventListing .age {
	color:#333;
	font-size:11px;
	padding-top:8px;
	padding-bottom:0px;
	margin:0px;
	line-height:14px;


} .EventListing .facebook {
	color:#333;
	font-size:11px;
	padding-bottom:0px;


} .EventListing .AdminControls {
	margin-top:10px;
	padding:5px;
	padding-left:8px;
	padding-right:8px;
	border:1px #b8cce7 solid;
	background:#f6f6f6;
	font-weight:normal;
	color:#5d80af;
	font-size:10px;







} .sidelinkmore {
	text-align:right;
	margin:0px;
	margin-top:5px;
	margin-left:10px;
	margin-right:10px;
	padding-top:6px;
	padding-bottom:6px;
	border-top:1px #e4e4e4 solid;
	color:#999;


} .sidelinkmorepolls {
	text-align:right;
	margin:0px;
	margin-top:15px;
	padding-top:6px;
	padding-bottom:6px;
	border-top:1px #e4e4e4 solid;
	color:#999;



}





.PollStyle {
	/*width:300px;*/
	border:none;
	padding:5px;
	margin-bottom:15px;
	background: #ddd;
	border: 0px solid #ccc;
	color:#036;

}



.PollStyle .ps01 {
	padding:15px;
	margin-top:5px;
	margin-bottom:5px;
	margin-left:5px;
	margin-right:5px;
	background: #fff;
	color: #555;
	border: 1px solid #ccc;
	text-align:left;


}



.PollStyle p.Title {
	color:#333;
	font-size:13px;
	font-weight:bold;
	padding-bottom:8px;
	margin-bottom:0px;
	line-height:1.5em;
	display:block;
	width:100%;
	letter-spacing:-1px;

}

.PollStyle form {
	margin:0px;
	display:block;


}

.PollStyle form .Submit {
	text-align:left;
	margin:0px;
	margin-top:15px;
}

.PollStyle form input {
	margin:0px;

}

.PollStyle form .Options {
	margin-bottom:10px;
	margin-top:0px;
}

.PollStyle form .Options input {
	color:#333;
	margin-right:10px;
	margin-left:5px;
	margin-top:0px;
	margin-bottom:0px;
	border:none;
	padding-bottom:5px;

}


.PollStyle p a {
	display: block;
	text-decoration: none;
	text-align: left;
	padding: 8px;
	font-size: 12px;
	color: #369;
}

.PollStyle p a:visited {
	color: #369;;
}

.PollStyle p a:hover {
	background: #f8eccd;
}






.Graph {
	width:500px;
	border:none;
	padding:5px;
	padding-bottom:0px;
	margin-bottom:25px;
	background: #eee;
	border: 0px solid #ccc;
	color:#036;
}


.Graph td {
	padding:10px;
	background:#fdfdfd;
	border: 1px solid #ccc;
}

.Graph th {
	font-weight:bold;
	font-size:16px;
	padding:10px;
	text-align:left;
}

.Graph .Votes{
	background:none;
	border:none;
	font-size:11px;
	color:#777;
	padding-top:2px;
	font-weight:normal;
}

.Graph .Answer {
	width:200px;
}

.Graph .Statistics {
	width:300px;
	text-align:right;
	font-size:10px;
	color:#c00;

}


.Graph .Statistics2 {
	width:300px;
	font-size:10px;
	color:#c00;

}



.Graph .BarBG {
	background:#f5f5f5;
	width:155px;
	height:5px;
	margin:0px;
	padding:0px;
}

.Graph .BarActive {
	background:#c00;
	height:5px;
	margin:0px;
	padding:0px;
}

.Graph .Bar {
	background:#c00;
	height:10px;
}

.Graph .Count {
	float:left;
	font-size:10px;
}

.Graph .Count2 {
	float:left;
	font-size:10px;
}

.Graph .Percentage {
	float:right;
	font-size:10px;
	padding-top:13px;
}

.Graph td.Footer{
	background:none;
	border:none;
	font-size:10px;
	color:#777;
}














#Menu {
	float:left;
	font-family: Verdana, Tahoma, Arial, Helvetica;
	font-size: 11px;
	width: 235px;
	background: #eee;
	border: 0px solid #ccc;
	padding-top:10px;
}


#Menu p {
	padding:5px;
	margin-top:0px;
	margin-bottom:3px;
	margin-left:10px;
	margin-right:10px;
	background: #fff;
	color: #555;
	border: 1px solid #ccc;

}
#Menu p a {
	display: block;
	text-decoration: none;
	text-align: left;
	padding: 8px;
	font-size: 12px;
	color: #369;
}

#Menu p a:visited {
	color: #369;;
}

#Menu p a:hover {
	background: #f8eccd;
}

#Menu .addNew {
	display: block;
	font-weight: bold;
	text-decoration: none;
	text-align: left;
	padding:0px;
	margin-top:3px;
	margin-left:10px;
	margin-right:10px;
	margin-bottom:10px;
	background: #fff;
	border: 1px solid #ccc;
	font-size: 14px;
	letter-spacing:-1px;
}

#Menu .addNew p {
	padding-top:12px;
	padding-bottom:8px;
	font-size: 16px;
	letter-spacing:-1px;
	border:none;
	color:#333;
}


#Menu .addNew table tr td {
	font-weight: bold;
	text-decoration: none;
	color: #369;
	font-size: 14px;
	letter-spacing:-1px;
	padding:3px;
	padding-right:0px;
	padding-left:10px;
}

#Menu .addNew table tr td .fields {
	padding-left:0px;
}

#Menu .addNew table tr td input {
	width:150px;
	color:#369;
}

#Menu .addNew table tr td input:focus, #Menu .addNew table tr td input:hover {
	color:#c00;
}





#Content {
	margin-left:250px;
	margin-right:20px;
	font-family: Verdana, Tahoma, Arial, Helvetica;
	font-size: 11px;
}


#PieGraph {
	font-family: Verdana, Tahoma, Arial, Helvetica;
	font-size: 11px;
	width:520px;
	margin-bottom:15px;
}

#QuestionsColumn {
	margin-left:15px;
	float:left;
	font-family: Verdana, Tahoma, Arial, Helvetica;
	font-size: 11px;
}

#ResultsColumn {
	margin-left:15px;
	float:left;
	font-family: Verdana, Tahoma, Arial, Helvetica;
	font-size: 11px;
}







#pollAdminListings {
	width:100%;
	background: #eee;
	border: 0px solid #ddd;
	padding:2px;

} #pollAdminListings div {
	text-align: left;
	padding:2px;
	background: #fff;
	color: #555;
	border:1px solid #ccc;
	font-size: 14px;
	margin:7px;

} #pollAdminListings a {
	font-size:12px;
	padding: 5px;
	padding-top: 7px;
	display: block;
	color: #369;
	text-decoration: none;

} #pollAdminListings a:visited {
	color: #369;

} #pollAdminListings a:hover {
	background: #f8eccd;
	color:#369;

} #pollAdminListings .AdminQuestionLinks a {
	float:right;
	font-size:10px;
	

} #pollAdminListings .VoteCount {
	color:#999;
	font-size:10px;





} #AddPollContent {
	color:#777;

} #AddPollContent tr td.fields {
	padding-top:4px;

} #AddPollContent input {
	border:1px #ccc solid;
	padding:3px;

} #AddPollContent input.button {
	border:1px #bbb solid;
	margin-top:10px;
	padding:4px;
	font-size:11px;
	color:#555;

} #AddPollContent input.button:hover {
	background:#5d80af;
	border:1px #666 solid;
	color:white;
	cursor:pointer;

} #AddPollContent {
	color:#555;

}



#hrmymenu {
	border: 0px;
	width:100%;
	padding:0;
	background-color: #000000;
}

#hrmymenucell {
	border: 0px #000000;
	text-align: center;
	background-color: #000000;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 7px;
	padding-bottom: 7px;
	font-size:13px;
	font-family:tahoma, arial, sans-serif;
}

a:link, a:visited {
	text-decoration: bold;
	color:#6A7799;
}
a:hover, a:active {
	/*border-bottom:1px #c00 dotted;*/
	color:#c00;
}