/* - - - - - - - - - - - - - - - - - - - - -

Title : PFLAG CSS
Author : Alberto Gonzalez
URL : http://www.pflagtc.org

Created : March 1, 2010
Modified : February 1, 2010

/* IE8 hack to get it to apply margin auto centering to element inside this one */
#wrap {width:100%;}






/*Opera Fix*/
body:before {/* thanks to Maleika (Kohoutec)*/
content:"";
height:100%;
float:left;
width:0;
margin-top:-32767px;/* thank you Erik J - negate effect of float*/
}






* {margin:0;padding:0;} 

html, body {height: 100%;}

#wrap {min-height: 100%;
}



#main, #home {
	overflow:auto;
	padding-bottom: 130px;
	width: 100%;
	line-height: 1.5em;
} 





#wrap {width:100%;
}



#content{
	height: 65%;
	clear: both;
	margin: auto;
}


#homeimg{
	width: 890px;
	margin: auto;
}


#meat{
	width: 775px;
	margin: auto;
	color: #666666;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12px;
	left: 158px;
	top: 0px;
}



#bodright {
	width: 570px;
	margin-top: 0;
	margin-right: 50px;
	margin-bottom: 0;
	margin-left: auto;
	background-color: #FFFFFF;
	vertical-align: top;
	float: right;
}

#container {
	width: 890px;
	margin: auto;
}


#contback {
	width: 900px;
	margin-top: auto;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	vertical-align: top;
	height: 100%;
}




#sincolshort {
	width: 505px;
	margin: auto;
	color: #666666;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12px;
	top: 0px;
	line-height: 1.5;
	margin-bottom: 10px;
	margin-left: 150px;
	padding-top: 22px;
}


/* Masthead Styles
----------------------------------------------- */
#topnav{
	height: 25px;
	text-align: right;
	font-family: Helvetica, sans-serif;
	font-size: 12px;
	padding-top: 6px;
	width: 890px;
	margin: 0 auto;
	color: #FFFFFF;
}

#masthead{
	margin: auto;
	background-image: url(../images/masthead_bg.png);
	background-repeat: no-repeat;
	width: 889px;
}

#mainnav{
	height: 150px;
	width: 620px;
	margin-left: 0px;
	position: relative;
	top: 13px;
	z-index: 500;
	left: 290px;
}

#mastag{
	height: 50px;
	width: 889px;
	position: absolute;
	top: 129px;
	z-index: 100;
}



#main-head{
	width: 880px;
	height: 60px;
	margin: auto;
	top: auto;
	background-image: url(../images/ms_mainhead_bg.png);
	margin-left: 20px;
}


#pflaglogo{
	width: 108px;
	height: 100px;
	float: left;
	position: absolute;
	top: 12px;
	margin-left: 20px;
}


#midbar{
	width: 420px;
	height: 60px;
	float: left;
	margin-top: 35px;
	margin-left: 30px;
}


#nwslttr{
	width: 195px;
	height: 28px;
	float: left;
	text-align: right;
	margin-top: 15px;
	margin-right: 0px;
}


/* Home Styles
----------------------------------------------- */
#homeleft{
	width: 250px;
	float: left;
	margin-right: 10px;
	color: #666666;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12px;
	line-height: 1.5;
	margin-left: 20px;
}


#homemid{
	width: 400px;
	float: left;
}


#homeright{
	width: 185px;
	margin-left: 10px;
	float: left;
}


#homecal{
	width: 250px;
	height: 200px;
}


#feeddiv{
	color: #666;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12px;
	line-height: 1.5;
	width: 380px;
}



#randomDivs {
	width:400px;
	height:300px;

}

.hiddenDivItem { display: none; }

.shownDivItem { display: block; }



/* Education Styles
----------------------------------------------- */

#sincolext {
	width: 650px;
	margin: 0 auto;
	color: #666666;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12px;
	top: 0px;
	line-height: 1.7;
	margin-bottom: 10px;
	margin-left: 150px;
	position: relative;
}


#sincolexten {
	width: 750px;
	margin: auto;
	color: #666666;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12px;
	top: 0px;
	line-height: 1.5;
	margin-bottom: 10px;
	margin-left: 100px;
}


#bookcolex{
	width: 750px;
	color: #666666;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12px;
	height: 150px;
	display: inline;
	float: left;
	margin-bottom: 35px;	/*border: thin solid red;*/
}
	
#bookcellex{
	width: 370px;
	height: 150px;
	float: left;
	/*border: thin solid red;*/
}

#bookcellimg{
	width: 105px;
	height: 150px;
	float: left;
	/*border: thin solid red;*/
}

#bookcelltxt{
	width: 235px;
	height: 150px;
	float: left;	/*border: thin solid red;*/
}


.glsenbox{
	width: 650px;
	border-top: thin solid grey;
	display: block;
}

.glsenimg{
	width: 77px;
	float: left;
	border: solid yellow;
}

.glsentxt{
	width: 500px;
	float: left;
	margin-left: 20px;
	vertical-align: top;
}




