/* SPRA  - Style Sheet
================================== */

/* ZERO MARGINS/PADDINGS*/
* {margin: 0; padding: 0;}

body {
	font: 65%/1.6 "Arial", "Lucida Grande", "Lucida Sans","Verdana", "Lucida Sans Unicode", sans-serif;
	text-align: center;
	background-color:#efefef;
	/*background-image:url(../Images/bgshadow.jpg);
	background-position:top;
	background-repeat:repeat-y;*/}

/*WRAPPER*/
#wrapper {
	width: 981px;
	margin: 0 auto;
	text-align: left;
	position: relative;
	border:0px solid #000000;
	background-color: #FFFFFF;
	padding-left: 0px;
	padding-right: 0px;
	background-image: url(../Images/strip.jpg);
	background-repeat: no-repeat;
	padding-top: 5px;}	
/*END OF WRAPPER*/

/*HEADER INFO*/
#header {
	margin: 0px;
	padding: 0px;
	height:220px;
	position:relative;
	width: 981px;
	border-bottom: 0px solid #ffffff;
	background-image: url(img/spra_header.jpg);
	background-repeat: no-repeat;}

/*END OF HEADER INFO*/
	
/*START OF LEFT COLUMN INFORMATION*/
#mainNav {
	width: 226px;
	float: left;
	list-style: none;
	padding-top: 0px;
	position:relative;
	padding-left: 0px;
	background-repeat: no-repeat;
	height: auto;}
/*END OF LEFT COLUMN INFORMATION*/

#belownav{background-color:#231F20; color: #FFFFFF; text-align:justify;}

#belownav h1{padding-top:10px;padding-bottom:5px;}

#belownav p{padding-right:30px;}

#belownav{
	padding-left:0px;
	height: 123px;
	float: left;
	padding-right: 0px;
	position: relative;
	background-image: url(../Images/spra_belownav.jpg);
	width: 981px; border-bottom:5px solid #ffffff;}

#belownav_text{ position:absolute;
	width:469px;
	height:200px;
	padding-left:300px;
	padding-top:20px;
  	font-size:1.3em; text-align:left;}

#aboveimagestrip{position:relative;
	float: left;
	height: 29px;}
	
#belownav a:link, #belownav a:visited {
	color: #999999;
	text-decoration: underline;} 

#belownav a:hover, #belownav a:active {
	color: #ffffff;
	text-decoration: underline;}
	
#mainbody{
	width:981px;
	position:relative;
	float: left;
	height: auto;
	background-image: url(../Images/spra_body_bg.jpg);}
	
#mainbody1{
	width:981px;
	position:relative;
	float: left;
	height: auto;
	background-image: url(img/white.gif);}

#mainbody_products{
	width:981px;
	position:relative;
	float: left;
	height: auto;
	background-image: url(../Images/spra_body_bg_products.jpg);}

/*START OF CENTRAL COLUMN INFORMATION*/

#maincontent{
	width: 295px;
	float: left;
	position:relative;
	color: #FFFFFF;}
	
#mainContent a:link,  a:visited {
	color: #000000;
	text-decoration: underline;} 

#mainContent a:hover,  a:active {
	color: #999999;
	text-decoration: underline;}
	
#mainContent ul{
	padding-left: 20px;}
		
/*TEXTINNER */
#textinner {
	margin-left: 0px;
	text-align: justify;
	padding-bottom: 0px;
	padding-right: 0px;}
	
#textinner p{
	padding-bottom: 5px;
	padding: 0px;font-size: 1.2em;}
	
#textinner h1{
	font-size: 1.3em;
	font-weight:bold;
	padding-left: 0px;
	border-bottom: 0px solid #000000;
	color: #CCCCCC;
	text-align: left;}	
	
#textinner a:link,  #textinner a:visited {
	color: #ffffff;
	text-decoration: none; } 

#textinner a:hover,  #textinner a:active {
	color: #CCCCCC;
	text-decoration: underline;}
	
