/* Construction Portal - Styles for handheld devices - 240 pixels or so wide */

@import 'reset.css';
@import 'typography.css';
@import 'navigation-hand.css'; /* different navigation for handheld */
@import 'forms.css';
@import 'color.css';

body {
	background-color: #fff;
	background-image: none;
	border-style: none;
}
/* layout */
#container {
	width: auto;
	max-width:300px;
	overflow: auto;
	margin-right: auto;
	margin-left: auto;
	border-top: 5px solid #e03126;
	padding: 2% 1%;
	background-color: white;
}

#header {
	width: 100%;
	height: auto;
	position: relative;
	background-image: none;
}

#headerprint {
	display: block;
	width: 95%;
}

#headerprint h1 {
	color: #333333;
}
#headerprint a h2{
	padding-top: .7em;
	color: #006bb6;
}

#support_navigation_search_box{
	width: 100%;
	float: left;
	height: auto;
	border-top: 1px solid #cccccc;
	padding: 2px 0px;
	border-bottom: 1px solid #cccccc;
	background-color: #F3E6D7;
	margin-bottom: 5px;
}

#support_navigation_box
{	width: auto;
	float: left;
	height: auto;
}

#googlesearch_box {	
	float: left;
	height: auto;
	padding: 3px;
	width: auto;
}

#content_container {
	width: 100%;
	clear: left;
	overflow: auto;
	background-image: none;
	padding:  0px 0px;
	margin: 0px 0px;
}

#content_container table th,td {
	padding:4px 3px 4px 0;
}

#main_navigation_box {
	display: block;
	width: auto;
	background-image: none;
	border-top: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	background-image: none;
	background-color: #E6F0F8;
} 

#content {
	display: block;
	float: left;
	width: 100%;
	padding:  0px 0px;
	background-image: none;
}

#container #skipnavigation {
	display: block;
}
#content #breadcrumb {
	margin: 6px 0px;
}

#main {
	float: left;
	width: 100%;
	padding:  2px 0px;
	background-image: none;
}

#sidebar {
	float: left;
	width: 90%;
	padding:  2px 0px;
	background-image: none;
}

#footer_box{
	width: 100%;
	padding:  2px 0px;
	overflow: auto;
	height:auto;
	clear: both;
	border-bottom: 5px solid #e03126;
	border-top: 1px solid #cccccc;
	background-image: none;
}

#content .pagetoc {
	width: 35%;
}
#content .pagetoc.wide {
	width: 40%;
}
#content .pagetoc.wider{
	width: 45%;
}

#content .pagetoc.widest{
	width: 50%;
}

h1 {font-size:1.5em;line-height:1.3;margin-bottom:.5em;}
h2 {font-size:1.2em;line-height:1.3;margin-bottom:.5em;}
h3, h4, h5 {font-size:1em;font-weight:700;margin-bottom:.5em;}

.image-left {
	float: left;
	margin: 3px 3px 3px 0;
	padding: 3px 3px 3px 0;
	position: relative;
	z-index: 5;
}

.image-right {
	float: right;
	margin: 3px 0px 3px 3px;
	padding: 3px 0 3px 3px;
	position: relative;
	z-index: 5;
}

#content div#home-survey{
	width: 225px;
	float: left;
	padding: 10px 15px 0px 0px;
}

#content div#home-survey img{
	padding-left: 15px;
	padding-top: 5px;
}

#content #home-survey h2{
	color: #C44037; /* e03126*/
	padding-bottom: 7px;
	margin-bottom: 5px;
}

#content div#didyouknow h2{
	color: #006bb6; /* e03126*/
	padding-bottom: 7px;
	margin-bottom: 5px;
}

#content div#didyouknow{
	float: left;
	width: 225px;
	padding: 10px 15px 0px 15px;
	margin-right: 10px;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	background:#eee url(images/concrete_background.gif) no-repeat left bottom;
	border: 1px solid #dddddd;
}

#sidebar img#brseal{
	display:none;
}

#sidebar img#brseal.homepage{
	margin:  10px 0px;
	display: block;
}