/* css Cannon Services default style v1.1 */
/* written by Eppie Adams <cewebsites.com>  */


/* Images should be linked as if the CSS file sits in the same folder as the images. ie. no paths. */

/* basic elements */

body {font: 12px Arial, Helvetica, sans-serif;
	margin: 0px;
	padding: 0px;
	text-align: center;
	background: url(images/bg_fill.gif);
	background-repeat : repeat-y repeat-x;
}

a:link {text-decoration: underline;
        color: #0000c0;}

a:visited {text-decoration: underline;
           color: #0000c0;}

a:hover, a:active {text-decoration: none;
                   color: #0000c0;}



	
#container {background: #ffffff url(images/page_fill.gif) repeat-y;
	width: 730px;
	margin-right: auto;
        margin-left: auto;
        margin-top: 0px;
        margin-bottom: 0px;
	text-align: center;
}

#intro {
	width: 700px;
	height: 246px;
	overflow: hidden;
	background-image: url(images/header.jpg);
	background-position: bottom;
	background-repeat: no-repeat;
	text-align: right;
	color: #ffffff;
	padding-left: 25px;
}

#pageHeader {
	width: 700px;
	height: 36px;
	overflow: hidden;
	background-image: url(images/title.gif);
	background-repeat: no-repeat;
}

#preamble {
	float: left;
	width: 200px;
	margin-left: -10px;
	margin-right: -10px;
	margin-top: -10px;
	text-align: center;
	height: 185px;
	overflow: auto;
}
	

	
#preamble h3{font-size: 14px;}

#preamble a{color: #ffffff;
	font-size: 12px;}


#supportingText {
	width: 490px;
	text-align: left;
	float: right;
}

#linkList {
	background-image: url(images/left_start.gif);
	width: 200px;
	text-align: left;
	background-position: left;
	min-height: 1500px;
	padding-bottom: 20px;
	margin-left: 10px;
}

#linkList2 {
	background-image: url(images/left_start.gif);
	background-position: top;
	background-repeat: repeat;
	padding-top: 20px;
}


#lservices h3{
	background-image: url(images/lbl_services.gif);
	background-repeat: no-repeat;
	margin: -20px 0px -10px 0px;
	height: 45px;
}

#lproducts h3{
	background-image: url(images/lbl_products.gif);
	background-repeat: no-repeat;
	margin: 4px 0px -6px 0px;
	height: 25px;
}

#lresources h3{
	background-image: url(images/lbl_resources.gif);
	background-repeat: no-repeat;
	margin: 4px 0px -6px 0px;
	height: 25px;
}


#labout h3{
	background-image: url(images/lbl_about.gif);
	background-repeat: no-repeat;
	margin: 4px 0px -6px 0px;
	height: 25px;
}



#linkList2 h3  span{
	display: none;
}

#linkList2 ul{
	list-style-type: none;
	margin-bottom: 30px;
}

#linkList2 li{
	margin: 4px;
}

#lservices a{
	display: block;
	color: #ffd;
	font-size: 13px;
}

#linkList2 a{
	color: #ffd;
	font-size: 13px;
}




#text h3 {font: bold 18pt Arial, Helvetica, sans-serif; text-align: left; color: #042f50;
}

#text h2 {font: bold 14pt Arial, Helvetica, sans-serif; text-align: left; color: #042f50;
}

#text  li{
	margin: 0px 20px 6px 0px;
}


#supportingText h3 span{
	display: none;
}


#supportingText  p{font: 11pt Arial, Helvetica, sans-serif; text-align: left; color: #202020;
	margin: 10px 20px 6px 10px;
	text-align: justify;
}

#extraDiv1{
	clear: both;
}

#text {margin-bottom: 30px;
	padding-bottom: 20px;}

#footer {
	text-align: center;
}