*
{
	margin: 0px;
	padding: 0px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	font-weight: normal;
}

strong, b
{
	font-weight: bold;
}

h1, h2, h3, h4, h5
{
	margin-bottom: 15px;
}

a img
{
	border: none;
}

body
{
	margin: 0px;
	padding: 0px;
	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	
	background-image: url(../images/bg_main.gif);
}

#main
{
	width: 990px;
	background-color: #077A8F;
	background-image: url(../images/bg_circular.gif);
	background-repeat: no-repeat;
	background-position: bottom right;
	margin: auto;
}

#left
{
	width: 460px;
	float: left;
	clear: left;
}

#leftClear h3, #right h3
{
	color: #FFFFFF;
	border-bottom: 1px solid #FFFFFF;
	font-size: 12px;
	font-weight: bold;
	margin: 0px;
	padding: 0px;
}

#leftClear p, #right p
{
	margin-top: 10px;
}

#right
{
	width: 475px;
	float: right;
}

#rightLogin
{
	width: 530px;
	float: right;
}

.infobox .body, .infoboxWarning .body
{
	border: 1px solid #034956;
	background-image: url(../images/box_bg.gif);
	background-repeat: repeat-y;
	background-position: top left;
	padding: 10px;
}

.infoboxWarning .body
{
	border: 4px solid  #FF9900;
}

.infobox .body a p, .infoboxWarning .body a p
{
	color: #000000;
}

.infobox, .infoboxWarning
{
	margin: 8px;
	width: 97%;
}

.infoboxWarning
{
	width: 100%;
}

.warning
{
	border: 4px solid #FF9900;
	font-weight: bold;
	color: #FFFFFF;
}

.infobox .warningHeader, .infoboxWarning .warningHeader
{
	color: #FF9900;
}

.infobox .form, .infoboxWarning .form
{
	padding: 20px;
	color: #FFFFFF;
}

.infoHeader
{
	padding: 0px;
	margin: 0px;

	font-weight: bold;
	height: 10px;
	
	color: #FFFFFF;
	font-size: 14px;
	
	font-family: Arial, Helvetica, sans-serif;
}


.infoHeader h1
{ 
	margin: 0px;
	padding: 0px;
}

.infobox h2, h2
{
	padding: 0px;
	margin: 0px;
	
	font-weight: bold;
	
	color: #FFFFFF;
	font-size: 18px;
	
	font-family: Arial, Helvetica, sans-serif;
}

.infobox p
{
	margin: 0px;
	padding: 10px;
	padding-top: 0px;
}

#headingStrip
{
	background-image: url(../images/menu_bg.gif);
	padding-left: 335px;
	border-top: 25px solid #FF0000;
}

#footer
{
	padding: 5px;
	clear: both;
	text-align: center;
	background-color: #CCCCCC;
	
}

#footer a
{
	font-weight: bold;
	color: #077A8F;
}

#leftClear
{
	width: 460px;

	float: left;
}

.fullPage
{
	width: 100%;
}

#left h3
{
	margin: 0px;
	
	background-image: url(../images/header_trans.png);
	background-position: top right;
	background-repeat: repeat-y;
	
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-align: right;
	padding: 5px;
	font-size: 22px;
	color: #FFFFFF;
}

#gallery
{
	background-image: url(../images/bg_fire.gif);
	background-repeat: repeat-x;
	background-position: bottom right;
	background-color: #d23b0c;
}

.form, .formDirectory
{
	margin: 0px;
	list-style-type: none;
	margin-left: auto;
	margin-right: auto;

}

.formDirectory
{
	width: 700px;
}

.form li, .formDirectory li
{
	height: auto;
	margin-bottom: 5px;
}

.form label, .formDirectory label
{
	display: block;
	float: left;
	width: 100px;
	text-align: right;
	padding-right: 10px;
	color: #FFFFFF;
	font-weight: bold;
}

.formDirectory label
{
	width: 150px;
}

.form .field, .formDirectory .field, .field
{
	border: 1px solid #000000;
	padding: 2px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}

.form .full
{
	width: 100%;
}

#loginBox
{
	padding: 5px;
	border: 1px solid #FFFFFF;
	margin: 10px;
	font-size: 12px;
	color: #FFFFFF;
}

.box, .box2
{
	padding: 5px;
	background-color: #098da5;
	border: 1px solid #FFFFFF;
	margin: 10px;
	font-size: 12px;
	color: #FFFFFF;
	clear: left;
}

.box2
{
	margin: 0px;
}

#loginBox a
{
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
}

