/* CSS Document */
html
{
margin:0;
padding:0;
height:100%;
}

body {
background:url(../images/bodybg.gif) repeat-x #dadada;
font-family:  "Trebuchet MS";
font-size:100%;
margin:0;
padding:0;
height:100%;
}

#wrapper {
width: 769px;
margin: 0 auto;
padding: 0;
/*background-color: #ffffff;*/
/*border: 1px solid #000;*/
}

h1, h2, h3 {
margin-top:0;
color: #000055;
}

a, a:visited {
text-decoration:none;
/*font-weight:bold;*/
color:#4027DB;
}

a:hover {
text-decoration:underline;
}



.pageheader
{
	width:769px;
	/*height:135px;
	background-image:url(../images/tile.jpg);
	background-repeat:repeat-x;*/
	margin:0;
	padding:0;
	float:left;
}
img
{
	border:0;
}
.pageheader h1
{
	margin:0;
	padding:0;
}

#mainbody
{
	clear:both;
	float:left;
	width:769px;
	margin: 0;
	padding: 10px 0 0 0;
	background-image: url(../images/bgd.gif);
	background-repeat: repeat-y;
	/*height:78%;*/
}



/* ------------------------------ */

.navigation {
	clear:both;
	background-color:#ff6633;
	color:#fff;
	padding:5px 0;
	font-size: 0.9em;
	text-align:center;
}

.navigation ul {
	width:769px;
	margin:0 auto;
	padding:0;
	display:block;
}

.navigation ul li {
	list-style-type:none;
	padding:0px;
	display:inline;
	margin:0 0 0 10px;
	font-size:1em;
}

.navigation ul li a, .navigation ul li a:visited {
	text-decoration:none;
	font-weight:bold;
	font-size: 1em;
	color:#fff;
}

.navigation ul li a:hover {
	text-decoration:underline;
	color:#fff;
}

.navigation ul li.current, .navigation ul li.current a,.navigation ul li.current a:visited, .navigation ul li.current a:hover {
	color:#fff;
}

/* --------------------------------- */

.pagecontent
{
	float:left;
	width:580px;
	margin:0;
	padding:0px 0px 0px 10px;
}

.pagefooter
{
	clear:both;
	float:left;
	width:769px;
	margin:0;
	padding:0;
	color: #FFFFFF;
	font-size:0.8em;
}

.pagefooter a, .pagefooter a:visited
{
	color:#FFFFFF;
}

#address {
	clear: both;
	float: left;
	width: 398px;
	color: #000;
	margin: 0;
	padding: 0;
	font-size: 0.9em;
}

#copy {
	float: right;
	width: 769px;
	color: #000;
	margin: 0;
	padding: 0;
	text-align: right;
	font-size: 0.9em;
}


/* ----------------------- boxes ---------------------------- */

#Col1 {
	clear:both;
	float:left;
	display: inline;
	width:749px;
	margin: 0;
	padding: 0 10px;
}

#Col2 {
	clear: both;
	float: left;
	display: inline;
	width:749px;
	margin: 0;
	padding: 0 10px;
}

#Col2 #message {
	clear: both;
	float: left;
	display: inline;
	width: 243px;
	margin: 0;
	padding: 0;
}

#Col2 #box_496{
	float:  left;
	display: inline;
	margin: 0;
	padding: 0;
	width: 506px;
	/*border: 1px solid #000;*/
}

#boxRed496Top {
width: 476px;
height: 25px;
margin: 0 auto;
padding: 0px  0px 0px 20px;
background-image: url(../images/topred.gif);
background-repeat: no-repeat;
background-position: bottom;
color: #fff;
font-weight: bold;
	/*border: 1px solid #000;*/
}

#boxRed496Bottom {
width: 496px;
height:27px;
margin: 0 auto;
padding: 0px 0px 0px 0px;
background-image: url(../images/red_496_foot.gif);
background-repeat:no-repeat;
}

#boxRed496Content {
width:476px;
margin: 0 auto;
padding: 0 10px;
background-image: url(../images/red_496_bgd.gif);
background-repeat: repeat-y;
min-height:120px;
margin-top: 0;
margin-bottom:: 0;
/*height: 120px;*/
}
/* mac hide \*/
* html #boxRed496Content{height:120px}
/* end hide */