/* About Styles
----------------------------------------------- */
#twocol{
	width: 890px;
	margin: auto;
	color: #666666;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12px;
	left: 158px;
	top: 0px;
	/*border: thin solid red;*/
}

#leftcol{
	width: 270px;
	margin: auto;
	color: #666666;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12px;
	top: 0px;
	float: left;
	margin-left: 20px;
}



#rightcol{
	width: 505px;
	margin: auto;
	color: #666666;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12px;
	top: 0px;
	margin-right: 50px;
	line-height: 1.75em;
	padding-top: 22px;
}

#rightcolboard{
	width: 550px;
	margin: auto;
	color: #666666;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12px;
	top: 0px;
	margin-right: 10px;
	line-height: 1.75em;
	padding-top: 22px;
}

#aboutnav{
	width: 250px;
	margin: auto;
	color: #666666;
	font-family: Helvetica Neue, Arial, sans-serif;
	font-size: 12px;
	font-weight: 200;
	top: 0px;
	float: left;
	margin-left: 20px;
	line-height: 3;
	letter-spacing: 1%;
}


#cntctnav{
	width: 170px;
	margin: auto;
	color: #666666;
	font-family: Helvetica Neue, Arial, sans-serif;
	font-size: 12px;
	font-weight: 200;
	top: 0px;
	float: left;
	margin-left: 80px;
	line-height: 3;
	letter-spacing: 1%;
}



#boardcol{
	width: 505px;
	color: #666666;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12px;
	top: 0px;
	margin-right: 50px;
	line-height: 1.5;
	display: inline-block;
	clear: none;
	float: right;
}

#boardblock{
	width: 560px;
	color: #666666;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12px;
	top: 0px;
	margin-right: 0px;
	line-height: 2em;
	padding-top: 22px;
	float: left;
	margin-left: 30px;
	display: table-row;
}



.splitleftcol{
	width: 245px;
	color: #666666;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12px;
	top: 0px;
	vertical-align: text-top;
	margin-bottom: 10px;
	height: 110px;
	float: left;
}

.splitrightcol{
	width: 245px;
	color: #666666;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12px;
	top: 0px;
	vertical-align: text-top;
	float: left;
}
	
	
.boardimg{
	height: 100px;
	float: left;
}

.boardtxt{
	width: 150px;
	float: left;
	line-height: 1.5em;
}
	
	

/* Support Styles
----------------------------------------------- */
	
	
	
#bookcol{
	width: 505px;
	color: #666666;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12px;
	height: 150px;
	display: inline;
	float: left;
	margin-bottom: 30px;
}
	
#bookcollong{
	width: 370px;
	height: 150px;
	float: left;
}

#bookimg{
	width: 117px;
	height: 150px;
	float: left;
}
	





/* Calendar Styles
----------------------------------------------- */
#calframe{
	width: 775px;
	margin: auto;
	top: auto;
	height: 350px;
}




/* Donation Styles
----------------------------------------------- */


.ppbtn{
	width: 500px;
	height: 35px;
	vertical-align: text-top;
	display: inline;
}


/* Text Styles
----------------------------------------------- */

.darktxt{
	color: #333333;
}


.bluebold{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #1AB7EA;
	font-weight: bold;
}

.tinytxt{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #999999;
	line-height: normal;
}


h1 {
	font-family:  Helvetica Neue, Arial, Helvetica, sans-serif;
	font-size: 24px;
	color: #333;
	font-weight: 200;
	letter-spacing: 0.05em;
	vertical-align: text-top;
	height: 25px;
}



h2 {
	font-family:  Helvetica Neue, Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #333;
	font-weight: 200;
	letter-spacing: 0.05em;
}




/* Product Styles
----------------------------------------------- */


#prodbox {
	width: 500px;
	height: 440px;
	vertical-align: top;
	box-shadow: 5px 5px 5px rgba(0,0,0,0.5);
	-webkit-box-shadow: 5px 5px 5px rgba(0,0,0,0.5);
	-moz-box-shadow: 5px 5px 5px rgba(0,0,0,0.5);
	-o-box-shadow: 5px 5px 5px rgba(0,0,0,0.5);
	-webkit-background-size: 100% 100%;
	-o-background-size: 100% 100%;
	-moz-background-size: 100% 100%;
	-webkit-transition-property: width, height, bottom;
	-webkit-transition-duration: .5s, .5s, .5s; 
	background-color: #FFFFFF;
	clear: both;
}



/* Form Styles
----------------------------------------------- */
 #formholder{
	width: 100%;
}

#formbox {
	width: 585px;
	height: 300px;
	box-shadow: 5px 5px 5px rgba(0,0,0,0.5);
	-webkit-box-shadow: 5px 5px 5px rgba(0,0,0,0.5);
	-moz-box-shadow: 5px 5px 5px rgba(0,0,0,0.5);
	-o-box-shadow: 5px 5px 5px rgba(0,0,0,0.5);
	-webkit-background-size: 100% 100%;
	-o-background-size: 100% 100%;
	-moz-background-size: 100% 100%;
	-webkit-transition-property: width, height, bottom;
	-webkit-transition-duration: .5s, .5s, .5s; 
	background-color: #FFFFFF;
	margin: auto;
}


 #formfont{
	width: 585px;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12px;
	color: #666666;
	font-weight: bold;
	text-align: center;
	margin-top: 30px;
}


 #formfeild{
	width: 585px;
	text-align: center;
}


