/*-------------------------------------------------
  common styles - shared by all the nucleus family
--------------------------------------------------*/
/*-------------------------------------------------
  General layout
-------------------------------------------------*/
body {
	font-family: verdana, arial, sans-serif;
	font-size: small;
	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: 710px;
	height: 75px;
	background: transparent url(bgheader.gif) no-repeat;
	font-size: 11px;
	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-size: 11px;
	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: 710px;
	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; min-heigth:1034px; }
.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; }
.rbcontent  { padding: 15px 20px 1px; margin: 0;  }
.rbroundbox { width: 710px; 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: 710px;
	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: 226px;
	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 10px;
	margin: 0 0 3px 0;
}