<style type="text/css">
body,
	html {
		margin				:	0;
		padding				:	0;
	}
	
body {
	color				:	#4C4C4C;
	font-family			: 	Verdana, Arial, Times, serif;
   	font-size			: 	12px;
	font-style			: 	normal;
	font-weight			: 	normal;
	min-width			:	760px;
	background-color	: 	black;
	background-image	: 	url("images/bg.gif");
	background-repeat	: 	repeat-x;  
	border				: 	0px;
	padding				: 	0px;
	margin				: 	0px;
	background-position	: 	top center;
}

#header  {
	background			: 	url("images/header.jpg");	
	
	width				:   564px;
}	


.smallgrey {
		font-size			: 	18px;
		color: #09529b;
		text-align: left;
		font-weight: bold;
}

.bigred {
		font-size			: 	16px;
		color: #C51E28;
		font-weight			: 	bold;
padding-top: 5px;
margin-bottom: 15px;
}


.medred {
		font-size			: 	13px;
		color: #C51E28;
		font-weight			: 	bold;
padding-top: 5px;
margin-bottom: 15px;
}

#wraper{
	width				: 99%;
	position: relative;
}

#footer {
	line-height		: 12px;
	clear			: both;
	text-align		: center;
	color:  #6F6D6E;
	font-size:  10px;
	margin-bottom: 15px;

}
	
#footer A:link {text-decoration: none; color:#324E96;}
#footer A:visited {text-decoration: none; color:#324E96;}
#footer A:active {text-decoration: none; color:#324E96;}
#footer A:hover {text-decoration: none; color:#808080;}	
	

body A:link {text-decoration: none; color:#C2272F;}
body A:visited {text-decoration: none; color:#C2272F;}
body A:active {text-decoration: none; color:#C2272F;}
body A:hover {text-decoration: none; color:#324E96;}
	
H1 {
	font-size			: 	11px;
	color: white;
	float: right;
	line-height: 17px;
}
	
H2 {
	font-family			: 	Verdana, Arial, Times, serif;
	font-size			: 	12px;
	text-align			:   center;
}
	
H3 {
	font-family			: 	Verdana, Arial, Times, serif;
	font-size			: 	12px;
	font-style			:   bold;
	text-align			:   left;
}
	
p {
	color				:	#000000;
	font-family			: 	Verdana, Arial, Times, serif;
   	font-size			: 	12px;
	font-style			: 	normal;
	font-weight			: 	normal;
	text-align			:   left;
}

.bold {
	font-weight: bold;

}



.floatleft {
float: left;
}

#logo{
position: relative;
top:  -30px;
left:  0px;
float: left;

}
	
#content {
margin-top: 1px;
width: 99%;


}

#bottom {
width:  765px;

}


.bl {background: url(images/bl.gif) 0 100% no-repeat #ffffff; width: 99%; } 
.br {background: url(images/br.gif) 100% 100% no-repeat; } 
.tl {background: url(images/tl.gif) 0 0 no-repeat} 
.tr {background: url(images/tr.gif) 100% 0 no-repeat; padding:10px} 
.clear {font-size: 1px; height: 1px}



.bigredline {
width: 760px;
border: 1px solid red;

}

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */
    
#slidetabsmenu {
font-size:13px;
line-height:24px;
border-bottom: 1px solid black;
float: left;
width: 700px;
margin-left:  130px;
margin-top: 30px;

}

* html #slidetabsmenu{ /*IE only. Add 1em spacing between menu and rest of content*/

}

#slidetabsmenu ul{
list-style-type: none;
margin:0;
margin-left: 10px;
padding:0;

}

#slidetabsmenu li{
display:inline;
margin:0;
padding:0;
}

#slidetabsmenu a {
float:left;
background:url(images/tab-left.gif) no-repeat left top;
margin:0;
padding:0 0 0 9px;
text-decoration:none;

}

#slidetabsmenu a span {
float:left;
display:block;
background:url(images/tab-right.gif) no-repeat right top;
padding:3px 17px 3px 8px;
font-weight:bold;
color:#3B3B3B;


}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
#slidetabsmenu a span {float:none;}
/* End IE5-Mac hack */

#slidetabsmenu a:hover span {
color: black;

}

#slidetabsmenu #current a {
background-position:0 -125px;
}

#slidetabsmenu #current a span {
background-position:100% -125px;
color: white;
}

#slidetabsmenu a:hover {
background-position:0% -125px;

}

#slidetabsmenu a:hover span {
background-position:100% -125px;
color: white;
}