#textinner p{padding-left:30px; background-image:url(img/spra_menu_on.jpg);}
	
/*END OF TEXTINNER */	

/*TEXTINNER 1*/
#textinner1 {
	margin-left: 15px;
	text-align: left;
	padding-bottom: 0px;
	padding-right: 10px;font-size: 1.2em;}
	
#textinner1 p{
	padding-bottom: 5px;
	padding: 5px;
	font-size: 1.2em;}
	
#textinner1 h1{
	font-size: 3em;
	font-weight:bold;
	padding-left: 5px;
	border-bottom: 0px solid #000000;
	color: #064288;
	text-align: left;}	
	
#textinner1 ul{
	list-style:inside;
	color:#000000;
	font-size: 1.1em;
	line-height: inherit;
	padding-left: 20px;}
	
#textinner1 img{
	border: 0px;}
	
#textinner1 td{padding:5px; }
		
#textinner1 a:link,  #textinner1 a:visited {
	color: #000000;
	text-decoration: underline;} 

#textinner1 a:hover,  #textinner1 a:active {
	color: #666666;
	text-decoration: underline;}
	
/*END OF TEXTINNER 1*/
 
/*RIGHT COLUMN INFO*/

#secondaryContent {
	padding-bottom: 0px;
	height: auto;
	background-repeat: no-repeat;
	width: 425px;
	/**display: inline; /* :KLUDGE: Fixes IE double margin float bug */
  	float: left;
	padding-left: 0px;
	padding-right: 0px;
	margin-top: 0px;
	position:relative;
	color: #313F62;}

#secondaryContent_products {
	padding-bottom: 0px;
	height: auto;
	background-repeat: no-repeat;
	width: 675px;
	/**display: inline; /* :KLUDGE: Fixes IE double margin float bug */
  	float: right;
	padding-left: 10px;
	padding-right: 0px;
	margin-top: 0px;
	position:relative;
	color: #313F62;}

#secondaryContent1 {
	padding-bottom: 0px;
	height: auto;
	background-repeat: no-repeat;
	width: 660px;
	/**display: inline; /* :KLUDGE: Fixes IE double margin float bug */
  	float: left;
	padding-left: 0px;
	padding-right: 0px;
	margin-top: 0px;
	position:relative;
	color: #FFFFFF;}

#secondaryContent2 {
	padding-bottom: 0px;
	height: auto;
	background-repeat: no-repeat;
	width: 800px;
	/**display: inline; /* :KLUDGE: Fixes IE double margin float bug */
  	float: left;
	padding-left: 0px;
	padding-right: 0px;
	margin-top: 0px;
	position:relative;
	color: #FFFFFF;}

#secondaryContent p {
	font-size: 1.3em;
	color: #313F62;}
	
#thirdContent {
	padding-bottom: 0px;
	height: auto;
	background-repeat: no-repeat;
	width: 255px;
	/**display: inline; /* :KLUDGE: Fixes IE double margin float bug */
  	float: right;
	padding-left: 0px;
	padding-right: 0px;
	margin-top: 0px;
	position:relative;
	color: #313F62;
	border: 0px;}

/*--#thirdContent a:link, #thirdContent a:visited {
	color: #cccccc;
	text-decoration: underline;border: 0px;} 

#thirdContent a:hover, #thirdContent a:active {
	color: #ffffff;
	text-decoration: underline;border: 0px;}*/
	
#thirdContent p {font-size: 1.1em;border: 0px;}

#thirdContent img {border: 0px;}

/*END OF RIGHT COLUMN INFO*/

/*START OF FOOTER*/
#footer {
	color:#FFFFFF;
	padding: 0px 0px;
	width:981px;
	clear: both;
	height: 2em;
	position: relative;
	float: left;
	background-color: #566eb4;
	background-repeat: no-repeat;
	border-top-color: #FFFFFF;
	border-bottom: 10px solid #064288;
	padding-top: 10px;
	padding-bottom: 10px;} 

