/* General styles */
body {
    margin:0;
    padding:0;
    border:0;			/* This removes the border around the viewport in old versions of IE */
    width:100%;
    background: url(../images/gradient.jpg);
    background-attachment: fixed;
    /*background: url(../images/bkgr.jpg) 0 0 repeat-x;*/
    /*background-color: #404040;*/
    min-width:600px;    /* Minimum width of layout - remove line if not required */
						/* The min-width property does not work in old versions of Internet Explorer */
	font-size:90%;
}
a {
    color:#006AB2;
    text-decoration:none;
}
a:hover {
	text-decoration:underline;
}
h1, h2, h3 {
    margin:.8em 0 .2em 0;
    padding:0;
}
p {
    margin:.4em 0 .8em 0;
    padding:0;
}
/*img {
	margin:10px 0 5px;
}*/

/* --------------------------------------------------------------------------------- */
/* header styles */
/* --------------------------------------------------------------------------------- */
#logo {
	padding: 0px;
	text-align: left;
	height:55px;
	background: url(../images/header_top_middle.png) 10% 0 repeat-x;
	margin-left: 216px;
	margin-right: 306px;
}
#header 
{
	height:55px;
    clear:both;
    float:left;
    width:100%;
}

/* --------------------------------------------------------------------------------- */
/* main body styles */
/* --------------------------------------------------------------------------------- */

/* column container */
.colmask {
	position:relative;		/* This fixes the IE7 overflow hidden bug and stops the layout jumping out of place */
	clear:both;
	float:left;
    width:100%;			/* width of whole page */
	overflow:hidden;	/* This chops off any overhanging divs */
}
/* 2 column left menu settings */
.leftmenu {
	background: url(../images/center_shadow.png) 0 0 repeat-y;
	padding-left: 17px;
}
.leftmenu .colright 
{
    float:left;
    width:200%;
	position:relative;
	left:200px;  /* JB: 200px */
}
.leftmenu .col1wrap {
	float:right;
	width:50%;
	position:relative;
	right:200px;
	padding-bottom:1em;
		
}
.leftmenu .col1 {
    margin:0 17px 0px 200px;
	position:relative;
	right:100%;
	overflow:hidden;
    padding-right: 18px;
}
.leftmenu .col2 {
    float:left;
    width:200px;
    position:relative;
    right:200px;
    background: #E9EEF7;
}

/* --------------------------------------------------------------------------------- */
/* footer styles */
/* --------------------------------------------------------------------------------- */
#footer {
    clear:both;
    float:left;
    width:100%;
}
#footer_spacer {
	padding: 0px;
	text-align: left;
	height:50px;
	background: url(../images/footer_m_bg.png) 0 0 repeat-x;
	margin-left: 217px;
	margin-right: 271px;
}

/* --------------------------------------------------------------------------------- */
/* menu on left column */
/* --------------------------------------------------------------------------------- */

div.module_menu ul {
	padding-left: 0px;
	list-style:none;
	margin-top: 0px;
	margin-right: 0;
	margin-bottom: 0px;
	margin-left: 0px;
}

#leftcolumn .module_menu a {
	padding:1px 0;
	color:#333333;
	width:100%;
	display:block;
	text-decoration:none;
	font:normal 1.2em/1.35em arial, verdana;
}

#leftcolumn .module_menu div { background:none; }

#leftcolumn li
{
	margin-bottom:1px; 
	padding-right: 10px; 
}
li.menu_0
{
	background:#DFE6F3;
	padding-left: 10px; 
	font-size: small;
	width: 180px;
}
li.menu_1
{	
	background:#DFE6F3;
	padding-left: 20px; 
	font-size: x-small; 
	width: 170px;
}
li.menu_2
{
	background:#DFE6F3;
	padding-left: 30px; 
	font-size: x-small; 
	width: 160px; 
}
li.menu_3
{
	background:#DFE6F3;
	padding-left: 40px; 
	font-size: x-small; 
	width: 150px; 
}
li.menu_4
{
	background:#DFE6F3;
	padding-left: 50px; 
	font-size: x-small; 
	width: 140px; 
}
li.menu_current_0
{
	padding-left: 10px; 
	font-size: small;
	width: 180px;
	background-color: #BCCDE7;
}
li.menu_current_1
{	
	padding-left: 20px; 
	font-size: x-small; 
	width: 170px;
	background-color: #BCCDE7;
}
li.menu_current_2
{
	padding-left: 30px; 
	font-size: x-small; 
	width: 160px; 
	background: #BCCDE7;
}
li.menu_current_3
{
	padding-left: 40px; 
	font-size: x-small; 
	width: 150px; 
	background: #BCCDE7;
}
li.menu_current_4
{
	padding-left: 50px; 
	font-size: x-small; 
	width: 140px; 
	background: #BCCDE7;
}
/* --------------------------------------------------------------------------------- */
/* Onloom css */
/* --------------------------------------------------------------------------------- */

.onloomtext {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 14px;
	line-height: normal;
	width: 600px;
	margin: 15px;
	text-align: justify;
}

.onloomtitle {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 16px;
	font-style: italic;
}
.onloomtitle2 {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 16px;
	font-weight: bold;
	text-align: left;
}

.onloomtitle3 {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 16px;
	font-weight: bolder;
	text-align: left;
	color: #7EA8DA;
	margin-bottom: 8px;
	padding-bottom: 8px;
	margin-top: 15px;
	padding-top: 15px;
	text-indent: 20;
	white-space: pre;
}
#leftcolumn .module_menu ul li:hover { background-color: #DDDDDD; }
#leftcolumn .module_menu a:hover { background-color: #DDDDDD; }

/* --------------------------------------------------------------------------------- */
/* text elements */
/* --------------------------------------------------------------------------------- */
#title 
{
	background: #E9EEF7;
	height: 25px;
	padding-top: 5px;
    padding-left: 10px;	
}

/* --------------------------------------------------------------------------------- */

/* --------------------------------------------------------------------------------- */
/* fixed width extension */
/* --------------------------------------------------------------------------------- */
#fixed {
   margin:0 auto;
   width:900px;   /* you can use px, em or % */
   text-align:left;
}
#content 
{
	padding-top: 15px;
	padding-left: 10px;
	padding-right: 10px;
	overflow: hidden;
}
#content img
{
	padding: 10px;
}

/* --------------------------------------------------------------------------------- */
/* fancy shaded borders */
/* --------------------------------------------------------------------------------- */
div#header_l { background:  url(../images/header_top_left.png) 0 0 no-repeat; }
div#header_r { background:  url(../images/header_top_right.png) 100% 0 no-repeat; }
div#footer_l { background: url(../images/footer_l_bg.png) 0 0 no-repeat; }
div#footer_r { background: url(../images/footer_r_bg.png) 100% 0 no-repeat; }