html, body {
	font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
	color: #737373;
	font-weight: normal;	
	background: #ffffff;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	}
#wrapper {
	width: 100%;
	height: auto;
	margin-left: auto;
	margin-right: auto;
	padding: 0;
	bottom: 0;
	overflow: hidden;
}
#container {
	width: 704px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	background: #ffffff;
	margin-top: 10px;
	margin-bottom: 20px;
    margin-left: auto; /* the auto margins (in conjunction with a width) center the page */
	margin-right: auto; /* the auto margins (in conjunction with a width) center the page */
	padding: 0;	
	text-align: left; /* this overrides the text-align: center on the body element. */
	}
#header {
	background: #ffffff; 
	padding-top: 10px; 
	padding-bottom: 0px;
	padding: 0;
	margin-left: auto; /* the auto margins (in conjunction with a width) center the page */
	margin-right: auto; /* the auto margins (in conjunction with a width) center the page */
	width: 704px;
	height: 302px;
}
h1 { 
    font-size: 24px;
	 padding: 0; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
	line-height: 28px;
}
h1.top { 
    color: #000000;
	font-family: Cambria, Georgia, Times, Times New Roman, serif;
    font-size: 24px;
	text-align: center;
	padding: 0; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
	line-height: 28px;	
}
h2 { 
    font-size: 1.5em;
	line-height: 1em; 	
	}
h2 {
    font-family: Tahoma, Verdana, Geneva;
	font-size: 16px;
	color: #e192c8;
    font-style: normal;
	line-height: normal;
	font-weight: bold; 
	margin-bottom: 5px;
	margin-top: 5px;
	}
h3 { 
    font-family: Tahoma, Verdana, Geneva;
	font-size: 14px;
	color: #6D8AD1;
    font-style: normal;
	line-height: normal;
	font-weight: bold; 
	margin-bottom: 5px;
	margin-top: 5px;
	}
h3.special {
    color: #3c7dc4;
	margin-bottom: 2px;	
	}
h4 { 
    font-size: 1em; 
}
h4.title {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
	color: #737373;
	font-weight: bold;
	font-style: italic;
	margin-top: 0;
	margin-bottom: 3px;
	}
h5 { 
    font-size: .83em;
}
h6 { 
    font-size: .75em; 
}
#mainContent {
	padding: 0;
	background: #ffffff;
	width: 704px;
	margin: 0;
	padding-left: 0;
	padding-right: 0;
	height: auto;
	text-align: left;
}
#footer {
	padding: 0;
	margin: 0 auto 0 auto; 
	background-color: #E2E3DB;
	width: 704px;
	height: 80px; 
	text-align: center;	
	font-size: 12px;
}
#footerbox {  
	margin: 0 auto 0 auto;  
	width: 684px;
	height: 80px;
	background-color: #ffffff;
	text-align: center;	
	padding-left: 10px;
	padding-right: 10px;	
	}

#footer p {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding:0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
}
/* LINK STYLES */
a:link { text-decoration: underline; font-style: italic; color: #737373; font-size: 11px; }
a:hover { text-decoration: underline; font-style: italic; color: #990000; font-size: 11px; }
a:visited { text-decoration: underline; font-style: italic; color: #4b4b4b; font-size: 11px; }
a:active { text-decoration: underline; font-style: italic; color: #737373; font-size: 11px; }

a.ftr:link { text-decoration: none; color: #737373; font-size: 11px; }
a.ftr:hover { text-decoration: underline; color: #990000; font-size: 11px; }
a.ftr:visited { text-decoration: none; color: #4b4b4b; font-size: 11px; }
a.ftr:active { text-decoration: none; color: #737373; font-size: 11px; }

#navtop {     
     background-color: #3c3c3c;
	 width: 714px;
	 height: 35px;
	 margin-bottom: 0;
	 margin-top: 0;
	 } 

.boxmain{	
	width: 704px;
	padding-bottom: 0;
	float: left;	
	height: auto;
	background-color: #fff;	
       }
.innerboxleft  {
        width: 183px;
        height: auto;
        border: 1px solid #cccccc;
        margin-left: 0;
        margin-right: 2px;
	    padding: 5px;        
		float: left;		 
		overflow: hidden;			 	 
		}
.innerboxright {
        width: 492px;
        height: auto;
        border: 1px solid #cccccc;
        margin-left: 2px;
        margin-right: 0;
	    padding: 5px;	        
		float: left;		 
		overflow: hidden;			 	 
		}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
img.arrow {
    position: absolute;
	margin-top: 100px;
	margin-left: 700px;
	padding: 0;
	width: 300px;
	height: 277px;
	z-index: 300;
	}
li.menuitem {
    border-right: none;
	border-top: none;
	border-left: none;
	border-bottom: none;	
	}
hr {
    width: 100%;
	text-align: center;/*this will align it for IE*/
     margin: 5px auto auto 5px; /*this will align it left for Mozilla*/
	 height: 1px;	 
	 color: #cccccc;
	 background-color: #cccccc;
	 border: 0px;
	 overflow: hidden;
	 font-size: 0;
	 }
hr.pinkline {
    width: 705px;
	text-align: left;/*this will align it for IE*/
     margin: 0; /*this will align it left for Mozilla*/
	 height: 3px;
	 color: #d982be;
	 }
a.whitesmall:link { text-decoration: none; color: #ffffff; font-size: 12px; }
a.whitesmall:hover { text-decoration: underline; color: #ffffff; font-size: 12px; }
a.whitesmall:visited { text-decoration: underline; color: #ffffff; font-size: 12px; }

.copyright {
   font-size: 10px;
   color: #8C8C8C;
   line-height: 18px;
     }
 /* FONT STYLES */
.stylebluemain {
    font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #6D8AD1;
    font-style: normal;
	line-height: normal;
	font-weight: bold; 
    }
.picture {  
	 font-size: 9px;
	line-height: 15px;
	font-weight: bold;
	color:#800080;
	text-align: justify;	
	margin: 0 0.5em 0.5em 0.5em;
	padding-right: 1.6em;	
 } 
.picture img {
vertical-align:middle;
 margin-bottom: 10px;
 margin-right: 10px; 
 float: left;
} 
.right { margin: 0.5em 0pt 0.5em 0.8em; float:right; } 
.left { margin: 0.5em; float:left; width: 50%; }