/* Basic Formatting
================================== */

/* Zero down margin and padding on all elements */
* {
  margin: 0;
  padding: 0;
}

body {
  font: 60%/1.6 "Lucida Grande", "Lucida Sans", "Lucida Sans Unicode", Verdana, sans-serif;
  background: url(imagesNew/rock022.jpg) repeat;
}

h1 {
  font-size: 2.4em;
  font-weight: normal;
  color: #012D86;
}

h2 {
  font-size: 2.0em;
  font-weight: normal;
  color: #012D86;
}

h3 {
  font-size: 1.8em;
  font-weight: normal;
  color: #012D86;
}

p, li {
  font-size: 1.4em;
}

h1, h2, p {
  margin: 1em 0;
}

#branding h1 {
  margin: 0;
}

#secondaryContent p {
  font-size: 1.2em;
}

#footer {
  background-color:#b0b0b0;
  padding: 1px 20px;
}

/* Core Layout
================================= */

body {
  text-align: center; 
  min-width: 760px;
}

#wrapper {
  width: 775px; 
  margin: 0 auto; 
  text-align: left;
  background-color: #fff;
  border: 1px solid #000; 
}

#branding {
	width: 100%;
	/*content: ".";
	display: block;
	line-height: 1px;
	font-size: 1px;
	clear: both;
	background-color: #f3f3f3;*/
	background-image: url(imagesNew/header_01.jpg);
	background-repeat: repeat-x;
}

#tabs {
	float: right;
	width: 100%;
	background-image: url(imagesNew/tab_bg.jpg);
	background-repeat: repeat-x;
	padding-top: 4px;
}

#spacer {
	height: 800px;
	width: 1px;
	float: left;
}

#sideNav { 
  width: 25%;
  float: left;
}

#content { 
  width: 69%; 
  float: right;
  text-align:left;
  margin: 15px 15px 0 0;
  padding: 2em 0 0 1em;
  /*background-image: url(imagesNew/content_bg.jpg);
  background-repeat: no-repeat;
  background-position: 25% 20%;*/ 
}
 
#secondaryContent { 
  width: 25%;
  display: inline; /* :KLUDGE: Fixes IE double margin float bug */
  float: left;
  margin-top: 3%; 
} 

#footer { 
  clear: both; 
}

/* add some padding to the contentse in the main nav and secondary content areas */

#sideNav, #secondaryContent {
  padding-top: 20px;
  padding-bottom: 20px;
}

#sideNav *, #secondaryContent * { 
 padding-left: 20px;
 padding-right: 20px;
}

#sideNav * *, #secondaryContent * * { 
 padding-left: 0;
 padding-right: 0;
}

/* Tabs Menu 
===========================================================================*/
#navcontainer
{
margin: 0 auto;
padding: 0;
}

/* to stretch the container div to contain floated list
#navcontainer:after
{
content: ".";
display: block;
line-height: 1px;
font-size: 1px;
clear: both;
}
*/

ul#navlist
{
list-style: none;
padding: 0;
margin: 0 auto;
width: 75%;
font-size: 0.8em;
}

ul#navlist li
{
display: block;
float: left;
width: 15%;
margin: 0;
padding: 0;
}

ul#navlist li a
{
display: block;
width: 100%;
padding: 0.2em;
border-width: 1px;
border-color: #ffe #aaab9c #ccc #fff;
border-style: solid;
color: #FFF;
text-decoration: none;
background: #5b60a2;
}

#navcontainer>ul#navlist li a { width: auto; }

ul#navlist li#active a
{
color: #012d86;
background: #fff;
border-color: #aaab9c #fff #fff #ccc;
}

ul#navlist li a:hover, ul#navlist li#active a:hover
{
color: #5d6097;
background: #fff;
border-color: #aaab9c #fff #fff #ccc;
}

/* Side Menu 
===============================================================================*/
.buttonscontainer {
padding: 5px 0 15px 0px;
text-align: left;
}

.buttons a 
{
font: 13px Arial, sans-serif;
font-weight: bold;
color: #012D86;
border-bottom: 1px solid #FDEF2A;
padding: 2px;
text-decoration: none;
display: block;
margin: 0px;
width: 85%;
text-align: left;
}

.buttons a:hover 
{
font: 13px Arial, sans-serif;
font-weight: bold;
border-bottom: 3px solid #FDEF2A;
padding: 3px 1px 1px 4px;
color:  #5D6097;
text-decoration: none;
}

/* Side Nav 2
=============================================================================*/

#CastleLinks {
	width: 25%;
	float: left;
	}
#box {
margin: 5px 10px 5px 15px;
}
.boxNav {
background: url(imagesNew/bottom-left.gif) no-repeat left bottom;
}
.boxNav-outer {
background: url(imagesNew/bottom-right.gif) no-repeat right bottom;
padding-bottom: 10%;
}
.boxNav-inner {
background: url(imagesNew/top-left.gif) no-repeat left top;
}
.boxNav h2{
background: url(imagesNew/top-right.gif) no-repeat right top;
color: #012D86;
text-align: center;
padding: 5px 5px 0 5px;
}
.boxNav a 
{
font: 13px Arial, sans-serif;
color: #012D86;
border-bottom: 1px solid #ccc;
padding: 2px;
text-decoration: none;
display: block;
margin: 0px;
width: 94%;
text-align: center;
}

.boxNav a:hover 
{
font: 13px Arial, sans-serif;
border-bottom: 3px solid #ccc;
padding: 3px 1px 1px 4px;
color:  #5D6097;
text-decoration: none;
}

/* Footer
===================================================================== */
#ftr {
 width:775px;
 color: #000000;
 background-color:#FFFFFF;
 text-align: left;
 align: center;
 }

	#ftr span, #ftr h1 {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:9px;
	}
	
	#ftr a:link, #ftr a:visited, #ftr a:hover, #ftr a:active { 
	font-size:9px; 
	text-decoration: none; 
	color: #012D86;
	
	}
