/* 

STYLE SHEET FOR LASCO SERVICES
Created by Jozee Designs! jozeedesigns.com*/

/* lasco blue #0092dd     light blue #bed9ed     dark blue #004e74
   lasco green #29a294    light green #afdbdb*/

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td { margin:0; padding:0; }
h1, h2, h3, h4, h5, h6 { font-size:10px; }
ol ul { list-style:none; }
address, caption, cite, code, dfn, em, th, var {font-style:normal; font-weight:normal;}
table {border-collapse:collapse; border-spacing:5px;}
table.datashaded{background-color:#cafcf7; line-height:150%; font-size:95%;}
table.datashaded td {padding:3px 10px 3px 10px; border-bottom:2px dotted white;}
table.datashaded td.shade { background-color:#c2f2ed;}
table.datashaded tr.shade { background-color:#c2f2ed;}
fieldset, img {border:0;}
capion,th {text-align:left;}
q:before, q:after {content:'';}

html {
	text-align:center;
	color:#000;
	background:#fff url(../images/bg_bars-s.gif) top center repeat-x;/*full bg color*/
	}

body {
	position:relative;
	font-family:"Lucida Sans Unicode", Tahoma, Verdana, sans-serif;
	font-size:80%;

	text-align:left;
	/*background-color:#fff; bg behind body area only*/
	padding-top:0px; /*allows logo to have room to stick out top*/
	line-height:180%;
	}
	
strong, bold {font-family:"Lucida Sans", Tahoma, Verdana, sans-serif;}
	
h1 { font-size:200%; font-family:"Times New Roman", Times, serif;
	}

h2 {font-size:150%; font-weight:bold; margin: 0 0 10px 0px;
	}

h3 {font-size:140%; font-weight:bold; margin: 20px 0 0 0px; font-family:"Times New Roman", Times, serif;
	}
		
h4 {font-family:"Lucida Sans", Tahoma, Verdana, sans-serif;}
	

p {
	}
	
ul {
	list-style-type: none;
	margin:0 0 25px 0;
	}
	
ul.check {
	margin:0;
	line-height:120%;
	
	}
ul.check li {
	background: url("../images/check.gif") left 6px no-repeat;
	padding:0 0 5px 20px;
	}
li.dnld {
	min-height:34px;
	}
li.dnld img {
	float:left;
	padding:0 10px 0 0;
	}



/*---------------------------------------------------------Branding (start)*/	
#branding {
	color:#fff;
	width:590px;
	position:relative;
	height:94px;/*should match header/background image height*/
	z-index:10;
	margin-left: 70px;
	}
	
#branding2 {
	color:#fff;
	width:720px;
	position:relative;
	height:92px;/*should match header/background image height*/
	z-index:10;
	margin-left:-18px;

	}
	
	
/*#branding h1 {
	position:absolute;
	top:15px;
	left:22px;
	width:241px;
	height:54px;
	background:transparent url(../public/images/logo-jd.png) no-repeat;
	text-indent:-9999px;
	}*/
/*---------------------------------------------------------Branding (end)*/

#pagehead {
    width:720px;
	/*height:40px; this is the height of the default text 
	text-align:center;*/
	color:#000000;
	background-color:#fff;
	padding:40px 10px 20px 0px;
	margin:0 0 0 0px;
	/*border-bottom:1px solid #6fb9de;*/
	
	}
	
#pagehead h1 {
	font-size: 300%;
	padding-bottom:3px;
	padding-left:10px;
	text-align:center;
	font-weight:normal;}
	
.ttlimg {
	margin:0px 0 0 0;
	}

/*---------------------------------------------------------Content (start)*/
#content { /*if this has a border it causes unpredictable results in browsers*/
	/*background:#e3e3e3; makes color behind content_sub, content_main and site_info unless otherwise specified*/
		width:720px;
	margin:0 auto;
	}
	
#content_main { /* because of ie its better to not put margin or padding here, but to put it on the inside elements - .mainfill and .subfill*/
	float:right;
	color:#000;
	background-color:#fff;
	padding:15px 0 0 0; /*use left and right padding on the contained items not here*/
	width:61%; /* If you use width don't use padding here. Pad the contents*/
	margin-bottom:20px;
	margin-left:10px;
	border-top:2px solid #6fb9de;
	}
	
#content_main h1 {
	
	}
	
#content_main p {
	padding:0px 0px 10px 0px;
	line-height:1.5em;
	}

#content_main .calltoaction {
	float:right;
	width:242px;
	margin:10px 0 10px 10px;
	padding:0;}
	
#content_main .imgright {
	float:right;
	width:232px;
	margin:10px 0 5px 15px;
	padding:0;
	font-size:90%;
	line-height:150%;
	text-align:center;
	color:#666;}

#content_main .imgright img{	
	border:1px solid #6fb9de;}
#content_main .imgright img.nobdr{	
	border:none;}
img.imgpadded{	
	padding:8px 0;}
	
#content_main p.highlight {
	margin:0 0 10px 0px;
	padding:0;
	padding:10px;
	background-color:#d7f1f9;
	border:1px solid #6fb9de;}
	
.morelink {
	font-style:italic;}
		
.footnote { font-size:70%;}
.footnote p { margin-bottom:-5px}
.capt {
	color:#666;
	font-size:90%;
	}
/*---------------------------------------------------------Content (end)*/

/*---------------------------------------------------------Feature (start)*/
#content_sub {
	float:left;
	color:#666;
	/*background-color:#fff; color only behind content_sub items*/
	width:35%;
	font-size:90%;
	line-height:150%;
	margin-top:0px;
	}	
	
#content_sub ul {
	margin:0px 0px 20px 0;
	}

#content_sub li, #content_sub firstli {
	clear:both;
	margin-bottom:20px;
	padding:9px;
	border:1px solid #6fb9de;
	}
#content_sub li.firstli {
	border-top:none;
	}
	
#content_sub firstli {
	/*float:left;*/
	margin:3px 0 5px 0; /*use this one to control the space between the line items and keep them even*/
	padding:0;
	}
	
#content_sub li a img, #content_sub li img {
	margin:3px 0 3px 0;
	}
	
#content_sub h4 {
	color:#004567;
	margin:0 0 5px 0px;
	font-weight:bold;
	font-size:110%;
	}
	
#content_sub a {
	color:#004567 ;
}
#content_sub a:link {text-decoration: underline; color:#0d7797;}
#content_sub a:visited {text-decoration: underline; color:#333;}
#content_sub a:hover {text-decoration: underline;color:#004567;}
#content_sub a:active {text-decoration: color:#004567;}
	

/*---------------------------------------------------------Feature (end)*/
/*---------------------------------------------------------Site info (start)*/
#site_info {
	color:#fff;
	background-color:#ccc;
	padding:12px 0 0 0px;
	text-align:center;
	clear:both;
	
	}

#copyright {
	color:#FFF;
	padding:12px 0 10px 0px;
	text-align:center;
	}
	
.footerlogo {
	margin:-13px 0 0 660px;
	background:url(../images/logo-footer.gif) no-repeat;
	text-indent:-9999px;
	height:50px;
	}	
/*---------------------------------------------------------Site info (end)*/