#loginBox .field
{
	width: 140px;
	border: 1px solid #000000;
}

.input
{
	border: 1px solid #000000;
	width: 150px;
}

form
{
	margin: 0px;
	padding: 0px;
}

a img
{
	border: none;
}

.pollResult
{
	padding: 2px;
	text-align: right;
	color: #FFFFFF;
	font-weight: bold;
	padding-right: 6px;
	padding-left: 6px;
	border-right: 1px solid #FFFFFF;
	background-position: center left;
	background-repeat: repeat-x;
}

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

.frontPoll
{
	font-weight: bold;
	font-size: 16px;
	padding: 10px;
	margin-left: 45px;
}

.frontPoll .label
{
	color: #FFFFFF;
	font-weight: bold;
	font-size: 11px;
}

.frontPoll li
{
	padding: 4px;
	background-color: #077a8f;
	margin-bottom: 1px;
	font-size: 16px;
}

.poll
{
	color: #FFFFFF;
	
}

.poll li
{
	margin-bottom: 10px;
}

.pollBg
{
	background-position: center left;
	background-repeat: repeat-x;
	background-image: url(../images/poll_bg.gif);
}

#profilePoll
{
	padding: 20px;
}

#profilePoll .poll
{
	color: #000000;
}

#profileImage
{
	float: right;
	border: 1px solid #FFFFFF;
	padding: 2px;
}

#profileText
{
	margin-right: 180px;
	margin-top: 5px;
	color: #FFFFFF;
}

#bioEditor
{
	width: 100%;
	height: 350px;
	border: 1px solid #000000;
	padding: 2px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;	
}

.date
{
	font-style: italic;
	color: #FFFFFF;
	font-size: 11px;
}

.button
{
	color: #FFFFFF;
	text-decoration: none;
	font-style: normal;
	font-weight: bold;
}

.button img
{
	margin-bottom: -4px;
	margin-right: -4px;
}

.editButtons
{
	text-align: right;
	margin-top: -12px;
	width: 100%;
}

#eventList
{
	height: 227px;

	float: right;
	width: 203px;
	overflow: auto;
	padding: 10px;
	padding-right: 20px;
	font-size: 10px;
	font-weight: bold;

	background-image: url(../images/bg_events.gif);
	background-repeat: no-repeat;
	background-position: bottom right;
}

#calendar
{
	background-image: url(../images/bg_events.gif);
	background-repeat: no-repeat;
	background-position: bottom left;
}

#eventList h1
{
	margin: 0px;
	padding: 0px;
	color: #FFFFFF;
	font-size: 14px;
	font-weight: bold;
}

#eventList #add
{
	font-size: 12px;
	color: #e66601;
	background-color: #FFFFFF;
	padding: 4px;
}

#eventList li
{
	margin-bottom: 10px;
}

#calendar
{
	float: left;
}

a h1, a h2, a h3, a h4
{
	text-decoration: none;
}

a
{
	color: #FFFFFF;
	text-decoration: none;
}

#directoryList
{
	list-style-type: square;
	margin-left: 20px;
	color: #ffd800;
}

.listing
{
	padding: 5px;
	background-color: #098da5;
	border: 1px solid #FFFFFF;
	margin: 10px;
	font-size: 10px;
	color: #FFFFFF;
	clear: both;
	min-height: 235px;
}

.listing h4
{
	margin: 0px;
	padding: 0px;
	font-size: 12px;
	font-weight: bold;
	margin-bottom: 2px;
}

.listing li
{
	margin-bottom: 5px;
}

#menuHead
{
	border-bottom: 2px solid #FFFFFF;
}

#headerEvents
{
	float: right;
	width: 530px;
}

.serviceLogo
{
	border: 1px solid #FFFFFF;
	padding: 5px;
	float: right;
	margin: 5px;
	background-color: #57abba;
}

fieldset
{
	border: 1px solid #FFFFFF;
}

.galleryImage
{
	border: 1px solid #FFFFFF;
	background-color: #629cba;
	padding: 3px;
	margin: 5px;
	width: 120px;
	float: left;
}

#videoPlaylist
{
	overflow : auto;
	margin-top: 10px;
	padding-left: 13px;
	padding-right: 13px;
}

#videoPlaylist img, .playlist img
{
	padding: 2px;
	border: 1px solid #FFFFFF;
	background-color: #888888;
}

#videoPlaylist img:hover, .playlist img:hover
{
	background-color: #4186a6;
}

#videos
{
	padding-top: 15px;
}

