*
{
	font-weight: 500;
	color: #716658;
	margin: 0;
	padding: 0;
}

html, body, form
{
	background-color: #5D5346;
	color: #000;
	height: 100%;
	font: .98em Gill Sans, Gill Sans MT, Century Gothic, Calibri, Arial; /*x-small Century Gothic, arial, helvetica, sans-serif;*/
}
p
{
	margin-left: 15px;
	margin-right: 15px;
}
ul
{
	list-style: none;
}
h2
{
	color: #5D5346;
	font-weight: lighter;
}

h4
{
	font-weight: lighter;
}
hr
{
	border-color: #DADADA;
}
fieldset
{
	margin-bottom: 15px;
	margin-top: 15px;
	padding: 5px;
}
legend
{
	color: #FECF1D;
	font-size: 125%;
	margin-left: 8px;
}
a:link
{
	color: #3E8DCE;
	text-decoration: none;
}
a:visited
{
	color: #3E8DCE;
	text-decoration: none;
}
a:hover
{
	color: #FECF1D;
	text-decoration: underline;
}
a:active
{
	color: #3E8DCE;
	text-decoration: none;
}

/*BEGIN BODY LAYOUT*/
#container
{
	margin-left: auto;
	margin-right: auto;
	position: relative;
	width: 1000px;
}

#theSkinnyPieceAboveTheHeader
{
	background-color: #5D5346;
	color: #FFF;
	padding-top: 2px;
	vertical-align: middle;
}

#poweredByGoogle
{
	margin-left: 500px;
	text-align: right;
	width: 300px;
}

#header
{
	background-color: #FFF;
	background-image: url('images/mainLogo.jpg');
	background-position: 10px center;
	background-repeat: no-repeat;
	height: 220px;
	width: 100%;
}

#fakeMainLogo
{
	cursor: pointer;
	float: left;
	height: 220px;
	width: 270px;
}

#headerRightImageContainer
{
	background-image: url('images/metalFlows.jpg');
	background-repeat: no-repeat;
	float: left;
	width: 680px;
	height: 220px;
}

#headerRightTopForText
{
	background-color: #B4A68A;
	color: #FFF;
	height: 35px;
	margin-top: -15x;
	padding: 5px;
	vertical-align: middle;
	width: 672px;
	filter: alpha(opacity=90);
	-moz-opacity: 0.90;
	-khtml-opacity: 0.90;
	opacity: 0.90;
	z-index: 500;
}

#wideMenuContainer
{
	background-color: #B4A68A;
	border: solid 2px #9B8F77;
	clear: both;
	height: 40px;
	text-align: center;
	width: 100%;
}

#body
{
	background-color: #FFF;
}

#loading
{
	background-color: #FFF;
	width: 95%;
	text-align: center;
	height: 100%;
}

#bodyLeft
{
	background-color: #FFF;
	float: left;
	padding: 10px;
	padding-top: 20px;
	padding-left: 35px;
	height: 100%;
	width: 690px;
}
#mainContentIndent
{
	padding-left: 6px;
	padding-right: 6px;
}
#bodyRight
{
	background-color: #FFF;
	float: left;
	height: 100%;
	margin-bottom: 100px;
	width: 205px;
}

#footerIn
{
	background-color: #FFF;
	clear: both;
	margin: auto;
	margin-bottom: 50px;
	width: 95%;
}

#footerOut
{
	color: #FFF;
	font-size: 80%;
	margin-top: 10px;
	margin-bottom: 10px;
	text-align: center;
	width: 100%;
}

#bodyBecomeAMember
{
	background-color: Transparent;
	height: 160px;
	margin-top: -105px;
	position: relative;
	text-align: center;
	width: 100%;
	z-index: 1000;
}

#bodyRightPoll
{
	width: 100%;
}

.contentWithBlueBorder
{
	margin-left: auto;
	margin-right: auto;
	padding: 2px;
	width: 96%;
}

#bodyRightAd
{
	margin-top: 12px;
	margin-bottom: 88px;
	height: 100%;
	text-align: center;
}

.adContainer
{
	background-color: #D64637;
	color: #FFF;
	height: 300px;
	width: 250px;
}

#bodyRightBelowAd
{
	height: 100%;
}