.st {background: url(images/dot.gif) 0 0 repeat-x;   width:  90%; clear: left; margin-top: 15px; }
.sb {background: url(images/dot.gif) 0 100% repeat-x}
.sl {background: url(images/dot.gif) 0 0 repeat-y}
.sr {background: url(images/dot.gif) 100% 0 repeat-y}
.sbl {background: url(images/sbl.gif) 0 100% no-repeat}
.sbr {background: url(images/sbr.gif) 100% 100% no-repeat}
.stl {background: url(images/stl.gif) 0 0 no-repeat}
.str {background: url(images/str.gif) 100% 0 no-repeat; padding:30px} 


.boxheading {
}

.icon {
		margin-right		:	10px;
		float				: 	left;
		margin-top: 5px;
}

.iconheading {
	line-height	:	28px;
}

.boxicon {
float:left;
margin-top: 5px;

}

.infoboxheading {
	text-align 		:   left;
	margin-top		:  	15px;
	margin-bottom	:  	20px;

}

.boxtext {
	float: left;
	color:#0D0D0F;
	font-weight: bold;
	font-size: 1.2em;
	font-family: helvetica, geneva, arial, sans-serif;
	line-height:  30px;
	margin-top:  20px;
	margin-left:  5px;
}

#box
	{
	float: left;
	margin-top: 3em;
	padding: 5;
	text-align: left;
				/* <-- use this to tie width to viewport size */
	width: 320px;	
	background-color: #eeeeee;
margin-left:  4%;
	}
 	
#bottomcontent
	{
	padding:3em;


	}

#bottomcontent h1
	{
	color:#0D0D0F;
	font-weight: bold;
	font-size: 1.2em;
	font-family: helvetica, geneva, arial, sans-serif;
	}
		
#bottomcontent p
	{
	color:#0D0D0F;
	font-size: 1em;
	line-height: 1.3em;
	font-family: arial, helvetica, sans-serif;
	}
		
		
/* ---=== border code follows ===--- */
/*
	tlc = top left corner
	trc = top right corner
	blc = bottom left corner
	brc = bottom right corner
	lb = left border
	rb = right border
	tb = top border
	bb = bottom border 
*/

#tlc, #trc, #blc, #brc
	{
	background-color: transparent;
	background-repeat: no-repeat;
	}

#tlc
	{
	background-image:url(images/tlc.gif);
	background-position: 0% 0%;
	}

#trc
	{
	background-image:url(images/trc.gif);
	background-position: 100% 0%;
	}
	
#blc
	{
	background-image:url(images/blc.gif);
	background-position: 0% 100%;
	}

#brc
	{
	background-image:url(images/brc.gif);
	background-position: 100% 100%;
	}

#tb, #bb
	{
	background-color: transparent;
	background-repeat: repeat-x;
	}
			
#tb
	{
	background-image:url(images/tb.gif);
	background-position: 0% 0%;
	}

#bb
	{
	background-image:url(images/bb.gif);
	background-position: 50% 100%;
	}
	
#rb
	{
	background-image:url(images/r.gif);
	background-position: 100% 0%;
	background-repeat: repeat-y;
	}

#lb
	{
	background-color: #eeeeee;
	background-image:url(images/l.gif);
	background-position: 0% 100%;
	background-repeat: repeat-y;
	}
	
	
	

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

a.squarebutton{
background: transparent url('images/square-red-left.gif') no-repeat top left;
display: block;
float: left;
font: normal 12px Arial; /* Change 12px as desired */
line-height: 15px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 23px) */
height: 23px; /* Height of button background height */
padding-left: 9px; /* Width of left menu image */
text-decoration: none;
}

a:link.squarebutton, a:visited.squarebutton, a:active.squarebutton{
color: #494949; /*button text color*/
}

a.squarebutton span{
background: transparent url('images/square-red-right.gif') no-repeat top right;
display: block;
padding: 4px 9px 4px 0; /*Set 9px below to match value of 'padding-left' value above*/
}

a.squarebutton:hover{ /* Hover state CSS */
background-position: bottom left;
}

a.squarebutton:hover span{ /* Hover state CSS */
background-position: bottom right;
color: black;
}

.buttonwrapper{ /* Container you can use to surround a CSS button to clear float */
overflow: hidden; /*See: http://www.quirksmode.org/css/clearing.html */
width: 100%;

}


.roundcont {
	width: 250px;
	background-color: #000000;
	color: #fff;
	float: right;

}

.roundcont p {
	margin: 0 10px;
}

.roundtop { 
	background: url(images/btr.gif) no-repeat top right; 
}

.roundbottom {
	background: url(images/bbr.gif) no-repeat top right; 
}

img.corner {
   width: 15px;
   height: 15px;
   border: none;
   display: block !important;
}


	
	
	
	
	
	
			
</style>