/*****************************************************/
/*   Design:  Maintain Fit                           */
/*---------------------------------------------------*/
/*   Author:  Daniel Watrous                         */
/*---------------------------------------------------*/
/*   Version: 1.0                                    */
/*   Date:    September 8, 2006                      */
/*****************************************************/

/*****************/
/*   MAIN BODY   */
/*****************/

/* General styles */
body {
margin:0;
padding:0;
border:0;			/* This removes the border around the viewport in old versions of IE */
width:100%;
background:#fff;
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%;
	font-family: verdana, arial, sans serif;
}

label
{
width: 9em;
float: left;
text-align: right;
margin-right: 0.5em;
display: block
}

.submit input
{
margin-left: 5.5em;
}

input,  select
{
color: #000;
background: #ECF0F4;
}

.submit input
{
color: #fff;
background: #607A9F;
border: 2px outset #d7b9c9
}

fieldset
{
border: 1px solid #333333;
width: 35em
}

legend
{
color: #fff;
background: #607A9F;
border: 1px solid #781351;
padding: 2px 6px
}

.main_headline {
font-size: 2em;
font-weight: bold;
}

.sub_headline {
font-size: 1.5em;
font-weight: bold;
}
/*** Hyperlinks in middle and right columns ***/
a {
	background-color: inherit;
	text-decoration: underline;
}

a:hover {
	text-decoration: none;
}

a:visited {
	color: blue;
}

.link_activity {
	background-color: inherit;
	color: rgb(100,100,100);
	text-decoration: none;
}

a.float {
	text-decoration: none; /* definition for the link that will display the layer */
}

a.float:hover {
	background: none; /* correction for an IE bug*/
}

a.float span { /* definition of <span> tag included in <a> */
	display: none;
}

a.float{
	position:relative; /*this is the key*/
	z-index:24;
	text-decoration:none
}

a.float:hover{z-index:25;}

a.float span{display: none}

a.float:hover span{ /*the span will display just on :hover state*/
	display: inline;
	position: absolute;
	top: 0; /* layer's place and dimension that you can change at will */
	left: 20px;
	width: 150px;
	height: 100px;
	text-align: left;
	padding: 3px;
	color: white;
	background-color: #45699B;
}

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 */
#header {
clear:both;
float:left;
width:100%;
}
#header {
	border-bottom:2px solid #000;
	background:#90ADCD;
}
#header p,
#header h1,
#header h2 {
    padding:.4em 15px 0 15px;
margin:0;
}
#header ul {
    clear:left;
    float:left;
    width:100%;
    list-style:none;
    margin:10px 0 0 0;
    padding:0;
}
#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;
	text-align:right;
}
/* 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:#E2EAF1;
}
.leftmenu .colright {
float:left;
width:200%;
	position:relative;
	left:155px;
background:#fff;
}
.leftmenu .col1wrap {
    float:right;
    width:50%;
    position:relative;
    right:200px;
    padding-bottom:1em;
}
.leftmenu .col1 {
margin:0 15px 0 215px;
    position:relative;
    right:100%;
    overflow:hidden;
}
.leftmenu .col2 {
float:left;
width:145px;
position:relative;
right:150px;
}
/* Footer styles */
#footer {
clear:both;
float:left;
width:100%;
	border-top:1px solid #000;
}
#footer p {
padding:10px;
margin:0;
}
/* --> */

/*************************************************/
/***   HIDING ROUNDED AREA  ***/
/*************************************************/
/*
	| liquidcorners.css; feel free to adapt the style!
	| ================================================
	| use: 4 corners with borderline outside a contentbox with class="inside";
	|      image  = upper half: top left corner, long borderline, top right corner
	|               under half: bottom left corner, long borderline, bottom right corner
	|      CHANGE = you have to change this for fitting to your image
	|      YCC    = You Can Change (or omit), if wanted
	|      DNC    = Do Not Change
	| credits: original by francky kleyneman, see article/tutorial in Francky's Developers Corner:
	|          http://home.tiscali.nl/developerscorner/liquidcorners/liquidcorners.htm
	| adapted
	| by.....: ... (your name and site?!)
	|
	| + please let this text & links intact for a next user +
*/
.top-left, .top-right, .bottom-left, .bottom-right {
	background-image: url('../images/corners1280x18.gif'); /* CHANGE: path and name of your image */
	height: 9px;       /* CHANGE: replace by the height of one of your corners (= 1/2 height of the image) */
	font-size: 2px;    /* DNC: correction IE for height of the <div>'s */
	}
.top-left, .bottom-left {
	margin-right: 9px; /* CHANGE: replace by the width of one of your corners */
	}
.top-right, .bottom-right {
	margin-left: 9px;  /* CHANGE: replace by the width of one of your corners */
	margin-top: -9px;  /* CHANGE: replace by the height of one of your corners */
	}
.top-right {
	background-position: 100% 0;    /* DNC: position right corner at right side, no vertical changes */
	}
.bottom-left  {
	background-position: 0 -9px;    /* CHANGE: replace second number by negative height of one of your corners */
	}
.bottom-right {
	background-position: 100% -9px; /* CHANGE: replace second number by negative height of one of your corners */
	}
.inside_header {
	border-left: 1px solid #7C94B5; /* YCC: color & properties of the left-borderline */
	border-right: 1px solid #7C94B5;/* YCC: color & properties of the right-borderline */
	background: #E2EAF1;            /* YCC: background-color of the inside */
	color: #000000;                 /* YCC: default text-color of the inside */
	padding-left: 10px;             /* YCC: all texts at some distance of the left border */
	padding-right:10px;             /* YCC: all texts at some distance of the right border */
	}
.inside_body {
	border-left: 1px solid #7C94B5; /* YCC: color & properties of the left-borderline */
	border-right: 1px solid #7C94B5;/* YCC: color & properties of the right-borderline */
	background: #E2EAF1;            /* YCC: background-color of the inside */
	color: #000000;                 /* YCC: default text-color of the inside */
	padding-left: 10px;             /* YCC: all texts at some distance of the left border */
	padding-right:10px;             /* YCC: all texts at some distance of the right border */
	display: none;
	}
.notopgap    { margin-top: 0; }    /* DNC: to avoid splitting of the box */
.nobottomgap { margin-bottom: 0; } /* DNC: to avoid splitting of the box */