body {
color:#000;background-color:#d5d6d7;
text-align:center;
padding:0px 0;margin:0;}

/* ----- CONTAINER DIV ----- */

#top {
color:#000;background:#fff;
width:740px; height:auto;
padding:0;margin:0px auto;
text-align:left;}
/* OVERFLOW HIDDEN WAS ADDED BECAUSE OF IE PC'S RENDERING BUG WITH EM TAGS - IT WAS WRITTEN WITH A HACK BECAUSE IE MAC HAS AN OVERFLOW BUG */
#top {
\overflow:hidden;
o\verflow:visible;}

/* ----- MAIN HEAD BACKGROUND ----- */

#head {

background:#3C76B2;
width:740px;height:100px;
padding:0px;margin:0px;
text-align:center;}

#head .print {
display:none;}

#head img {
	border: 0px;
	margin: 0px;
	padding: 0px;
}

/* ----- PRIMARY NAVIGATION ----- */

#prinav {
color:#fff;background:#3C76B2 top center no-repeat;
width:740px;
height:27px;
padding:0px 0px 0px 0px;margin:0px;
text-align:center;}
/* SIMPLE BOX MODEL HACK FOR IE */
#prinav {
\width:740px;
w\idth:720px;}

/* ----- CONTENT CONTAINER ----- */

#content {
padding:0;margin:0;
background: #fff;
height: 380px; 
color: blue;
overflow: auto;
}

#content p {
padding:0;margin:0 10px 10px 10px;}

#content h3 {
margin:20px 0 10px 0;}

#content .mainheader h3 {
padding:0;margin:0;}

#content li {
padding:0;margin:0 10px 10px 10px;}

#content dl {
padding:0;margin:10px;}

#content dt {
color:#333;background-color:#f7f7f7;
padding:5px;border-bottom:2px solid #ccc;margin:0 0 10px 0;}

#content dd {
padding:0;margin:0 0 15px 0;}

/* ----- FRAMECONTAINER CONTAINER ----- */

#framecontainer {
padding:0;margin:0;
background: #fff;
height: 380px; 
color: blue;
overflow: hidden;
}
/* ----- Table boxes for input forms ----- */
#tbleft {
	width: 50%;
	float: left;
	
	}
#tbright {
	width: 50%;
	float: right;
	
	}	

/* ----- Table boxes for input forms ----- */
#dirleft {
	width: 30%;
	float: left;	
	}
#dirright {
	width: 65%;
	float: right;
	}	
#dirright td{
	color: Black;
	font-size: 75%;
}
/* ----- BREADCRUMB NAVIGATION ----- */

#breadcrumb {
display:block;
color:#666;background-color:transparent;
padding:0 0 10px 0;margin:0 0 0 0px;
font-size:75%;}

#breadcrumb hr {
padding:0px 0 0 0;margin:0;}
/*
#breadcrumb li {
display:inline;
list-style:none;
padding:0;margin:0;
font-family:Arial,Helvetica,sans-serif;}
*/
#bottomlinks {
clear:both;
color:#666;background-color:transparent;
padding:2px 0;margin:0 10px;}

#bottomlinks ul {
padding:10px 0 0 0;margin:0;}

#bottomlinks li {
display:inline;
list-style:none;
padding:0;margin:0;
font-size:75%;
/*font-family:Arial,Helvetica,sans-serif;*/}
/* ----- FOOT ADDRESS AND COPYRIGHT ----- */

#foot {
text-align: center;
color:#fff;background: #3C76B2;
padding:2px 10px;border:none;margin:0;
font-size:75%;}

#foot p {
/*font-family:Arial,Helvetica,sans-serif;*/}

#foot a {
color:#fff;background-color:transparent;}

#foot a:hover {
color:#fc0;background-color:transparent;}

#copyright {
float:right;width:150px;
padding:0;margin:0;
text-align:right;}
/**/
/* ----- PROMO BOXES USED ON HOME AND OTHER TOP LEVEL PAGES ----- */

.promos {
padding:0;margin:0;}

.promofloat {
float:left;
width:260px;
padding:0 0 0 10px;margin:0;}
/* SIMPLE BOX MODEL HACK FOR IE */
.promofloat {
\width:270px;
w\idth:260px;}

.promofloatwide {
float:left;
width:400px;
padding:0 0 0 10px;margin:0;}
/* SIMPLE BOX MODEL HACK FOR IE */
.promofloatwide {
\width:410px;
w\idth:400px;}

.promofloatfull {
float:left;
width:700px;
padding:0 0 0 10px;margin:0;}
/* SIMPLE BOX MODEL HACK FOR IE */
.promofloatfull {
\width:710px;
w\idth:700px;}

#p1 , #p3 {
width:233px;}
/* SIMPLE BOX MODEL HACK FOR IE */
#p1 , #p3 {
\width:243px;
w\idth:233px;}

#p2 {
width:232px;}
/* SIMPLE BOX MODEL HACK FOR IE */
#p2 {
\width:242px;
w\idth:232px;}

.promofloat h4, .promofloatwide h4, .promofloatfull h4 {
background-color:#eee;
padding:3px;border-top:2px solid #ccc;margin:0 0 10px 0;
font-family:"Times New Roman",Times,serif;
text-transform:uppercase;
font-size:80%;
font-weight:normal;
text-align:center;
letter-spacing:2px;
text-indent:2px;}

.promofloat p, .promofloatwide p, .promofloatwide li .promofloatfull li {
font: 75%/150% Georgia,"Times New Roman",Times,serif;
padding:0;margin:0;}

.promofloat h4 a, .promofloatwide h4 a {
display:block;
text-decoration:none;}

.promofloat h4 a:hover, .promofloatwide h4 a:hover {}

.promofloat img {
padding:0;margin:5px 5px 5px 0;}

.framedphoto {
background-color:#f7f7f7;
padding:10px;border:1px solid #ccc;margin:10px;}

.clear {
clear:both;
height:0;line-height:0;
padding:0;margin:0;}

.clearleft {
clear:left;
height:0;line-height:0;
padding:0;margin:0;}

.clearright {
clear:right;
height:0;line-height:0;
padding:0;margin:0;}