/*HelpHotline.org Website                              */
/*produced by Keynote Media Group                      */
/*KeynoteMediaGroup.com                                */
/*Christopher Anthony, lead programmer                 */
/*Jonathan Shearer, copy placement and body copy CSS   */
/*Keynote Media Group, May 2009                        */
/*Updated to include social networking icons, Feb 2010 */

body {
	margin:0 0 0 0;
	text-align:center;
	background:#f2e6da;
	height:100%;
}

.biggertype {
	font-size:110%;
}

.smallertype {
	font-size:90%;
}

#rainbowcontainer {
	width:1267px;
	height:86px;
	background:url(assets/rainbow.png) no-repeat;
	margin:0 auto;
}

#maincontainer {
	width:955px;
	height:100%;
	margin:-71px auto;
	background:#FFFFFF;
	border:#000000 2px solid;
	/* overflow:auto; removed 9-17-10, CDA.  Believe it's causing the LR scroll bug*/
}

#header {
	width:955px;
	height:283px;
	background:url(assets/helphotline_header.png) no-repeat;
	float:left;
	margin:0 0 0 0;
}

#header #dhtmlrollovers {
	width:945px;
	margin:8px 0 0 10px;
	float:left;
}

#header #dhtmlrollovers img {
	float:left;
	margin:0 1px 0 1px;
}

#headerlogo {
	width:100%; /*old value 170px, changed to add social networking icons 2-3-10 - Chris Anthony, Keynote Media*/
	float:left;
	margin:20px 0 0 10px;
}

#headerlogo img {
	float:left;
	margin:0 0 0 0;
}

#bodycontainer {
	width:955px;
	height:auto;
	margin:0 0 0 0;
	background:#FFFFFF;
	float:left;
	/* overflow:auto; removed 9-17-10, CDA.  Believe it's causing the LR scroll bug*/
}

#leftsidemenus {
	width:354px;
	margin:0 0 0 0;
	float:left;
}

#leftuppermenu {
	width:354px;
	margin:4px 0 0 0;
	float:left;
}

#leftlowermenu {
	background:url(assets/helphotline_lower_menu.png) no-repeat #000000;
	width:354px;
	height:577px;
	margin:4px 0 0 0;
	float:left;
}

#leftlowermenu ul li {
	list-style:none;
	font:Arial, Helvetica, sans-serif;
}

#leftlowermenu ul li a, #leftlowermenu ul li a:visited {
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.2em;
	line-height:2em;
	font-weight:100;
	color:#CCCCCC;
	text-decoration:none;
}

#leftlowermenu ul li a:hover {
	color:#FFFFFF;
	text-decoration:underline;
	font-family:Arial, Helvetica, sans-serif;
}

#rightsidewrapper {
	width:594px;
	margin:0 0 0 0;
	float:right;
}

#rightsidemenus {
	background:url(assets/helphotline_upperright_menu.png) no-repeat #000000;
	width:594px;
	height:52px;
	float:right;
	margin:4px auto auto 0;
}

#rightsidemenus p {
	font-size:1.4em;
	font-weight:bold;
	color:#CCCCCC;
}

#rightsidemenus a, #rightsidemenus a:visited {
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.8em;
	color:#FFFFFF;
	text-decoration:none;
}

#rightsidemenus a:hover {
	text-decoration:underline;
}

#content {
	width:594px;
	float:right;
	margin:0 0 0 0;
	text-align:left;
}

.clearly {
	clear:both;
	height:1px;
	width:100%;
	margin:0;
}

#logolinks {
	width:100%;
	float:left;
	margin:10px auto;
}

#footer {
	width:955px;
	margin:80px auto 10px auto;
	text-align:center;
}

#footer p {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#660000;
}

#footer a, #footer a:visited {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#000000;
	text-decoration:none;
}

#footer a:hover {
	color:#660000;
	text-decoration:underline;
}

/*Added 2-3-10 to control placement of social network icons on HHCC pages - Chris Anthony from Keynote Media */
#social {
	float:left;
	margin:0;
	padding:147px 0 0 20px;
}

#social img {
	margin:0 4px 0 4px;
	border:none;
	height:auto;
	width:auto;
}

#social .lefty {
	float:left;
}