.subContainerHeader
{
	background-color: #FFF;
	height: 240px;
	margin: auto;
	width: 95%;
}

.subContainerBody
{
	background-color: #FFF;
	height: 100%;
	margin: auto;
	padding-bottom: 15px;
	width: 95%;
}

.whatsHappeningInSunnyside
{
	border-bottom: dashed 1px #DADADA;
	padding-bottom: 5px;
	margin: 5px;
	margin-left: 25px;
}

.headerBox
{
	margin-bottom: 5px;
	margin-top: 5px;
	width: 95%;
}

.headerBox h3
{
	color: #F0801E;
	font-size: 165%;
}

.headerBoxOrange
{
	background-color: #F0801E;
	color: #FFF;
	margin-bottom: 5px;
	margin-top: 5px;
	padding: 5px;
	width: 95%;
}

.headerBoxOrange a:link
{
	color: #FFF;
	font-size: 165%;
	text-decoration: none;
}
.headerBoxOrange a:visited
{
	color: #FFF;
	font-size: 165%;
	text-decoration: none;
}
.headerBoxOrange a:hover
{
	color: #3E8DCE;
	font-size: 165%;
	text-decoration: underline;
}
.headerBoxOrange a:active
{
	color: #FFF;
	font-size: 165%;
	text-decoration: none;
}



/*END BODY LAYOUT*/

/*BEGIN MENU*/
.clear
{
	clear: both;
}
/* remove the list style */
#nav
{
	font-size: 120%;
	margin: 0;
	padding: 0;
	list-style: none;
}

/* make the LI display inline */
/* it's position relative so that position absolute */
/* can be used in submenu */
#nav li
{
	color: #FFF;
	float: left;
	font-weight: lighter;
	display: block;
	width: 155px;
	position: relative;
	z-index: 500;
	margin: 0 0px;
}

.showHome
{
	background-image: url('images/home_icon.gif');
	background-repeat: no-repeat;
	background-position: 38px 10px;
	background-color: #FFF;
	color: #FFF;
	float: left;
	display: block;
	width: 165px;
	position: relative;
	z-index: 500;
	margin: 0 0px;
}

/* this is the parent menu */
#nav li a
{
	background-color: #B4A68A;
	display: block;
	padding: 8px 0px 0 0px;
	height: 23px;
	text-decoration: none;
	color: #fff;
	text-align: center;
}

#nav li a:hover
{
	color: #FECF1D;
}

/* you can make a different style for default selected value */
#nav a.selected
{
	color: #FECF1D;
}

/* submenu, it's hidden by default */
#nav ul
{
	background-color: #B4A68A;
	position: absolute;
	left: 0;
	display: none;
	margin: 0 0 0 -1px;
	padding: 5;
	list-style: none;
}

#nav ul li
{
	background-color: #B4A68A;
	border-bottom: solid 2px #9B8F77;
	border-left: solid 2px #9B8F77;
	border-right: solid 2px #9B8F77;
	width: 165px;
	float: left;
}

/* display block will make the link fill the whole area of LI */
#nav ul a
{
	font-size: 75%;
	display: block;
	height: 12px;
	padding: 6px 6px;
	color: #FFF;
}

#nav ul a:hover
{
	color: #FECF1D;
	text-decoration: underline;
}

/* fix ie6 small issue */
/* we should always avoid using hack like this */
/* should put it into separate file : ) */
*html #nav ul
{
	margin: 0 0 0 -2px;
}

/*END MENU*/

/*BEGIN INPUT CONTROLS*/
select
{
	/*margin-left: 12px;*/
}


.formButtons
{
	margin-right: 15px;
	padding: 6px;
	text-align: center;
}

/*END INPUT CONTROLS*/

/*BEGIN RANDOM FONT STYLES*/
.bigHeadline
{
	color: #3E8DCE;
	font-size: 200%;
	margin: 0px;
	margin-left: 5px;
	margin-right: 5px;
	padding: 2px;
	width: 730px;
}

.smallHeadlineWithBlueBackground
{
	background-color: #3E8DCE;
	color: #FFF;
	font-size: 110%;
	height: 100%;
	margin-top: 15px;
	margin-left: auto;
	margin-right: auto;
	width: 96%;
	padding: 3px;
}

