body {

	background-image: url(images/Background.jpg);
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}

body,td,th {

	font-family: 100% Verdana, Arial, sans-serif;
	font-size: 12px;	
	margin: 0px;
	color: #000;
	padding: 0px; 
	letter-spacing: 1px;
}

a {

	font-size: 12px;
	color: #0030ff;
}

a:link {

	text-decoration: none;
}

a:visited {

	text-decoration: none;
	color: #990000;
}

a:hover {

	text-decoration: none;
	color: #990000;
}

a:active {

	text-decoration: none;
	color: #990000;
}

.style1 {

	font-size: 14px
	color: #C65049;
	font-weight: bold;
}

/* CELL bacground once*/
.background1 { 
background-image: url(DMAimages/NEWS.gif); 
background-repeat: no-repeat; 
}

.background2 { 
background-image: url(DMAimages/CONTENT.gif); 
background-repeat: no-repeat; 
}


/*
COMMON --------------------- */

hr {
	display: none;
}

p {
	margin-left: 7px;
    margin-right: 7px;
	padding-top: 0.2em; 
	line-height: 120%;

}

/* time and date style*/
#meta {
	margin: 0 0; 
	font: Verdana, Arial, sans-serif;
	font-size: 9px; 
	color: #777; 
	padding: 0px; 
	text-transform: uppercase; 
	letter-spacing: 1px;
}

#meta p {
	display: block; 
	float: left; 
	padding-top: 0; 
	font-family: Verdana, Arial, sans-serif; 
	color: #777;
}

#meta span {
	display: block; 
	float: center; 
	line-height: 140%;
}

#navcontainer {
	float: left; 
	width: 50%; 
	margin-top: 0px;
	background: #000000
}

ul#nav {
	margin: 0; 
	padding: 0; 
	list-style: none;
	background: #000000
}


h1 {
font: 80% Times New Roman, Helvetica, sans-serif;
	font-size: 22px;
	color: #000;
	margin-left: 7px;
    margin-right: 7px;
	font-weight: bold;
	display: inline;
}

.style2 {
	font: Verdana, Arial, sans-serif;
	color: #ABBD24;
	font-size: 14px;
	font-weight: bold;
}
.style3 {
	font: Verdana, Arial, sans-serif;
	color: #ffffff;
	font-size: 10px;
	font-weight: none;
	}
.style4 {
	font: Verdana, Arial, sans-serif;
	color: #666;
	font-size: 10px;
	font-weight: none;
	}
	
.style5 {
	font: Helvetica, sans-serif;
	font-size: 100%;
	color: #48546A;
	font-weight: bold;
	display: inline;
	margin: 10px 5px 0 5px;
	padding: 2px;
	background: #F6CE45;
	
	}
.style6 {
	font: Verdana, Arial, sans-serif;
	color: #000;
	font-weight: bold;
	display: inline;
	font-size: 100%;
	margin: 0px 0px 0 0px;
	padding: 2px;
	background: #FFF;
	}
.style7 {
	font-family: 100% Verdana, Arial, sans-serif;
	font-size: 16px;
	font-weight: bold;	
	margin: 0px;
	color: #000;
	padding: 0px; 
	letter-spacing: 1px;
	
	}
	.style8 {
	font-family: 100% Verdana, Arial, sans-serif;
	font-size: 14px;
	font-weight: bold;	
	margin: 0px;
	color: #000;
	padding: 0px; 
	letter-spacing: 1px;
	
	}
	.style9 {
	font: Verdana, Arial, sans-serif;
	color: #993300;
	font-size: 10px;
	font-weight: none;
	}
/* box is the shaded area that holds a rounded corner box or flat box, fitting the given width of the column it is in. Usually combined with another class to control inner elements, eg box default */

.box {
margin: 15px 0 0 0;
padding: 5px 0 5px 0;
background:url(diags.gif);
}

/* Styling of the boxes if there is no JavaScript support */

.cbb {
margin: 0 10px 0 10px;
background: #FFF;
padding: 5px 0 5px 0;
line-height: 170%;
}	

/* form styling - not much though kids */

form {
margin: 0;
padding: 0;
font-size: 80%;
}

fieldset {
width: 146px;
border: 0;
margin: 0 0 10px 0;
padding: 5px;
}

.default fieldset {
width: auto;
border: 0;
margin: 10px 0 10px 50px;
padding: 0;
}

legend {
text-transform: uppercase;
font-size: 110%;
font-weight: bold;
margin: 10px 0 2px 0px;
padding: 2px;
background: #D72E2E;
color: #FFF;
}

.default legend {
display: none;
}

label {
display: none;
}

.default label {
display: block;
font-weight: bold;
}

input {
margin-top:0;
padding: 2px;
border: 0;
background: #D7E7E9;
color: #333;
}

textarea {
margin-top:0;
padding: 2px;
border: 0;
background: #D7E7E9;
color: #333;
}

.default input {
display: block;
}

input.submit {
	border: 0;
	margin-bottom: -6px;
padding: 2px;
	background: transparent;
	font-size: 10px;
}