/* CSS Document */

*{
	margin:0;
	padding:0;
	blockqoute:0;
	p:0;
	ul:0;
	li:0;
}

body {
	padding:0;
	margin-left:auto;
	margin-right:auto;
	background-image:url(images/bckgrnd.png);
	background-repeat:repeat-x;
	background-color:#333333;

}


/* Text Styles, Headers etc */
	
.smalltext {

	font-family: "arial";
	font-size: 11px;
	color: #999999;
	font-weight: bold;
	text-decoration: none;
}

.largetext {

	font-family: "arial";
	font-size: 20px;
	color: #ffffff;
	font-weight: bold;
	text-decoration: none;
}

.italictext {

	font-family: "arial";
	font-size: 16px;
	color: #ffffff;
	font-weight: bold; font-style:italic;
	text-decoration: none;
}

.normal {
	font-family: "arial";
	font-size: 12px;
	color: #ffffff;
	font-weight: normal;
	text-decoration: none;
}


A {
    font-family: "arial";
	font-size: 12px;
	color: #00ff00;
	font-weight: bold;
	text-decoration:none;
}

A:visited {
 	font-family: "arial";
	font-size: 12px;
	color: #00ff00;
	font-weight: bold;
	text-decoration:none;
}

A:active {
 	font-family: "arial";
	font-size: 12px;
	color: #00ff00;
	font-weight: bold;
	text-decoration:none;
}

A:hover { 
	font-family: "arial";
	font-size: 12px;
	color:#ff9900;
	font-weight: bold;
    text-decoration:underline;
}
	
H1 {

	font-family: "arial";
	font-size: 20px;
	color: #ffffff;
	font-weight: normal;
	padding-bottom:15px;
	padding-top:0px;
	padding-left:0px;
	padding-right:0px;
}

H2 {

	font-family: "arial";
	font-size: 14px;
	color: #ffffff;
	font-weight: bold;
	text-decoration:none;
	padding-bottom:5px;
	padding-top:0px;
	padding-left:0px;
	padding-right:0px;
}


H3 {

	font-family: "arial";
	font-size: 12px;
	color: #fffff;
	font-weight: bold;
	padding-bottom:0px;
	text-decoration:underline;
	padding-top:0px;
	padding-left:0px;
	padding-right:0px;
}

.floatimgleft {
	float:left;
	clear:left;
	margin-top:2px;
	margin-left:5px;
	margin-right:15px;
	margin-bottom:5px;
}

.floatimgright {
	float: right;
	clear:right;
	margin-top:5px;
	margin-left:15px;
	margin-right:5px;
	margin-bottom:10px;
}


/* Layers */


#base {
	position:relative;
	width: 950px;
	margin-left:auto;
	margin-right:auto;
	padding: 0px;
}
	
	
#header { 
	float:left;
	width:500px;
	height:111px;
	margin-top:0px;
	padding-left:0px;
	padding-top:0px;
	background-image:url(images/xsp_logo.jpg);
	background-repeat:no-repeat;
	text-align:left;
	z-index:2;
}


#main { 
	width:950px;
	margin-left:auto;
	margin-right:auto;
	z-index:1;
}


#main_text { 
	width:950px;
	background-image:url(images/bckgrnd.png);
	background-repeat:repeat-x;
	background-color:#333333;
	z-index:2;
}

#flash {
	float:right;
	width:400px;
	margin-right:0px;
	padding-bottom:10px;
	text-align:center;
	z-index:2;
}


#image_r {
	float:right;
	width:400px;
	margin-top:60px;
	margin-right:0px;
	padding-bottom:10px;
	text-align:center;
	z-index:2;
}

#phone {
	float:right;
	width:260px;
	height:35px;
	padding-right:10px;
	padding-bottom:0px;
	text-align:right;
	z-index:3;
}

#navigation {
	float:left;
	width:950px;
	height:55px;
	margin-left:0px;
	padding-top:0px;
	padding-bottom:0px;
	z-index:3;
}

#images {
	float:left;
	width:500px;
	padding-top:5px;
	padding-left:3px;
	padding-right:10px;
	text-align:left;
	z-index:3;
}

#heading {
	float:left;
	width:525px;
	margin-top:20px;
	padding-top:0px;
	padding-left:0px;
	padding-right:10px;
	text-align:left;
	z-index:3;
}

#text_1 {
	float:left;
	width:525px;
	padding-bottom:10px;
	padding-left:0px;
	padding-right:10px;
	background-image:url(images/text_edges.jpg);
	background-repeat:repeat-y;
	text-align:left;
	z-index:3;
}

#text_1 ul	{
	padding-left:50px;
	padding-top:20px;
	padding-bottom:5px;
}

#text_1 li {
	padding-left:5px;
	padding-bottom:2px;
	vertical-align:text-bottom;
	list-style:square;
	list-style-position:outside;
	list-style-image:url(images/bullet.jpg);

}

#text_footer {
	float:right;
	width:635px;
	margin-right:40px;
	margin-bottom:15px;
	background-image:url(images/text_bottom.jpg);
	background-repeat:repeat-y;
	text-align:left;
	z-index:3;
}

#contact {
	float:left;
	width:525px;
	padding-top:10px;
	padding-bottom:10px;
	padding-left:0px;
	padding-right:10px;
	text-align:left;
	z-index:3;
}


#sitemap {
	clear:both;
	width:950px;
	height:40px;
	padding-top:5px;
	padding-left:0px;
	border-style:solid;
	border-color: #ffffff;
	border-left-width:0px;
	border-right-width:0px;
	border-top-width:1px;
	border-bottom-width:0px;
	text-align:center;
	z-index:2;
}

#sitemap A {
    font-family: "arial";
	font-size: 11px;
	color: #eeeeee;
	font-weight: normal;
	text-decoration:none;
}

#sitemap A:active {
 	font-family: "arial";
	font-size: 11px;
	font-weight: normal;
	color: #eeeeee;
	text-decoration:none;
}	
	
#sitemap A:hover {
	font-family: "arial";
	font-size: 11px;
	font-weight: normal;
	color:#ff9900;
    text-decoration:underline;
}


#footer {
	clear:both;
	width:950px;
	padding-top:0px;
	padding-right:0px;
	text-align:right;
	z-index:2;
}

#footer A {
    font-family: "arial";
	font-size: 11px;
	color: #0066FF;
	font-weight: bold;
	text-decoration:none;
}

#footer A:active {
 	font-family: "arial";
	font-size: 11px;
	font-weight: bold;
	color:#0066FF;
	text-decoration:none;
}	
	
#footer A:hover {
	font-family: "arial";
	font-size: 11px;
	font-weight: bold;
	color: #00cccc;
    text-decoration:underline;
}