/*------------------------------------------------------------------------------------------------------*/
/*							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: 982px;	
	text-align: left;
}

/* possition the complete page content correct */
#page {
	margin: 0px 0px 0px 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: 930px;	
	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: 35px;
}

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

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

/* Defines how <strong></strong> fonts are rendered */
#content strong { 						
}	

/* 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 10px 10px;
}

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

/* Want a nice border on the image? Use this class - etc.: <img src="" class="border"> */
#content img /*.border*/ {
	border: 1px solid #291B59;
}

#content img.noborder {
	border: 0;
}

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


/* Create a horizontal ruler */
#content hr {
	border: 0px;
	height: 1px;
	border: 1px solid #cdcdcd;
	margin-top: 1em;
	margin-bottom: 1em;
}

/* class for hiding/expanding text - used inside NyServer.html */
.contentwrap {
	display: none; 
	margin: 20px 20px 20px 20px; 
	padding: 10px; 
	border: 1px solid #efefef; 
	background-color: #f7f7f7;
}