/* <!-- */

/* General styles */

body {

    margin:0;

    padding:0;

    border:0;			/* This removes the border around the viewport in old versions of IE */

    width:100%;

    background-color:#CCCCCC;

    font-size:85%;

    text-align:center;

    /*font-family: Verdana, Arial, Helvetica, sans-serif;*/

    /*font-family: Arial, Helvetica, sans-serif  ;*/

    font-family: "Lucida Sans", "Lucida Grande", Lucida, sans-serif;

    background-image: url(../images/bkrnd_gradient.jpg);

    background-repeat: repeat-x;

    color:#663300;

}



#fixed {

    margin:0 auto;

    width:800px;   /* you can use px, em or % */

    text-align:center; /*centers all the text in the page for the fixed layout*/

}



a {

    /*color:#369;*/

}



a:hover {

    color:#660000;

    /*background:#369;*/

    text-decoration:none;

}



h1, h2, h3 {

    margin:.8em 0 .2em 0;

    padding:0;

    color:#660000;

    

}

h4

{

    color:Black;

}



h1 {

  /*font: bold 330%/100% "Lucida Grande";*/

  position: relative;

  color: #464646;

}

h1 span {

  background: url(../images/gradient-glossy.png) repeat-x;

  position: absolute;

  display: block;

  width: 100%;

  height: 31px;

}



img {

    border-style: none;

    border-color: inherit;

    border-width: 0;

    background-color:Transparent;

    background-position:bottom;

    

}



p {

    /*margin:.4em 0 .8em 0;*/

    padding:0;

    text-align: center;

}



/* Header styles */

#header {

    clear:both;

    float:left;

    width:100%;		

    background-repeat:no-repeat;

    /*background-position: 152px 0px;	*/

    background-color:transparent;

    /*background-image:url(../images/rbc_header.gif);*/

    /*background-image:url(../images/rbc_header_001.gif);*/

    background-image:url(../images/rbc_header_002.png);

    height:125px;

    border-bottom:1px solid #000;

}



#slogan{

    color:#660000;

    font-style:italic;

    font-size:150%;

    padding-top:30px;

    padding-left:250px; /*top right bottom left*/

    background-color:Transparent;

}



#header p,

#header h1,

#header h2 {

    /*padding:.4em 15px 0 15px;*/

    /*text-align:right;*/

    /*text-align:center;*/

    color:#660000;

    margin:0;

}

#header ul {

clear:left;

float:left;

width:100%;

list-style:none;

margin:10px 0 0 0;

padding:0;

background-color:Navy;

border:1px solid Red;

border-color:Red;

}

#header ul li {

display:inline;

list-style:none;

margin:0;

padding:0;

}

#header ul li a {

display:block;

float:left;

margin:0 0 0 1px;

padding:3px 10px;

text-align:center;

background:#eee;

color:#000;

text-decoration:none;

position:relative;

left:15px;

line-height:1.3em;

}

#header ul li a:hover {

background:#369;

color:#fff;

}

#header ul li a.active,

#header ul li a.active:hover {

color:#fff;

background:#000;

font-weight:bold;

}

#header ul li a span {

display:block;

}

/* 'widths' sub menu */

#layoutdims {

clear:both;

background:#eee;

border-top:4px solid #000;

margin:0;

/*padding:6px 15px !important;*/

padding:6px 15px !important;

text-align:right;

}

/* column container */

.colmask {

position:relative;	/* This fixes the IE7 overflow hidden bug */

clear:both;

float:left;

width:100%;			/* width of whole page */

overflow:hidden;		/* This chops off any overhanging divs */

}

/* common column settings */

.colright,

.colmid,

.colleft {

float:left;

width:100%;			/* width of page */

position:relative;

}

.col1,

.col2,

.col3 {

float:left;

position:relative;

padding:0 0 1em 0;	/* no left and right padding on columns, we just make them narrower instead 

		   only padding top and bottom is included here, make it whatever value you need */

overflow:hidden;

}

.col2

{

    /*border-left:1px solid #000;*/

    font-size:80%;

}    

.col3

{

    /*border-left:1px solid #000;*/

    font-size:80%;

}    

/* 3 Column settings */

.threecol {

background:White;		/* right column background colour */

}

.threecol .colmid {

right:21%;			    /* [25%]width of the right column */

background:White;		/* center column background colour */



}

.threecol .colleft {

right:58%;			/* [50%]width of the middle column */

background:White;	    /* left column background colour */



}



.threecol .col1 {

width:56%;			/* [46%]width of center column content (column width minus padding on either side) */

left:101%;			/* [102%]100% plus left padding of center column */

}

.threecol .col2 {

width:19%;			/* [21%]Width of left column content (column width minus padding on either side) */

left:24%;			/* [31%]width of (right column) plus (center column left and right padding) plus (left column left padding) */

}

.threecol .col3 {

width:19%;			/* [21%]Width of right column content (column width minus padding on either side) */

left:84%;			/* [85%]Please make note of the brackets here:

		(100% - left column width) plus (center column left and right padding) plus (left column left and right padding) plus (right column left padding) */

}





/* Footer styles */

#footer {

clear:both;

float:left;

width:100%;

border-top:1px solid #000;

/*background-color:Navy;*/

color:White;

background-color:#999999;

font-size: 85%;



}

#footer p {

/*padding:10px;*/

margin:0;

font-size: 100%;

}



#footer ul li {

display:inline;

list-style:none;

margin:0;

padding:5px;



}

/* --> */