.formvar{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
	font-weight: normal;
	background-color: #CCCCCC;
}

 #cnx{
	width: 60px;
	height: 16px;
	float: left;
	margin-right: 5px;
}

 #frmbtns{
	width: 130px;
	height: 16px;
	margin: auto;
}

 #closebtn{
	width: 100%;
	text-align: right;
	margin-top: 5px;
	font-family: "Helvetica Neue";
	font-size: 12px;
}


 .text{
	font-family: "Helvetica Neue";
	font-size: 12px;
	color:#666;
	line-height: 1.75em;
	padding: 20;
	padding-left: 20px;
	padding-right: 20px;
}


/*Nav Styles
----------------------------------------------- */


#menuHolder {
	width:620px;
	margin:AUTO;
}
#menu {padding:0; margin:0; list-style:none;}
#menu table {border-collapse:collapse; width:0; height:0; margin:1px;}
#menu div {position:absolute; left:-9999px; width:153px; height:150px; background:url(../images/subBack.png);}
#menu ul {padding:170px 0 0 0; margin:0; list-style:none; position:absolute; left:-9999px; width:160px; height:130px;}
#menu ul li {width:150px; padding:0 5px;}
#menu ul li a {width:122px; height:18px; color:#666; font:bold 10px/18px arial, sans-serif; text-decoration:none; border-bottom:1px solid #ddd;}
#menu ul li a:hover {color:#f5be07;}

#menu li {float:left; width:153px;}
#menu li a {display:block; width:100px; height:10px; float:left; padding:0 3px;}
#menu li a b {display:none;}
#menu li a img {display:block; width:100px; height:10px; border:0;}
#menu li a img.ie6 {display:none;}

#menu li:hover {position:relative;}
#menu li a:hover {direction:ltr; position:relative;}
#menu li a:hover img {width:100px; height:10px; position:absolute; left:3px; top:0px;}
#menu li:hover img {width:100px; height:10px; position:absolute; left:3px; top:0px; z-index:500;}

#menu :hover div {left:-10px;; top:-10px;}
#menu :hover ul {left:-5px;; top:-140px;}




/* Links Styles
----------------------------------------------- */
a.dark:link { color: #666; text-decoration: none;	margin: auto;}
a.dark:visited {color: #666; text-decoration: none;}
a.dark:hover {color: #FF9900; text-decoration: none;}
a.dark:active {color: #FF9900; text-decoration: none;}



a.gray:link { color: #CCC; text-decoration: none;	margin: auto;}
a.gray:visited {color: #CCC; text-decoration: none;}
a.gray:hover {color: #FFCC00; text-decoration: none;}
a.gray:active {color: #FFCC00; text-decoration: none;}


a:link { color: #666; text-decoration: none;	margin: auto;}
a:visited {color: #666; text-decoration: none;}
a:hover {color: #9933cc; text-decoration: none;}
a:active {color: #9933cc; text-decoration: none;}



a.top:link { color: #CCC; text-decoration: none;	margin: auto;}
a.top:visited {color: #CCC; text-decoration: none;}
a.top:hover {color: #FFCC00; text-decoration: none;}
a.top:active {color: #FFCC00; text-decoration: none;}

a.orange:link { color: #FF9900; text-decoration: none;	margin: auto;}
a.orange:visited {color: #FF9900; text-decoration: none;}
a.orange:hover {color: #9933cc; text-decoration: none;}
a.orange:active {color: #9933cc; text-decoration: none;}





/* Footer Styles
----------------------------------------------- */

#footer {
	position: relative;
	width: 100%;
	margin-top: -130px;
	height: 130px;
	clear:both;
} 


	
	
#footcom{
	width: 890px;
	font-family: Helvetica Neue, Arial, sans-serif;
	font-size: 11px;
	color: #666666;
	background-image: url(../images/footer_bg.png);
	repeat: no-repeat;
	margin-right: 10px;
	text-align: right;
	/*border: thin solid red;*/
	padding-top: 10px;
	margin: auto;
	height: 119px;
}


#footspon{
	width: 450px;
	font-family: Helvetica Neue, Arial, sans-serif;
	font-size: 12px;
	color: #666666;
	text-align: left;
	float: left;
	padding-top: 30px;
	margin: auto;
}

#footsocial{
	width: 90px;
	font-family: Helvetica Neue, Arial, sans-serif;
	font-size: 12px;
	color: #666666;
	text-align: left;
	float: right;
	padding-top: 30px;
}

 #footblue{
	width: 290px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #1AB7EA;
	font-weight: bold;
	float: left;
	text-align: right;
	margin-top: 80px;
}

.orangetxt{
	color: #FF9900;
	
}

.whitetxt{
	color: #CCC;

	
}