/***** Page *****/

body {
  background: #464444 ;  
  font:70% Verdana,Tahoma,Arial,sans-serif;
  margin:0;
  padding:0;
  color:#333;
}

#wrapper {
  color:#000000;
  background:#ffffff;
  width:960px;
  margin:0 auto;
  padding:0;
}

/* header */
#header {
	position: relative;
    height:200px;
    background: #000 url(images/blubanner.gif) repeat-x 0% ;	
}

/***** Navigation *****/

#navigation ul, #navigation li {
  margin:0;
  padding:0;
}

#navigation {
  font-size:1em;
  background:#22265c;
  height:2em;
  line-height:2em;
  color:#fff;
}

#navigation li{
  
  list-style-type:none;
  white-space:nowrap;
  float:left;
}

#navigation li a{
  display:block;
  /*font-weight:bold;*/
  /*text-transform:uppercase;*/
  text-decoration:none;
  background:inherit;
  color: #fff;
  float:left;
  padding:0 10px 0 10px;
}

#navigation .selected, #navigation a:hover{
  background:#307aa7;
  color:#fff;
}


/* headers */
h1, h2, h3 {
	font: bold 1em  Arial, Sans-serif;
	color: #333;	
}
h1 { font-size: 2em; color: #22265c; } 
h2 { font-size: 1.4em;}
h3 { font-size: 1.3em; }

p, h1, h2, h3 {
	margin: 10px 15px;
}
ul, ol {
	margin: 10px 30px;
	padding: 0 15px;
	color: #4284B0;
}
ul span, ol span {
	color: #666666; 
}

/***** Main *****/

#main {
  width:950px;
  padding:10px;
}

/***** Content *****/

#content {
  float:left;
  width:720px;
  padding:5px 5px 5px 5px;
}


#content h2 {
  text-align:left;
  font-size:1.2em;
  margin:0px 0 0 0;
  padding:10px 5px 0 5px;
  color:inherit;  
}

#content p {
padding-left:10px;
padding-right:10px;
margin:10px 5px 10px 5px;
}

#content a {
text-decoration:none;
}

#content a:hover {
text-decoration:underline;
}


/***** Footer *****/

#footer {
  font-size:.9em;
  background:#22265c;
  clear:both;
  padding:0;
  line-height:1.8em;
  height:1.8em;
  color:#fff;
  text-align:center;
}

#footer a {
color:#fff;
text-decoration:none;
}

#footer a:hover {
text-decoration:underline;
}