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

  common styles - shared by all the nucleus family

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

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

  General layout

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

body {

	font-family: verdana, arial, sans-serif;
	font-size: 75%;
	color: #000;
	margin: 0 0 10px 0;
	padding: 0;
}



.hidden {

	display: none;

}



.clear {

	clear: both;

}



img {

	border:0;

}



a:link {

	color:#003399;

}



a: hover, a:active {

	color:#0001FF;

}



a:visited {

	color: #663399;

}



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

  Header

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

#header {
	position: relative;
	width: 728px;
	height: 75px;
	background: transparent url(bgheader.gif) no-repeat;
	margin: 23px auto 10px auto;

}



/* CSS image replacement technique */

h1.logo {

	position: relative;

	height: 40px;

	font-size: 1px;

	color: #F1F1F1;

	padding:16px 0 0 25px;

	border-bottom: 0;

}

.logo span {

	position: absolute;

	width: 100%;

	height: 100%;

}

a.logo:link,a.logo:hover,a.logo:active,a.logo:visited {

	text-decoration:none;

	color:#F1F1F1;

	cursor: hand;

}



/* Navigation tabs */

#navigation {

	position: absolute;

	top: 0;

	left: 270px;

	width: 407px;

	height: 75px;

	background: #CFCFCF;

	margin: 0;

}

#navigation ul {

	list-style: none;

	list-style-image: none;

	padding: 0;

	margin: 0;

}

#navigation li {

	background: none;

	padding: 0;

	margin: 0;

}

.nav1 a:link, .nav1 a:visited,

.nav2 a:link, .nav2 a:visited,

.nav3 a:link, .nav3 a:visited,

.nav4 a:link, .nav4 a:visited,

.nav5 a:link, .nav5 a:visited {

	display: block;

	position: absolute;

	top: 0;

	height: 75px;

	color: #595959;
	font-weight: bold;

	text-align: center;

	text-decoration: none;

	line-height: 86px;

	padding: 0;

	margin: 0;

}

.nav1 a:hover, .nav1 a:active,

.nav2 a:hover, .nav2 a:active,

.nav3 a:hover, .nav3 a:active,

.nav4 a:hover, .nav4 a:active,

.nav5 a:hover, .nav5 a:active {

	background-position: 0 -86px;

	color: black;

}



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

  Footer

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

.footer {

	width: 728px;

	margin: 0 auto 0;

	border-top: 10px solid #FFF;

}

.footer p {

	text-align: center;

	margin: 0;

	padding: 0;

}



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

  Rounded corners - thin border line

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

.rbtop         { background: transparent url(c1_top.gif) repeat-x; }

.rbtop div     { background: transparent url(c1_top_left.gif) no-repeat top left; }

.rbtop div div { background: transparent url(c1_top_right.gif) no-repeat top right; }

.rbbot         { background: transparent url(c1_bottom.gif) repeat-x; }

.rbbot div     { background: transparent url(c1_bottom_left.gif) no-repeat top left; }

.rbbot div div { background: transparent url(c1_bottom_right.gif) no-repeat top right; }

.rbcontentwrap { background: transparent url(c1_left.gif) repeat-y; }

.rbcontent     { background: transparent url(c1_right.gif) repeat-y right; }

/* height and width stuff, width not really necessary. */

.rbtop div, .rbtop, .rbbot div, .rbbot {

	width: 100%;

	height: 7px;

	font-size: 1px; }

div.rbbot {
	margin-bottom:	10px;
}

.rbcontent  { padding: 15px 20px 1px; margin: 0;  }

.rbroundbox { width: 728px; margin:0 auto; }



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

  Rounded corners - gray background

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

.gray_box { background: #F1F1F1; }

.gray_box .rbtop		{ background: transparent url(c2_top_right.gif) no-repeat top right; }

.gray_box .rbtop div	{ background: transparent url(c2_top_left.gif) no-repeat top left; }

.gray_box .rbbot		{ background: transparent url(c2_bottom_right.gif) no-repeat bottom right; }

.gray_box .rbbot div	{ background: transparent url(c2_bottom_left.gif) no-repeat bottom left; }

/* height and width stuff, width not really necessary. */

.gray_box .rbtop, .gray_box .rbtop div, .gray_box .rbbot, .gray_box .rbbot div {

	width: 100%;

	height: 5px;

	font-size: 1px; }



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

  Three gray rounded boxes

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

#boxes {

	position: relative;

	width: 728px;

	margin: 10px auto 0;

}

.boxdiv {

	margin: 0 10px;

}

.boxdiv a:link, .boxdiv a:active, .boxdiv a:hover, .boxdiv a:visited {

	color: #444;

	text-decoration: none;

}

.boxdiv a:hover {

	color: #000;

	text-decoration: underline;

}

#box1, #box2, #box3 {

	float: left;

	width: 232px;

	background: transparent;

	padding: 0;

	margin: 0 16px 0 0;

}

#box3 {

	float: right;

	margin: 0;

}

#box1 h2, #box2 h2, #box3 h2 {

	color: #397078;

	font-size: 15px;

	padding: 4px 0 0 0;

	margin: 0px;

}