#videoplayer
{
	background-color: #888888;
	background-image: url(../images/loader.gif);
	background-repeat: no-repeat;
	background-position: center center;
	width: 425px;
	height: 355px;
	border: 1px solid #FFFFFF;
}

h4
{
	color: #FFFFFF;
	margin: 0px;
	padding: 0px;
}

h5, .user h5
{
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
	margin: 0px;
	margin-bottom: 5px;
	margin-left: 160px;
	padding: 0px;
	border-bottom: 1px solid #FFFFFF;
}

.user h5
{
	margin-left: 75px;
}

hr
{
	border: none;
	background: none;
	border-bottom: 1px solid #FFFFFF;
	clear: both;
	padding-top: 5px;
	padding-bottom: 5px;
}

#topicQuestion
{
	color: #FFFFFF;
	font-weight: bold;
	font-style: italic;
	font-size: 14px;
}

.replies #profileImage, .users #profileImage
{
	float: left;
}

.user p
{
	margin-left: 65px;
	font-weight: normal;
}

.reply, .user
{
	clear: both;
	padding-top: 20px;
}

.reply .post
{
	margin-left: 160px;
	padding: 5px;
	color: #FFFFFF;
}

#chars
{
	color: #000000;
	background-color: #FFFFFF;
}

#playlistLeft
{
	position: absolute;
}


#playlistRight
{
	position: absolute;
	margin-left: 411px;
}

.msgBox
{
	border: 1px solid #ffde00;
	background-color: #FFFFFF;
	background-image: url(../images/bg_light.gif);
	padding: 10px;
	color: #ffde00;
	font-weight: bold;
	text-align: center;
}

.odd, .even
{
	margin-bottom: 5px;
	padding: 2px;
	width: 410px;
}

.odd
{
	background-image: url(../images/bg_light.gif);
}

#tabs a
{
	display: block;
	float: left;
	width: 12px;
	
	text-align: center;
	margin-left: 4px;
	margin-right: 3px;
	margin-bottom: 2px;
	
	padding: 4px;
	
	border: 1px solid #FFFFFF;
	background-image: url(../images/bg_light.gif);
}

.playlist .selected
{
	border: 2px solid red;
	padding: 1px;
}

#imageViewer
{
	height: 360px;
	overflow: auto;
}

#imageViewer .image
{
	text-align: center;
	padding: 3px;
	float: left;
	border: 1px solid #31c3ff;
	width: 120px;
	height: 130px;
	margin: 1px;
}

#imageViewer .image img
{
	border: 1px solid #124f68;
}

#imageViewer .image:hover
{
	background-color: #1b7397;
}

#imageViewer .image:hover img
{
	border: 1px solid #ffffff;
}

.imageEditor
{
	background-color: #0d394b;
}

form.inplaceeditor-form textarea, form.inplaceeditor-form input[type="text"]
{
	border: 1px solid #000000;
	padding: 2px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}

form.inplaceeditor-form input[type="submit"]
{
	margin-left: 155px;
}

.replyEdit
{
	clear: both;
	margin-left: 170px;
}

#altMenu
{
	background-color: #CCCCCC;
	background-image: url(../images/bg_gray.gif);
}

#altMenu li
{
	width: 100%;
}

#altMenu a
{
	font-size: 16px;
	display: block;
	padding: 5px;
	font-weight: bold;
	color: #000000;
}

#altMenu a:hover
{
	background-color: #AAAAAA;
	color: #FFFFFF;
}

/* Working4Youth */
.notices h3
{
	border: none;
	text-decoration: none;
}

.services img
{
	float: left;
	border: 1px solid #8dc452;
	background-color: #ffffff;
	padding: 3px;
}

.services
{
	padding-top: 10px;
}

.services div
{
	margin-left: 105px;
}

.services h3, .services h3 a
{
	font-size: 14px;
	color: #FFFFFF;
	margin-left: 5px;
	border-bottom: none;
	text-decoration: none;
}

.services p
{
	margin-left: 105px;
	color: #FFFFFF;
}

.services li
{
	padding-bottom: 20px;
	
	height: auto !important;
	height: 100px;
			
	min-height: 100px;
}

.services .details li
{
	padding: 0px;
	height: auto;
	margin-bottom: 3px;
	height: auto;
	min-height: 5px;
	border: none;
}

.services .details
{
	font-size: 10px;
	color: #FFFFFF;
	margin-left: 115px;
}

.services .details label
{
	display: block;
	float: left;
	width: 55px;
	font-weight: bold;
}

.service
{
	padding: 10px;
	color: #FFFFFF;
}

