
* {margin: 0; padding: 0; border: 0;}

body {
text-align: center; 
background: #fff;
color:#636363;
min-width: 700px;
font: small/1.7em verdana, sans-serif;
line-height: 1.5;
color: #444;
}

body a, a:visited, a:active {color: Blue; padding: 0 0; font-size: 12px; text-decoration: none;}
body a:hover {background: transparent; font-size: 12px; color: Red;}

#cc p 	{margin: 1em 2em;
text-align: justify;}

ul {margin: 1em 6em;}

#lc p 	{margin: 1em 0em;
text-align: justify;}

#rc p 	{margin: 1em 0em;
text-align: justify;}


/***********************Headings*********************************/

h1 {margin: 1em 0;}

h2{ 
font: 11px verdana, arial, sans-serif;
font-weight: bold;
width: 95%;
color: #7A8DAB;
padding: 3px;
text-align: left;
margin: 2em 0 1em 0;
display: block;
white-space: nowrap;
background-color: #E3F2F7;
border: #7A8DAB 1px solid; 
}

h3 {margin: .5em 0;}
h4 {margin: 1em 0;}

/***************************************************************/
/**************** Layout CSS begins ****************************/

#wrapper { /* also holds the left "sliding" tab */
background: #fff url(images/sidebar-l.gif) repeat-y 0 0;
text-align: left;
width: 970px; /* this can fixed or fluid */
margin: 0 auto; /* NN will put content out of scrollable reach if auto is used unless there's a min-width on body too*/
font-size: 90%;
border: 0px solid #4a1c21;
}

#topbar, #header, #punchlinebar, #datebar, #subnav, #menubar, #footer {
clear: both; 
width: 100%;
font-size: 95%;
}

#topbar{
background:#E3F2F7;
color:#979797;
text-align:right;
padding: 1px 0;
height:18px;
}

#topbar a, a:visited, a:active {color: Blue; padding: 0 0px; font-size: 10px; text-decoration: none;}
#topbar a:hover {background: transparent; color: Red;}

#header {
background-color:#E3F2F7;
color:#979797;
text-align: right;
padding: 1px 0;
height:68px;
}

#punchlinebar{
background:#CBE6EF;
color:#6CBAD2;;
text-align:right;
padding: 1px 0;
height:17px
}

#datebar{
background: #B6DCE8;
color: White;
text-align:right;
padding: 1px 0;
height:17px
}

#subnav {
background:#ADD8E6;
color:#000000;
height: 30px;
}

#menubar {
background: #8AC8DB;
color:#000000;
height: 28px;
}

#footer {
text-align:center;
color:#000000;
background-color:#E3F2F7;
}

#footer a, a:visited, a:active {color: Blue; padding: 0 0px; font-size: 10px; text-decoration: none;}
#footer a:hover {background: transparent; color: Red;}

/*#footer div {
padding: 1px 0;
background: url(images/brfoot.gif) no-repeat 100% 0px;
}*/

#copyright{
background:#FFFFFF;
color:#ABAFB1;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-weight: normal;
font-variant: normal;
text-align: left;
font-size:x-small;
}

#copyright a, a:visited, a:active {color: Blue; padding: 0 0px; font-size: 10px; text-decoration: none;}
#copyright a:hover {background: transparent; color: Red;}

#contentfloatholder {/* also makes the right "sliding" tab */
background: url(images/sidebar-r.gif) repeat-y 100% 0;
float: left;
width: 100%;
position: relative;
}

#contentfloatholder:after {
 /* this is for NN6 to clear floats */
    content: "."; 
    display: block; 
    height: 0px;
    clear: both; 
    visibility: hidden;
}

#centerpad {
margin: 0px 390px 0px 0px; /*this second figure changes the width of the center coloumn*/
/*background: url(images/ladybg.jpg) no-repeat 100% 0;*/
border: solid;
border-width: 0px;
}

#center {
  color: #000;
  float:left;
  width: 100%; 
  margin-right: -95%; 
  min-height: 500px;
	/* this needs to be less than 100% for Moz/Mac which thinks 
         it's empty otherwise. The difference is made up by putting a 
         negative left margin on the left float:
	   Note IE/Mac doesn't like this method ~ it wants the 100% so it can 
	   be fed in using IE only CSS below becasue IE/Win also works with the 100% method.  
	*/
}

#left {
  float:left;
  width: 60px;
  margin-left: -5%; /* the difference to make the left colum appear flush left */
}

#right {
  float:right;
  width: 359px; /*359.px
}


/*************       For IE Mac           **************/
/* IE/Win is also using these rules, but it doesn't mind */
* html div#center {margin-right: -100%;}
* html div#left {margin-left: 0;}

#left h3, #left p,
#right h3, #right p
{
padding: 0 20px; 
}

/***** General formatting ****/

/*a#toplink {
width: 200px;
height: 8em;
background: #fff url(http://www.tanfa.co.uk/images/lady-rose-bw-red.jpg) no-repeat 0px -326px;
position: absolute;
top: 0;
right: 5px;
}

a#toplink:hover {
background-position: 0 0;
}*/

#wrapper {
position: relative;
z-index: 500;
}

#cc table {
	left: 34px;
	position: relative;
}
