/* This is used for the positioning of the header and footer */
.rootblock
{
	display: block;
	margin-left: auto;
	margin-right: auto;
	width: 800px;
}

#page-container 
{
	width: 800px; 
	margin: 0px auto; 
	padding: 0px; 
	border-left: solid 1px #000066; 
	border-right: solid 1px #000066; 
	background-color:#FFFFFF;
}

.site-name  {
	clear: both; 
	float: left; 
	position: absolute; 
	z-index: 1; 
	width: 700px; 
	top: 30px; 
	margin: 0px; 
	padding-left: 14px; 
	background-color: transparent; 
	color: rgb(225,225,225); 
	font-weight: bold; 
	font-size: 24px;
}

.site-slogan  {
	float: left; position: absolute; z-index: 2; width: 11.7em; top: 2.1em; left: 16px; margin: 0px; padding: 0px 3px 1px 3px; background-color: transparent;	color: rgb(225,225,225); font-weight: bold; font-size: 14px;
}

#addheader 
{
}

#addheader .strapline
{
	float:right;
}

#addheader .logo
{
	float:left;
}

.img-header {
	clear: both; padding: 0px;
	display: block;
	margin-left: auto;
	margin-right: auto;
	width: 798px;
	border:1px solid #000066;
}

/* Paragraph text */
p {
   clear: left; margin: 0em 0px 0.5em 0px; padding: 0px; font-size: 130%;
}

.contentbox-title-shading {
  	margin: 0px; padding: 1px 0px 2px 3px; background-color: rgb(225,225,225); font-weight: bold; font-size: 150%;	
}

.content-font {
	font-size: 1.0em; line-height: 1.7em; color: rgb(110,110,110);
}

.contentbox-noshading {
	margin: 0px; padding: 0.7em 0px 0px 0px; background-color: transparent;
}

.sidebanner-frontpage {
	clear: both; float: left; width: 160px; margin: 0px; padding: 0px;
}

.img-sidebanner {
	width: 160px; margin: 0px; padding: 0px; border: none;
}

.box-on {
	float: left; width: 1.0em; margin-right: 0.2em; padding-left: 0.3em;
}

/* Defines areas in the root.master file that are not header and footer.  */
.contenttable
{
	/*background-image:url('/images/bgd.jpg');
	margin-left: auto;
	margin-right: auto;
	width: 800px;*/
	width: 800px; 
	margin: 0px; 
	padding: 0px; 
	border-left: solid 1px #000066; 
	border-right: solid 1px #000066; 
	background-color:#FFFFFF;
}

/* Defines areas in the root.master file that are not header and footer.  */
.roottable
{
	/*background-image:url('/images/bgd.jpg');*/
	margin-left: auto;
	margin-right: auto;
	width: 800px;
	border-left: solid 1px #000066;
	border-right: solid 1px #000066; 
}

/* Defines the copyright area.  */
.copyrighttable
{
	/*background-image:url('/images/bgd.jpg');*/
	margin-left: auto;
	margin-right: auto;
	width: 800px;
	padding:10px;
	border-top:solid 2px #000000;
}

/* Defines the copyright area.  */
.footerblock
{
	/*background-image:url('/images/bgd.jpg');*/
	margin-left: auto;
	margin-right: auto;
	width: 800px;
}

/* Used to define page title within the page */
.roottitle
{
	float: left;
	margin-left: 2em;
	margin-top: 0.8em;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 12px;
	font-weight: bold;
}

/* Defines the breadcrumb */
.rootbreadcrumb {
	font: 90% Arial, Helvetica, Georgia, "Times New Roman", Times, serif;
	color: #3366FF;
	background-color: transparent;
	float: right;
	margin-right: 2em;
	margin-top: 0.8em;
	font-weight:bold;
}

/* Describes the link to the Admin area */
.adminlink {
	font: 90% Arial, Helvetica, Georgia, "Times New Roman", Times, serif;
	color: #3366FF;
	background-color: transparent;
	float: right;
	margin-right: 2em;
	font-weight:bold;
}

/************* MENU ************/

#menu {
	width: 100%;
	margin: 0px auto;
	padding: 5px 0px 5px 0px;
    background-color: #999933;
    color: #FFFFFF;
    float: left;
}

#menu ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
}

#menu li {
	display: inline;
}

#menu a {
	padding: 5px 15px;
	/*text-transform: uppercase;*/
	text-decoration: none;
	font-size: 12px;
	color: #ffffff;
}

#menu a:hover 
{
	color: #ffffff;
	background-color: #0063AA;
}

/* Vertical Navigation */

#verticalnavigation 
{
	vertical-align:top;
    width: 115px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
	float:left;
	position:relative;
	font-weight:bold;
}

#verticalnavigation ul {
      list-style: none;
      padding: 0;
}

#verticalnavigation li {
      border-bottom: 1px solid #000066;
}

#verticalnavigation li a:link, #verticalnavigation li a:visited  {
      display: block;
      padding: 5px 5px 5px 0.5em;
      border-left: 0px solid #000066;
      border-right: 0px solid #000066;
      background-color: white;
      color: #3366FF;
      text-decoration: none;
}

