/***************************
Colours:
o	Blue Text: R0, G0, B255 (#0000FF)
o	Light Text: R99, G103, B92 (#6367FF)
o	Background Grey: R248, G247, B250 (#f8f7fa)
o	Normal text (black 85%): R77 G77 B79 (#4d4d4f)
o	Grey Text (black 60%): R129, G130, B133 (#818285)
o	Pale Grey Text (Essence Tag): R195, G195, B195 (#c3c3c3)
***************************/
*
{
	outline-width: 0px;
}
body
{
    margin: 0px;
    background-color: #f8f7fa;
    font-family: Arial, Helvetica, Sans Serif;
    font-size: 100.01%; /* .01 to fix opera bug */
    color: #4d4d4f;
}

a 
{
    color: #0000FF;
    text-decoration: underline;
}

a:hover 
{
    color: red;
    text-decoration: underline;
}

div#content
{
	margin: 0px;
	font-family: Verdana, Geneva, sans-serif;
	font-size:small;
	color: #000000;
	z-index:1;
}

div#content h1
{
  font-family: Arial, Helvetica, Sans Serif;
  font-size:x-large;
  font-weight:bold;
}

div#content h2
{
  font-family: Arial, Helvetica, Sans Serif;
  font-size:large;
  font-weight:bold;
}

div#content h3
{
  font-family: Arial, Helvetica, Sans Serif;
  font-size:medium;
  font-weight:bold;
}
/* 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 */
		z-index:1;
	}
	/* 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;
	}
	/* 3 Column settings */
	.threecol {
		background:#f8f7fa;		/* right column background colour */
	}
	.threecol .colmid {
		right:25%;			/* width of the right column */
		background:#fff;		/* center column background colour */
	}
	.threecol .colleft {
		right:50%;			/* width of the middle column */
		background:#f8f7fa;	/* left column background colour */
	}
	.threecol .col1 {
		width:46%;			/* width of center column content (column width minus padding on either side) */
		left:102%;			/* 100% plus left padding of center column */
	}
	.threecol .col2 {
		width:21%;			/* Width of left column content (column width minus padding on either side) */
		left:31%;			/* width of (right column) plus (center column left and right padding) plus (left column left padding) */
	}
	.threecol .col3 {
		width:21%;			/* Width of right column content (column width minus padding on either side) */
		left: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) */
	}

div#main_outer
{
    width: 984px;
    margin: 0px auto 0px auto;
}


div#main_outer_margins
{
    padding: 10px 13px 0px 13px;
}

div#main_background
{
    background-color: #f8f7fa;
    background-image: url(../images/background_sides.gif);
    background-position: center top;
    background-repeat: repeat-y;
}

div#main_background_bottom
{
    background-color: #f8f7fa;
    background-image: url(../images/background_bottom.gif);
    height: 21px;
    background-position: center top;
    background-repeat: no-repeat;
}

div#header
{
	position: relative;
	margin-bottom: 6px;
	text-align: left;
	width: 100%;
}


div#header_css
{
	color: #0000FF;
	font-size: 1.4em;
	font-weight:bold;
	text-align:right;
	float: right;
    width: 70%;
	height:43px;
	
}

div#header_css_logo
{
	float: left;
    width: 30%;
	height:43px;
}




/*** FOOTER START ***/
div#footer_outer
{
    clear: both;
    padding-top: 5px;
    padding-bottom: 20px;
}

/*** left menu ***/
div#footer_menu_left
{
    float: left;
    width: 60%;
}

div#footer_menu_left ul
{
    margin: 0px;
    padding: 0px;
    list-style-type: none;
}

div#footer_menu_left ul li
{
    float: left;
    padding-right: 25px;
}

div#footer_menu_left ul li a
{
    font-size: 0.7em;
	color: #4d4d4f;
    text-decoration: none;
}

div#footer_menu_left ul li a:hover
{
    color: #0000FF;
	text-decoration: underline;
}

/*** right menu ***/
div#footer_menu_right
{
    float: right;
    width: 40%;
}

div#footer_menu_right ul
{
    margin: 0px;
    padding: 0px;
    list-style-type: none;
}

div#footer_menu_right ul li
{
    float: right;
    padding-left: 25px;
}

div#footer_menu_right ul li a
{
    font-size: 0.7em;
	color: #4d4d4f;
    text-decoration: none;
}

div#footer_menu_right ul li a:hover
{
	color: #0000FF;
    text-decoration: underline;
}


/*** footer content ***/
div#footer_content_main
{
    clear: both;
}

div#footer_content_main p
{
    text-align: right;
    font-size: 0.7em;
    color: #818285;
    margin: 10px 0px 0px 0px;
    padding: 0px;
}

/*** FOOTER END ***/