#footer a:link,  #footer a:visited {
	color: #ffffff;
	text-decoration: none;} 

#footer a:hover,  #footer a:active {
	color: #cccccc;
	text-decoration: underline;}
	
#footertext{
	padding-left:20px;
	padding-top:10px;
	padding-bottom:10px;
	width:auto;
	font-size: 1.2em;
	color: #FFFFFF;
	font-weight: bold;
	position: relative; float:left;}
/*END OF FOOTER TEXT*/


/*END OF TABLE STYLES*/

.style1 {
	color: #000000;
	font-weight: bold;}

.style2 {
	color: #000000;
	font-weight: bold;}

.style3 {
	color: #333333;
	font-weight: bold;}

#printer{
    float:right;
    padding-top:0px;
    padding-left:0px;
    width:120px;
    position:relative;
    z-index:auto;}
    
.list { list-style:circle;}  

.button1{ background-color:#CCCCCC; color:#064288;}
	
#footertext{
	float:right;
	top:-21px;
	width: 360px;
	padding-top: 25px;
	padding-right: 15px;
    left: -576px;}
    
.style9 {font-size: 1.5em}

.liblack{color:#000000;}	

.style10 {
	color: #064288;
	font-weight: bold;}	
	
#imagefloatright{
	position:relative;
	float:right;
	width:auto;
	height:108px;
	background-color:##4791CE;
	border: 1px solid #ffffff;
	padding:2px;
	margin:5px;}
	
#imagefloatright1{
	position:relative;
	float:right;
	width:auto;
	height:147px;
	background-color:##4791CE;
	border: 1px solid #ffffff;
	padding:2px;
	margin:5px;}

.style11 {
	color: #9C4097;
	font-weight: bold;}
	
#sideimage{
	height:137px;
	width:255px;
	border-bottom: 7px solid #ffffff;
	background-repeat: no-repeat;
	border: 0px;}

#sideimage1{
	height:137px;
	width:255px;
	border-bottom: 7px solid #ffffff;
	background-repeat: no-repeat;}
	
#sideimage2{
	height:137px;
	width:255px;
	border-bottom: 0px solid #ffffff;
	background-repeat: no-repeat;
	border: 0px;}
	
#jollie{
	padding-left:0px;
	padding-right: 00px;
	height: auto;
	width: 981px;
	float: left; background-color:#ffffff;}

#navcontainer{
    margin: 0;
    padding: 0;
    height: 22px;
    font: 11px Verdana, sans-serif;
    width: 100%;
    border-bottom: 0px solid #bbb;
    list-style-type: none;
    background: #fff;}

#navlist li{
    float: left;
    margin: 0;
    padding: 0;
    width: auto;
    display: block;
    font-size:1.3ems;}

#navlist li a, #navlist li a:link{
    background: #fff;
    color: #555;
    text-decoration: none;
    padding: 3px 5px 3px 5px;
    display: block;}

#navlist li a:hover{
    color: #039;
    border-bottom: 0px solid #bbb;
    cursor: pointer;
    background: #eee;}

#navlist li a#current, #navlist li a#current:link{
    color: #000;
    cursor: default;
    font-weight: bold;
    border-bottom: 0px solid #999;}

#navlist li a#current:hover{
    border-bottom: 0px solid #f90;
    background: #eee;}

.paddingleft{padding-left:20px;}

#search{
	background-image:url(img/spra_search.jpg);
	width:295px;
	height:auto;
	background-repeat: no-repeat;}

#search1{
	width:295px;
	height:97px;
	background-repeat: no-repeat;}

#searchinner{
    padding-top:30px; padding-left:20px;}

.style12 {
	color: #566EB4;
	font-weight: bold;}

.table {padding:5px; }

/*TABLE STYLES*/
.even{ background-color:#ffffff;}

