/* CSS Document */


	body
	{
		margin: 0;
		padding: 0;
		font: 12px tahoma, verdana, arial, heveltica, sans-serif;
		text-align: center;
		color: #505367;
		background-image: url(images/pixel.gif);
	}
	
	#container
	{
		
		margin: 1em auto;
		width: 790px;
		text-align: left;
		background-color: white;
		border: 1px solid #404040;
	}
	

	
	#header
	{
		margin: 1px ; 
		width: 788px;
		height: 148px;
		background-color: fuchsia;
	}
	
	#mainnav
	{
		 float:left; 
		margin: 0px ; 
		height: 25px;
		background-color: #DDEEDD;
	}
	

	
	#contents	
	{
		
		margin: 30px 10px 30px 10px;
		
		background-color: white;
	}
	
	#footer	
	{
		clear: both;
		margin: 0px ; 
		height: 20px;
		border-top: 1px solid #404040;
		background-color:#113377;
	}
	
	.footertext
{

font:  bold 10px Verdana, Arial, Helvetica, sans-serif;
margin-left: auto; margin-right: auto; text-align: center;
color: white
}

/*- Menu Tabs J--------------------------- */

    #tabsJ {
      float:left;
      width:100%;
      background:#113377;
      font-size:93%;
      line-height:normal;
	  border-bottom:1px solid #24618E;
      }
    #tabsJ ul {
	  margin:0;
	  padding:10px 10px 0 0px;
	  list-style:none;
      }
    #tabsJ li {
      display:inline;
      margin:0;
      padding:0;
      }
    #tabsJ a {
      float:left;
      background:url("tableftJ.gif") no-repeat left top;
      margin:0;
      padding:0 0 0 5px;
      text-decoration:none;
      }
    #tabsJ a span {
      float:left;
      display:block;
      background:url("tabrightJ.gif") no-repeat right top;
      padding:5px 15px 4px 6px;
      color:#24618E;
      }
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #tabsJ a span {float:none;}
    /* End IE5-Mac hack */
    #tabsJ a:hover span {
      color:#FFF;
      }
    #tabsJ a:hover {
      background-position:0% -42px;
      }
    #tabsJ a:hover span {
      background-position:100% -42px;
      }

	
h1 {
	font: bold 16px Tahoma, Verdana, Arial, Helvetica, sans-serif;
	color: #113377;
}

a.mainlink:link {
	text-decoration: none;
	color: #C00000;
	font-family: Verdana, Arial, sans-serif;
	font-size: 12px;
	font-weight: bold;
}
a.mainlink:visited {
	text-decoration: none;
	color: #C00000;
	font-family: Verdana, Arial, sans-serif;
	font-size: 12px;
	font-weight: bold;
}
a.mainlink:hover {
	text-decoration: none;
	color: #008000;
	font-size: 12px;
	font-family: Verdana, Arial, sans-serif;
	font-weight: bold;.formtext {
	font: normal 10px Verdana, Arial, Helvetica, sans-serif;
	color: #00FF66;
}
.formtext {
	font: bold normal 12px Tahoma, Verdana, Arial, sans-serif;
	color: #666666;
}

.floatleft
{
float: left;
margin: 0 60px 0px 10px;
border: 1px solid #666;
padding: 2px;

}
.calloutbox {
	font: bold 1.5em/1.2em Tahoma, Verdana, Arial, sans-serif;
	margin: 10px 58px 15px 10px;
	padding: 10px;
	float: left;
	width: 172px;
	border: 1px solid #000000;
	background: f5f5f5;
}

.contentposition {no required styles}

.left-element {
   float: left;
   width: 200px;
   }

.right-element {
   float: right;
   width: 500px;
   text-align: left; /* depends on element width */
   margin: 0px 20px 0px 0px
   } 
   
   /* styling the form on contact page */
   
   label
{
width: 100px;
float: left;
text-align: right;
margin-right: 5px;
display: block
}

.submit input
{
margin-left: 105px;
} 
input
{
color: #505367;
background: #fff;
border: 1px solid #781351
}

.submit input
{
color: #000;
background: #f5f5f5;
border: 2px outset #113377
} 
fieldset
{
border: 1px solid #113377;
width: 350px
}

legend
{
color: #505367;
background: #f5f5f5;
border: 1px solid #113377;
padding: 2px 6px
}