html {
	height:100%;
}

* html #bgcontainer{
	height:100%;
}

a img {
	border:none;	
}

body {
	line-height: 1;
	margin:0px;
	padding:0px;
	background: url(../images/backbackground.jpg) repeat-x;
	height:100%;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

p {
	margin:0px;
	padding:0px;
	margin-bottom:10px;
}

.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}

.clearfix:after {
	clear: both;
	content: ' ';
	display: block;
	font-size: 0;
	line-height: 0;
	visibility: hidden;
	width: 0;
	height: 0;
}

.clearfix {
	display: inline-block;
}

* html .clearfix {
	height: 1%;
}

.clearfix {
	display: block;
}

/* Teen Helpline Specific CSS */

body {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:18px;
}

ul {
	list-style:none;
	margin:0px;
	padding:0px;
	float:left;
}

td,th {
	vertical-align:top;
	text-align:left;
}

#leftcolumn th {
	font-size:1.2em!important;
	font-weight:bold;
}

#rightcolumn a:link, #rightcolumn a:visited  {
	color:#11498e;
	text-decoration:none;
}

#rightcolumn a:hover, #rightcolumn a:active  {
	color:#11498e;
	text-decoration:underline;
}

#toplinks li {
	float:left;	
}

#bgcontainer {
	/*width:100%;*/
	width:100%;
	min-height:100%;
	min-width:960px;
	position:relative;

	background: transparent url(../images/background1.jpg) no-repeat center top;
	/*background-position: 50% 0px;
	overflow:hidden;*/
}

#topframe {
	margin: 0px auto 0px auto;
	width:800px;
	height:150px;
	/*background: url(../images/teenlogo.gif) center no-repeat;*/
	text-align:center;
}

html > body #sideshadow {
	background-image:url(../images/sideshadows.png);
	background-position: 0px 60px;
	background-repeat:no-repeat;
	width:860px;
}

html > body #topshadow {
	margin: 0px auto 0px auto;
	background:url(../images/topshadows.png) center top no-repeat;
	width:860px;
}

html > body #bottomshadow {
	background:url(../images/bottomshadow.png) center top no-repeat;
	width:860px;
	height:40px;
	margin: 0px auto 0px auto;
}

#containererer {
	padding-bottom:70px;	
}

#containerer {
	margin: 0px auto 0px auto;	
	width:760px;
	padding:20px;
	background:#fff; 
	overflow:hidden;
}

#container {
	width:760px;
 
}

#toplinks {
	height:40px;
	background: #4a4a4a url(../images/slogan_08.gif) top right no-repeat;
	padding-left:10px;
	position:relative;
	overflow:hidden;
}

	#teenlinks {
	
		height:30px;
		background-color:#5a5a5a;
		padding-left:13px;
		font-size:12px;
	}
	
	#teenlinks li {
		float:left;
		margin: 7px;
	}
	
	#teenlinks a:link, #teenlinks a:visited, #teenlinks a.link, #teenlinks a.visited {
		text-decoration:none;
		font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
		color:#e3e3e3;
	
	}

	#teenlinks a:hover, #teenlinks a.hover, #teenlinks a:active, #teenlinks a.active {
		text-decoration:none;
		font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
		color:#fff;
	}

#content {
	width:760px;
	background: url(../images/contentback.jpg) no-repeat;
	margin-top:10px;
	
}
	
#leftcolumn {
	float:left;
	width: 500px;
	/*background: #c34713;*/
	color:#FFF;
	padding:20px;
}

#leftcolumn a:link, #leftcolumn a:visited, #leftcolumn a.link, #leftcolumn a.visited {
	text-decoration:none;
	color:#FEC789;
}

#leftcolumn a:hover, #leftcolumn a:active, #leftcolumn a.hover, #leftcolumn a.active {
	text-decoration:underline;
	color:#Fb3;
}

#rightcolumn {
	float:left;
	margin-left:10px;
	width: 210px;
	/*background: #bae1fc;*/
	color:#333;
}

#footercontainer {
	background: url(../images/footerback.png) repeat;
	position:absolute;
	bottom:0;
	width:100%;
	min-height:30px;
}

#footer {
	width:800px;
	margin: 0px auto 0px auto;
 	padding:10px;
	color:#9BDEFF;
	overflow:hidden;
	/*font-size:.95em;*/
}

#footer a:link, #footer a:visited, #footer a.link, #footer a.visited {
	text-decoration:none;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#fff;

}

#footer a:hover, #footer a.hover, #footer a:active, #footer a.active {
	text-decoration:underline;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#fff;
}

#navlist li {
	display:inline;
	padding:8px;
}
#craftysyntax {
	text-align:center;
	margin-top:20px;
}
