/* --------- LAYOUT --------------- */

#container {
  padding-left: 300px;   /* LC fullwidth 300 */
  padding-right: 250px;  /* RC fullwidth + CC padding 250 */
}

#container .column {
  margin-top: 0.3%;
  position: relative;
  float: left;
}

#center {
  padding: 5px 20px;    /* CC padding */
  width: 100%;
  margin-right: 1%;
  margin-left: -2%;
}

#left {
  width: 200px;          /* LC width 180 */
  padding: 5px 20px;       /* LC padding */
  right: 300px;          /* LC fullwidth + CC padding */
  margin-left: -100%;
}

#right {
  width: 180px;          /* RC width */
  padding: 5px 5px;       /* RC padding */
  margin-right: -290px;  /* RC fullwidth + CC padding */
}

#footer {
  clear: both;
}

/*** IE Fix ***/
* html #left {
  left: 260px;           /* RC fullwidth 300 */
}

#footer
{
	text-align: center;
	margin: 20px 0px 0px 0px;
	padding-top: 15px;
	border-top: solid 1px #DADADA;
	clear: both;
}

.clearit
{
	clear: both;
	height: 1px;
}

/* ------------------- STYLISTIC ISSUES --------- */

#right h2, #right h3, #right h4 {
    color: #708090;
    text-align:left;
    margin-bottom: 25px;
    text-indent: 15px;
}
    
#right ul {
    list-style:none;
    font-size: 100%;
}

#right ul li
{
	margin-bottom: 20px;
}

#right ul li a {
    text-decoration: none;
    color:#778899 ;
	font-weight: normal;
}

#right ul li a:hover
{
	color: #191970;
	font-weight: bold;
	font-size: 103%;
}

#right ul li a:visited
{
    font-weight: normal;
	color: #A52A2A; /* brown */
	font-size:102%;
}


/* --- Left column --- */

#left h2, #left h3, #left h4 {
    color: #708090;
    text-align:right;
    margin-bottom: 15px;
}
    
#left ul {
    list-style:none;
    font-size: 100%;
    text-align:right;
}

#left ul li
{
	margin-bottom: 20px;
}

#left ul li a {
    text-decoration: none;
    color:#778899 ;
	font-weight: normal;
}

#left ul li a:hover
{
	color: #191970;
	font-weight: bold;
	font-size: 102%;
}

#left ul li a:visited
{
    font-weight: normal;
	color: #A52A2A; /* brown */
	font-size:102%;
}