.textLittleBlue
{
	font-size: 90%;
}

.Orange
{
	color: #F0801E;
}

.Yellow
{
	color: #FECF1D;
}

.Green
{
	color: Green;
}

.Blue
{
	color: #3E8DCE;
}

.BlueText
{
	color: #3E8DCE;
}

.White
{
	color: #FFF;
}

.Red
{
	color: Red;
}

.Green
{
	color: Green;
}

h4.White
{
	color: #FFF;
	position: relative;
	top: 3px;
}

img.withBorder
{
	border: solid 1px Black;
}

p.small
{
	font-size: 90%;
}
.hrGrey
{
	border-bottom: dashed 1px #DADADA;
	overflow: hidden;
	height: 1px;
	margin-top: 6px;
	margin-bottom: 6px;
	padding-left: 12px;
	width: 94%;
}

.FloatLeft
{
	float: left;
	padding-left: 10px;
}

.FloatLeftFirst
{
	float: left;
}

.FloatRight
{
	float: right;
	padding-right: 10px;
}
.clear
{
	clear: both;
}
/*END RANDOM FONT STYLES*/

/*BEGIN CONTENT STYLES*/
.headline
{
	border-bottom: dashed 1px #DADADA;
	background-color: #FFF;
	height: 100%;
	padding-top: 4px;
	padding-left: 12px;
	padding-right: 12px;
	padding-bottom: 25px;
	width: 90%;
}

.headline a:link
{
	color: #3E8DCE;
	text-decoration: none;
}
.headline a:visited
{
	color: #3E8DCE;
	text-decoration: none;
}
.headline a:hover
{
	color: #FECF1D;
	text-decoration: underline;
}
.headline a:active
{
	color: #3E8DCE;
	text-decoration: none;
}

.headlineHeader
{
	float: left;
	font-size: 130%;
}

.headlineSubHeader
{
	clear: both;
	color: #B3A78F;
	font-size: 85%;
	padding-top: -10px;
}

.headlineContent
{
	font-size: 95%;
	margin-top: 4px;
}

.resource
{
	background-color: #FFF;
	margin-bottom: 1px;
	margin-left: 12px;
	padding-top: 5px;
	padding-left: 12px;
	padding-right: 12px;
	padding-bottom: 5px;
	width: 90%;
}

.annualEvent
{
	border-bottom: dashed 1px #DADADA;
	padding: 5px;
	width: 100%;
}

.NormalTable tr th
{
	font-weight: bold;
	text-align: left;
	vertical-align: top;
}

.NormalTable tr td
{
	font-size: 90%;
	vertical-align: top;
}

.tableButtons
{
	text-align: right;
	padding-right: 25px;
}

.RadioButtonIndent
{
	margin-left: 20px;
}

.backToTop
{
	margin: auto;
	text-align: center;
	width: 90%;
}

.darkGreyLink
{
	color: #FECF1D;
	font-size: 125%;
	cursor: default;
}
.dashedTopAndBottomBox
{
	border-top: dashed 1px #DADADA;
	border-bottom: dashed 1px #DADADA;
	height: 100%;
	margin: 6px;
	padding: 6px;
	width: 95%;
}

.dashedTopAndBottomBox ul
{
	list-style: none;
	height: 100%;
}

.dashedTopAndBottomBox ul li
{
	font-size: 93%;
	margin: 12px;
	height: 100%;
}

.dashedTopAndBottomBox ul li span
{
	color: #5D5346;
	font-weight: bold;
}
.dashedTopAndBottomBox ul li table
{
	padding-left: 10px;
}
.dashedTopBox
{
	border-top: dashed 1px #DADADA;
	clear: both;
	padding-top: 15px;
	margin-top: 15px;
	height: 100%;
	width: 100%;
}
.bolded
{
	font-weight: bold;
}
.newsletter li
{
	padding: 2px;
}
.collapsibleSection
{
	border: solid 1px #DADADA;
	height: 0px;
	height: 100%;
	overflow: hidden;
}

#googleShout .gBrandingText
{
	color: #FFF;
}

.formBox
{
	background-color: #F0F0F0;
	border: solid 1px #DADADA;
	padding: 5px; /*width: 95%;*/
}