#verticalnavigation li a:hover {
      background-color: #333399;
      color: #FFFFFF;
}

#verticalnavigation ul ul {
      margin-left: 12px;
}

#verticalnavigation ul ul li {
      border-bottom:1px solid #000066;
      margin:0;
}

#verticalnavigation ul ul a:link, #verticalnavigation ul ul a:visited {
      background-color: white;
      color: #5a7b01;
}

#verticalnavigation ul ul a:hover {
      background-color: #f0f8cf;
      color: #5a7b01;
}

/* Content */

#RootContent p {
	/*font-size: 80%;
	line-height: 1.6em; */
}

#RootContent 
{
	/*font: 0.9em/1.3em "bitstream vera sans", verdana, sans-serif;*/
	text-align: left;
	z-index: 2;
	min-height: 100%;
	padding-left: 15px;
	padding-right: 15px;
}

#RootContent a {
		text-decoration: none;
		color: #3366FF; }

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


/* These definitions are used for forms where there is a tag followed by a control on a line */

div.row {
  clear: both;
  padding-top: 5px;
  }

div.row span.label {
  float: left;
  width: 100px;
  text-align: right;
  }

div.row span.control {
  float: right;
  width: 500px;
  text-align: left;
  }
  
div.row span.error {
  float: right;
  width: 500px;
  text-align: left;
  color: Red;
  font-weight: bold;
  }

/*----------------------------------*/
/* Section 10.5 - Background colors */
/*----------------------------------*/

/* Basic Colors */
.bg-white {
	background-color: rgb(255,255,255);
}

.bg-black {
	background-color: rgb(0,0,0);
}

/* Grey */
.bg-grey01 {
	background-color: rgb(242,242,242);
}

.bg-grey02 {
	background-color: rgb(230,230,230);
}

.bg-grey03 {
	background-color: rgb(217,217,217);
}

.bg-grey04 {
	background-color: rgb(204,204,204);
}

.bg-grey05 {
	background-color: rgb(191,191,191);
}

.bg-grey06 {
	background-color: rgb(178,178,178);
}

.bg-grey07 {
	background-color: rgb(153,153,153);
}

.bg-grey08 {
	background-color: rgb(127,127,127);
}

.bg-grey09 {
	background-color: rgb(89,89,89);
}

.bg-grey10 {
	background-color: rgb(51,51,51);
}

/* Yellow */
.bg-yellow01 {
	background-color: rgb(254,252,232);
}

.bg-yellow02 {
	background-color: rgb(253,249,201);
}

.bg-yellow03 {
	background-color: rgb(253,246,185);
}

.bg-yellow04 {
	background-color: rgb(252,243,162);
}

.bg-yellow05 {
	background-color: rgb(251,239,139);
}

.bg-yellow06 {
	background-color: rgb(250,236,116);
}

.bg-yellow07 {
	background-color: rgb(249,233,93);
}

.bg-yellow08 {
	background-color: rgb(249,230,69);
}

.bg-yellow09 {
	background-color: rgb(248,227,46);
}

.bg-yellow10 {
	background-color: rgb(247,224,23);
}

/* Blue */
.bg-blue01 {
	background-color: rgb(238,237,249);
}

.bg-blue02 {
	background-color: rgb(222,220,242);
}

.bg-blue03 {
	background-color: rgb(205,202,236);
}

.bg-blue04 {
	background-color: rgb(189,185,229);
}

.bg-blue05 {
	background-color: rgb(172,167,223);
}

.bg-blue06 {
	background-color: rgb(155,149,217);
}

.bg-blue07 {
	background-color: rgb(139,132,210);
}

.bg-blue08 {
	background-color: rgb(122,114,204);
}

.bg-blue09 {
	background-color: rgb(106,97,197);
}

.bg-blue10 {
	background-color: rgb(89,79,191);
}

/* Green */
.bg-green01 {
	background-color: rgb(237,246,229);
}

.bg-green02 {
	background-color: rgb(220,238,204);
}

.bg-green03 {
	background-color: rgb(202,229,178);
}

.bg-green04 {
	background-color: rgb(185,220,153);
}

.bg-green05 {
	background-color: rgb(167,211,127);
}

.bg-green06 {
	background-color: rgb(149,203,102);
}

.bg-green07 {
	background-color: rgb(132,194,76);
}

.bg-green08 {
	background-color: rgb(114,185,51);
}

.bg-green09 {
	background-color: rgb(97,177,25);
}

.bg-green10 {
	background-color: rgb(79,168,0);
}

/* Red */
.bg-red01 {
	background-color: rgb(252,235,233);
}

.bg-red02 {
	background-color: rgb(248,216,211);
}

.bg-red03 {
	background-color: rgb(245,196,188);
}

.bg-red04 {
	background-color: rgb(242,177,166);
}

.bg-red05 {
	background-color: rgb(238,157,144);
}

.bg-red06 {
	background-color: rgb(235,137,122);
}

.bg-red07 {
	background-color: rgb(232,118,100);
}

.bg-red08 {
	background-color: rgb(229,98,77);
}

.bg-red09 {
	background-color: rgb(225,79,55);
}

.bg-red10 {
	background-color: rgb(222,59,33);
}