/*------------------------------------------------------------------------------------------------------*/
/*							DO NOT TOUCH THE SETTING BETWEEN THESE FRAMES! 								*/
/*------------------------------------------------------------------------------------------------------*/

/* This makes sure all pages use the same font-family, padding and margin */
* {
	margin: 0;
	padding: 0;
	font-family: verdana, arial, sans-serif;
}

html {
	height: 100%;
}

/* This renders the nice background, backgroundcolor, plus defines the font-size and font-color of the complete site */
body {
	font-size: .7em; 
	background: #f4f4f4 url('/images/common/bgcolor.gif');
	color: #0c0854;
	text-align: center;
}

/* Defines the width and placement of the actual page setup */
#container {
	background: #fff url("/images/common/contentbg.gif") repeat-y top;
	margin: 0 auto;
	padding: 0;
	width: 998px;	
	text-align: left;
}

/* possition the complete page content correct */
#page {
	margin: 0 0 0 25px;
}

/* renders the nice top dropshadow */
#top {
	background: #f4f4f4 url('/images/common/header.gif') no-repeat top left;
	display: block;
	height: 35px;
}

/* Defines the actual text area of the page */
#content {
	width: 946px;	
	float: left;
	padding-top: 14px;	/* created space between navigation and content area - has to be done this way since FF will not accept margin/padding in .space, #navigation or #picture!  */
	background-color: #fff;
}

/* renders the nice bottom dropshadow */
#bottom {
	clear: both;
	background: #f4f4f4 url('/images/common/footer.gif') no-repeat top left;
	height: 39px;
}

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

/* Defines how paragraph <p></p> are displayed */
#content p {
	padding: 0 0 .7em 0;
}

/* Defines how <strong></strong> fonts are rendered */
#content strong {
	font-weight: bold;
}	

/* Defines how h3 fonts are rendered */
#content h3 {
	padding: 0 0 .5em 0;
}	

/* Float elements to the right */
#content .floatright {
	float: right;
	margin: 0 0 2px 10px;
}

/* Float elements to the left */
#content .floatleft {
	float: left;
	margin: 0 10px 2px 0;
}

/* Want a nice border on the image? Use this class - etc.: <img src="" class="border"> */
#content img.border {
	border: 1px solid #291b59;
}
/* no border needed - use this class inside etc. tables */
#content img.noborder {
	border: 0;
}

/* Creates space above navigation since FireFox will not accept padding/margin on #navigation */
.space { 
	height: 14px;
}