#boxRed496Top a, #boxRed496Top a:visited, #boxRed496Top a:hover {
	color: #fff;
}

#boxRed496Content p {
	margin-top: 0; 
	margin-bottom: 0;
}

/* ---------------------------------- */

#Col3 {
	clear: both;
	float: left;
	display: inline;
	width:759px;
	margin: 0;
	padding: 0 5px;	
}

#Col3 #box_243 {
	float:  left;
	display: inline;
	margin: 0 5px;
	padding: 0;
	width: 243px;
}

#boxRed243Top {
width: 223px;
height: 25px;
margin: 0 auto;
padding: 0px  0px 0px 20px;
background-image: url(../images/redtopsm.gif);
background-repeat: no-repeat;
background-position: bottom;
color: #fff;
font-weight: bold;
}

#boxRed243Bottom {
width: 243px;
height:20px;
margin: 0 auto;
padding: 0px 0px 0px 0px;
background-image: url(../images/red_243_foot.gif);
background-repeat:no-repeat;
}

#boxRed243Content {
width:223px;
margin: 0 auto;
padding: 0 10px;
background-image: url(../images/red_243_bgd.gif);
background-repeat: repeat-y;
min-height:120px;
margin-top: 0;
margin-bottom:: 0;
/*border: 1px solid #000;*/
/*height: 120px;*/
}
/* mac hide \*/
* html #boxRed243Content{height:120px}
/* end hide */

#boxRed243Top a, #boxRed243Top a:visited, #boxRed243Top a:hover {
	color: #fff;
}

#boxRed243Content p {
	margin-top: 0; 
	margin-bottom: 0;
}

/* ------------------------ */

#boxOrange243Top {
width: 223px;
height: 25px;
margin: 0 auto;
padding: 0px  0px 0px 20px;
background-image: url(../images/orange_243_top.gif);
background-repeat: no-repeat;
background-position: bottom;
color: #fff;
font-weight: bold;
}

#boxOrange243Bottom {
width: 243px;
height:20px;
margin: 0 auto;
padding: 0px 0px 0px 0px;
background-image: url(../images/orange_243_foot.gif);
background-repeat:no-repeat;
}

#boxOrange243Content {

width:223px;
margin: 0 auto;
padding: 0 10px;
background-image: url(../images/orange_243_bgd.gif);
background-repeat: repeat-y;
/*height: 120px;*/
min-height:120px;
margin-top: 0;
margin-bottom:: 0;
}
/* mac hide \*/
* html #boxOrange243Content{height:120px}
/* end hide */

#boxOrange243Top a, #boxOrange243Top a:visited, #boxOrange243Top a:hover {
	color: #fff;
}

#boxOrange243Content p {
	margin-top: 0; 
	margin-bottom: 0;
}

/* ------------------------ */

#boxGreen243Top {
width: 223px;
height: 25px;
margin: 0 auto;
padding: 0px  0px 0px 20px;
background-image: url(../images/green_243_top.gif);
background-repeat: no-repeat;
background-position: bottom;
color: #fff;
font-weight: bold;
}

#boxGreen243Bottom {
width: 243px;
height:20px;
margin: 0 auto;
padding: 0px 0px 0px 0px;
background-image: url(../images/green_243_foot.gif);
background-repeat:no-repeat;
}

#boxGreen243Content {
width:223px;
margin: 0 auto;
padding: 0 10px;
background-image: url(../images/green_243_bgd.gif);
background-repeat: repeat-y;
min-height:120px;
margin-top: 0;
margin-bottom:: 0;
/*height: 120px;*/
}
/* mac hide \*/
* html #boxGreen243Content{height:120px}
/* end hide */

#boxGreen243Top a, #boxGreen243Top a:visited, #boxGreen243Top243Top a:hover {
	color: #fff;
}

#boxGreen243Content p {
	margin-top: 0; 
	margin-bottom: 0;
}

/* --------------------------------------- floatfix -------------------------------- */


/* Fix's #container not clearing inner floats in firefox */
.floatfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

/* Hides from IE-mac \*/
* html .floatfix {
height: 1%;
}
/* End hide from IE-mac */

#separator {
	clear: both;
	float: left;
	display: inline;
	margin: 0;
	padding: 0;
	height: 10px;
}