.formBoxWhite
{
	background-color: #FFF;
	border: solid 1px #DADADA;
	padding: 5px; /*width: 95%;*/
}


.linkContainerTable
{
	border: solid 1px #3E8DCE;
	background-color: #FFF;
	padding: -5px;
	height: 22px;
	text-align: center;
	width: 22px;
}

.linkContainerTableActive
{
	border: solid 1px #3E8DCE;
	background-color: #DADADA;
	height: 22px;
	padding: -5px;
	text-align: center;
	width: 22px;
}

.linkContainerTable a:link
{
	color: #3E8DCE;
	text-decoration: none;
}
.linkContainerTable a:visited
{
	color: #3E8DCE;
	text-decoration: none;
}
.linkContainerTable a:hover
{
	color: #3E8DCE;
	text-decoration: none;
}
.linkContainerTableActive a:hover
{
	color: #3E8DCE;
	text-decoration: underline;
}

.linkContainerTable a:active
{
	color: #3E8DCE;
	text-decoration: none;
}

.linkContainer
{
	height: 22px;
	margin-top: 8px;
	margin-bottom: 8px;
	padding: 3px;
}

.linkContainerActive
{
	border: solid 1px #3E8DCE;
	background-color: #DADADA;
	color: #3E8DCE;
	height: 16px;
	margin-top: 10px;
	margin-bottom: 5px;
	padding: 1px;
	padding-left: 3px;
	padding-right: 3px;
	text-align: center;
}

.pollResult
{
	background-color: #3E8DCE;
	height: 14px;
}

.dry a:link
{
	color: #3E8DCE;
	text-decoration: none;
}
.dry a:visited
{
	color: #3E8DCE;
	text-decoration: none;
}
.dry a:hover
{
	color: #3E8DCE;
	text-decoration: none;
}

.dry a:active
{
	color: #3E8DCE;
	text-decoration: none;
}
/*END CONTENT STYLES*/

/* Announcement Modal Popup*/
.modalBackground
{
	background-color: #E9E9E9;
	filter: alpha(opacity=50);
	opacity: 0.5;
}
.modalPopup
{
	border: 0;
	background-color: transparent;
	font-size: 1.2em;
	padding: 3px;
}

/* Styles for Confirm Modal Dialog */

.inner
{
	text-align: left;
	padding: 10px;
}
.confirmtext
{
	font-family: Verdana,Arial, MS Sans Serif;
	font-size: 11px;
	color: #696969;
	text-decoration: none;
	text-align: left;
}

.modalContent
{
	text-align: left;
	padding: 10px;
	background-color: #FFFFFF;
}

/*START Modal Popup*/
.confirm-dialog
{
	background: url('images/dialog24.gif') no-repeat left top;
	margin: 0px 0px -200px 0px;
	width: 330px;
	padding-top: 14px;
	position: relative;
}

.confirm-dialog .inner
{
	padding-right: 20px;
	padding-left: 20px;
	padding-bottom: 11px;
	background: url('images/dialog24.gif') no-repeat left bottom;
	float: left;
	margin: 0px 0px -50px 0px;
	width: 290px;
	position: relative;
}

.confirm-dialog .inner .base
{
	border-top: #ddd 1px solid;
	background: url('images/dialog-base.gif') no-repeat left bottom;
	padding-bottom: 5px;
	margin-left: -11px;
	margin-right: -11px;
	padding-top: 5px;
	text-align: center;
}

.confirm-dialog H2
{
	text-align: left;
	padding: 5px;
	font-size: 14px;
	font-weight: normal;
}

.confirm-dialog input
{
	width: 50px;
}

.savingModalBackground
{
	z-index: 99999998;
}

.savingModalHide
{
	display: none;
}

#UpdateProgress1 {
   background-color:#CF4342;
   color:#fff;
 }

#UpdateProgress1 img {
   vertical-align:middle;
   margin:2px;
 }


a.ActionLink:link
{
	color: #FECF1D;
	text-decoration: none;
}
a.ActionLink:visited
{
	color: #FECF1D;
	text-decoration: none;
}
a.ActionLink:hover
{
	color: #3E8DCE;
	text-decoration: underline;
}
a.ActionLink:active
{
	color: #FECF1D;
	text-decoration: none;
}