body {
	margin: 0; 
	padding: 0; 
	font-family: verdana, geneva, helvetica, arial, sans-serif; 
	background-color: #FFFFFF;
	}
	
#header {
	background-color: #003366;
	border-bottom: 1px #FFFFFF solid;
	text-align: right;

	}
#header p {
	padding: 15px 15px 2px 25px;
	margin: 0;
	color: #FFFFFF;
	font-size: 90%;
	letter-spacing: 2px;
	}


	
h1 {
	margin:0;
	height: 72px;
	background-image: url(../graphics/centerpiece2.jpg); 
	background-position: top left; 
	background-repeat: no-repeat;
	background-color: #C5DBF1;
	}

.invis {
	display: none;
}

.style1 {
	display: none;
}

.alert {
	color: red;
}

body.secondary #centerpiece {
	height: 72px;
	background-image: url(../graphics/centerpiece2.jpg);
	}
	
/* Begin Primary Navigation */	
#navcontainer 
{
width: 100%;
float: left;
background-color: #003366;
border-top: 1px #FFFFFF solid;
}

#navcontainer ul li 
{ 
	display: inline;
}

#navcontainer ul
{
margin:0;
padding: 0 0 0 7%;
color: #FFFFFF;
font-family: verdana, geneva, helvetica, arial, sans-serif;
font-size: 70%;
letter-spacing: 2px;
}

#navcontainer ul li a
{
padding: 0.3em 12px;
background-color: #003366;
color: #FFFFFF;
text-decoration: none;
float: left; 
border-right: 1px solid #FFFFFF;
}

#navcontainer ul li a.curr {
	background-color: #FFFFFF;
	color: #003366;
}

#navcontainer ul li a:hover
{
background-color: #FFFFFF;
color: #003366;
}
/* End primary Navigation */

/* Begin Primary Content Container */
#maincontainer {
	clear: both;
	background-color: #FFFFFF;
	padding-top: 20px;
	padding-bottom: 30px;
	border-bottom: 1px #003366 solid;
	background-image: url(../graphics/topcorner.gif);
	background-repeat: no-repeat;
	background-position: top right;
	
	}

/* Begin Left Column */
#left {
	margin: 0 38% 20px 0;
	}



/* Begin Left Column Headings - note: when you add a new picture for a heading, you must add a class for it here.  Also, 
you must add the class below that calls the background-image */

#left h1 {
	color: #666699;
	
	}
	
#left h1 {	
	font-size: 180%;
	font-weight: normal;
	}

/* Begin H1 classes */		
.whatis, .database {
	background-position: top right;
	background-repeat: no-repeat;
	height: 102px;
	background-color: #FFFFFF;
	border-bottom: 2px #003366 solid;
	padding: 10px 186px 0 0;
	text-align: right;
	}
	
.whatis {
	background-image: url(../graphics/group1.jpg);
	}
	
.database {
	background-image: url(../graphics/data_design.jpg);
	}
/* End H1 classes */

#left h2 {
	font-size: 150%;
	color: #666699;
	}

/* Begin H2 classes */
.whatcan, .isthatall {
	margin-top: 2em;
	background-position: top right;
	background-repeat: no-repeat;
	height: 68px;
	background-color: #FFFFFF;
	border-bottom: 2px #003366 solid;
	padding: 10px 136px 0 0;
	text-align: right;
	font-weight: normal;
	}
	
.whatcan {
	background-image: url(../graphics/group2.jpg);
	}

.isthatall {
	background-image: url(../graphics/group3.jpg);
	}
/* End H2 classes */
	
h3 {
	font-size: 110%;
	font-weight: normal;
	color: #666699;
	margin-left: 30px;
	}
/* End Left Column Headings */


#left p {
	font-size: 80%;
	color: #333333;
	margin-left: 30px;
	margin-right: 30px;
	line-height: 1.5em;
	
	}

#left table {
	font-size: 80%;
	color: #333333;
	margin-left: 30px;
	margin-right: 30px;
	line-height: 1.5em;
	
	}
	
#left ul {
	margin-left: 60px;
	}
	
#left li {
	color: #333333;
	font-size: 80%;
	}
/* Emd Left Column */

/* Begin Right Column */
#right {
	position: absolute;
	top: 212px;
	left: 66%;
	height: 200px;
	width: 31%;
	}

#right h1, #right h2, #right h3, #right h4 {
	height: 25px;
	background-image: none;
	background-color: #ffffff;
	color: #666699;
	font-weight: normal;
	margin-bottom: 0;
	}

#right p, #right ul {
	margin-top: .7em;
	margin-bottom: .7em;
	font-size: 70%;
	}
	
#right h1 {
	font-size: 100%;
	}
#right h2 {
	font-size: 85%;
	}
#right h3 {
	font-size: 75%;
	}
#right h4 {
	font-size: 65%;
	}

body.index #right {
	top: 340px;
	}
/* End Right Column */

#footer p {
	margin: 0;
	padding: 5px;
	font-size: 65%;
	}