.service h1
{
	color: #FFFFFF;
	font-weight: normal;
	font-size: 18px;
	padding-top: 15px;
}


.left ol, .right ol
{
	margin: 0px;
}

#center .left h1, #center .right h1
{
	color: #FFFFFF;
	text-align: center;
}

.list li div
{
	margin-left: 78px;
	margin-top: 5px;
}

.list li div .edit
{
	opacity: 0.5;
}

.list li:hover div .edit
{
	opacity: 1.0;
}

ol.list
{
	height: 150px;
}

ol.list h2
{
	font-size: 16px;
	color: #FFFFFF;
	margin-top: -3px;
	margin-left: -8px;
}

ol.list li
{
	padding: 5px;
	list-style-image: url(../images/icons/bullet.png);
	color: #FFFFFF;
}

ul.list li
{
	padding: 10px;
	height: 80px;
	margin-bottom: 4px;
}

.list h2
{
	color: #FFFFFF;
	font-size: 14px;
}

.list .details li
{
	padding: 0px;
	height: auto;
	margin-bottom: 3px;
	border: none;
}

.list .details
{
	font-size: 10px;
	color: #FFFFFF;
	margin-left: 75px;
}

.right .details
{
	font-size: 10px;
	color: #FFFFFF;
	text-align: right;
	margin-right: 80px;
}

.list .details label
{
	display: block;
	float: left;
	width: 40px;
	font-weight: bold;
	display: none;
}

ul.right h2
{
	text-align: right;
	margin-right: 80px;
}

ul.left h2
{
	margin-left: 80px;
}

.right .photo
{
	float: right;
	border: 1px solid #FFFFFF;
	padding: 3px;
}

.left .photo
{
	float: left;
	border: 1px solid #FFFFFF;
	padding: 3px;
}

.left span, .right span
{
	font-size: 10px;
	color: #FFFFFF;
}

.left span
{
	margin-left: 8px;
}

.right span
{
	float: right;
	margin-right: 6px;
}

.left
{
	float: left;
	width: 45%;
}

.right
{
	float: right;
	width: 45%;
}


.notices
{
	
}

.notices .details li
{
	padding: 0px;
	height: auto;
	margin-bottom: 3px;
	border: none;
}

.notices .details
{
	font-size: 10px;
	color: #FFFFFF;
}

.notices .details label
{
	display: block;
	float: left;
	width: 55px;
	font-weight: bold;
	text-align: right;
	padding-right: 5px;
}

.notices .details span
{
	display: block;
	margin-left: 60px;
}

.notices h3, .notices h3 a
{
	font-size: 14px;
	color: #FFFFFF;
	padding-left: 3px;
}

#left .notices h3, #left .notices h3 a
{
	font-weight: normal;
	font-size: 10px;
}

#left .notices h3 img
{
	margin-bottom: -4px;
}

.notices h3 img
{
	margin-left: -4px;
	margin-bottom: -2px;
}

.notices p
{
	color: #FFFFFF;
}

.notices div
{
	font-size: 10px;
	margin-bottom: 5px;
	color: #FFFFFF;
	padding-left: 5px;
}

.notices li
{
	padding: 5px;
	border-bottom: 1px solid #EEEEEE;
}

img.profile
{
	border: 1px solid #FFFFFF;
	padding: 3px;
	margin-left: 10px;
	float: right;
}

.pages
{
	height: 30px;
}

.pages li
{
	float: left;
}

.pages a, .pages span
{
	display: block;
	padding: 2px;
	padding-bottom: 3px;
	padding-left: 7px;
	padding-right: 7px;
	text-align: center;
	font-size: 14px;
	background-color: #FFFFFF;
	border: 1px solid #FFFFFF;
	color: #659ba8;
	margin-right: 2px;
	font-weight: bold;
}

.pages span
{
	background: none;
	background-color: #666666;
	color: #FFFFFF;
}

.pages a:hover
{
	text-decoration: none;
	background-color: #FFFFFF;
}

.error-box
{
	padding: 10px;
	color: #FFFFFF;
}

.error-box h3
{
	color: #FFFFFF;
}

.error-box ul
{
	list-style-type: square;
	list-style-position: inside;
	padding-left: 10px;
}

.error-box li
{
	margin-bottom: 5px;
}

.error-box a
{
	color: #FFFFFF;
	text-decoration: underline;
}

.error-box a:hover
{
	text-decoration: none;
}

.error-box h3
{
	border-bottom: 1px solid #FFFFFF;
	margin-bottom: 10px;
}


#adminHeader td
{
	width: 11%;
}