/**********************************
* REDEFINE HTML TAGS
***********************************/
/* * { margin: 0; padding: 0;}*/ /*take off this for fields as select other needs to be styled, members blog etc.*/
p,h1,h2, ul {margin: 0; padding: 0;}
html { margin: 0; padding:0; }

HTML {
	height:100%; /* needed for container min-height */
}
BODY { 
	background: #dcdcdc url("../images/h_bg.gif") repeat-y -54px 0px;
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, "Sans-Serif";
	font-size: 0.69em;
	height:97%; /* needed for container min-height */
}	
a {
	color: #00adef;
	text-decoration: none;
}
a:hover {color: #071748;}
img
{
	border: none;
}
/**********************************
* COMMUN STRUCTURE
***********************************/
#wrap {
	position:relative;
	width: 964px;
	padding: 0;
	margin: 0;
	height:auto !important; /* real browsers */
	height:100%; /* IE6: treaded as min-height */
	min-height:100%; /* real browsers */
}

#top-area {
	display: block;
	height: 73px;
	background: #fff;
}

#logo {
	position: absolute;
	float: left;
}
	#logo IMG {
		display: block;
		border: none;
	}
	#logo H1 {
		position: relative;
		left: 68px; top: -46px;
		font-size: 2.20em;
		font-style: italic;
		font-weight: normal;
		padding: 0;
		margin: 0;
	}
	#logo H1 A {
		text-decoration: none;
		color: #00adef;
	}
	#logo H2 {
		position: relative;
		left: 70px; top: -51px;
		font-size: 1em;
		font-weight: normal;
		color: #a9a7a7;
		padding: 0;
		margin: 0;
	}
	
#top-nav {
	float: right;
	display: block;
}
	#top-nav UL {
		list-style: none;
		margin: 0;
		padding: 0;
	}
		#top-nav UL LI {
			float: left;
			background: url("../images/m_dotted_bg.gif") repeat-y top right;
		}
			#top-nav UL LI A {
				display: block;
				padding: 10px 15px 4px 15px;
				text-decoration: none;
				color: #00adef;
				font-size: 0.91em;
				font-weight: bold;
				background: url("../images/spacer.gif") no-repeat center top; /* ie needs this or it messes up */
			}
			#top-nav UL LI A:hover {
				color: #071748;
				background: url("../images/m_indicator.gif") no-repeat center top;
			}
			#top-nav UL LI A.current {
				color: #071748;
				background: url("../images/m_indicator.gif") no-repeat center top;
			}
			#top-nav UL LI.last { /* clear last dotted line */
				background: none;
			}

#header {
	background: #fff;
	height: 137px;	
	border-bottom: 1px solid #fff;
}
	#info {
		float: left;
		display: block;
		padding: 0 1px 0 0;
		width: 160px;
		height: 137px;
		background: url("../images/h_blue_block.gif") no-repeat top left;
	}
		#info #heading {
			margin: 30px 0 0 10px;
		}
			#info #heading H1 {
				font-size: 1.5em;
				line-height: 1em;
				padding: 0;
				
			}
				#info #heading H1 SPAN.shadow { position: absolute; color: #2d86aa; }
				#info #heading H1 SPAN.text { position: absolute; color: #fff; margin: -2px 0 0 -2px; }
			
		#info  #scroller {
			margin: 0px 0 0 8px;
			height: 65px;
			width: 140px;
			font-size: 1.1em;
			font-weight: normal; /* IE opacity on bold text is messed up, have to keep the text unbolded */
			color: #fff;
			position: absolute; 
			left: 0px; 
			top: 75px; 
			display: block;
		}
			#info  #scroller #scroller-content {
				position: relative;
				font-weight: normal;
				top: 65px;
			}
				
#header IMG {
	float: left;
	margin: 0;
	padding: 0 1px 0 0;
	border: 0;
}

#left-panel {
	float: left;
	width: 160px;
}
#content {	
	background: url("../images/content_bg.gif") repeat-x top left;
	float: left;
	width: 602px; /* 602  644px before margin */
	margin: 0 1px 0 1px;
	padding: 20px;
}
	#content IMG { border: none; }
	#content H1 {
		font-size: 2.20em;
		font-weight: normal;
		color: #007eae;
		margin: 0;
		padding: 0;
	}
	#content H2 {
		font-size: 1.0em;
		font-weight: bold;
		text-transform: uppercase;
		color: #007eae;
		margin: 10px 0 0 0;
		padding: 0;
	}
	#content P {
		margin: 10px 0 0 0;
		padding: 0;
		
		line-height: 1.5em;
		text-align: justify;
	}
	
/**********************************
* RIGHT PANEL
***********************************/
#right-panel {
	float: left;
	width: 160px;
	padding: 10px 0 0 0;
}
/* subscribe */
		
#members_home, #subscribe2, .contact {
	display: block;
	width: 140px;
	border: 1px solid #d5d5d5;
	padding: 1px;
	margin: 10px auto;
	text-decoration: none;
	color: #000;
	background: #fff;
}
#members_home
{
	margin: 0px auto;
}
#members_home:hover, #subscribe2:hover {
	border: 1px solid #b5b5b5;
}
	#subscribe2 p
	{
		padding: 7px 2px 0 2px;
	}
	
	#subscribe2 img
	{
		padding: 5px 0px 7px 0px;
	}

	.contact IMG, #members_home img {
		display: block;
		border: none;
	}
	.contact DIV, #members_home div {
		background: url("../images/rp_news_bg.gif") repeat-x left top;
		padding: 7px 0px 7px 2px;
	}
		.contact DIV H1, #members_home DIV H1 {
			font-size: 1.1em;
			font-weight: bold;
			text-transform: uppercase;
			color: #007eae;				
			margin: 0;
			padding: 0;
		}
		.contact DIV H2 {
			font-size: 1em;
			font-weight: bold;
			color: #007eae;	
			margin: 0; margin-top: 5px;
			padding: 0;
		}
		.contact DIV P, .members_home DIV p {
			color: #292929;
			margin: 5px 0 0 0;
			padding: 0;
		}
		.contact A {
			color: #00ADEF;
			text-decoration: none;
		}
		.contact A:hover {
			color: #071748;
		}
		
/******************
* LEFT PANEL 	
*****************/	

/* Menu */

#left-panel IMG {
	display: block;
	margin: 0; padding: 0;
}

#left-panel UL {
	list-style: none;
	margin: 0 0 0 0;
	padding: 0;
}
	#left-panel UL LI {
		
	}
		#left-panel UL LI A {
			display: block;
			width: 125px; /* 160px original */
			background-image: url("../images/m_li_bg.gif");
			background-repeat: no-repeat;
			background-position: 0px 0px;
			padding: 5px 5px 5px 30px;
			margin: 0px;
			border-top: 1px solid #fff;
			font-size: 1.0em;
			line-height: 1.5em;
			font-weight: bold;
			text-decoration: none;
			color: #fff;
		}
		#left-panel UL LI A:hover {
			background-position: 0px -200px;
		}
		#left-panel UL LI A.current {
			background-position: 0px -200px;
			font-style: italic;
		}
		
		

/**********************************
*	FORM
***********************************/
FORM { margin: 0; padding: 0; }
FORM LABEL { width: 120px; display: block; text-align: right; float: left; padding: 0 10px 0 0; margin: 0 0 10px 0; font-size: 1em; line-height: 1.5em; }
FORM INPUT { float: left; margin: 0 2px 0 0; }
.required { font-size: 14px; font-weight: bold; color: #f00; }
.textBox200 { font-size: 12px; padding: 3px; width: 200px; border: 1px solid #666; }

.fileBox200 { font-size: 12px; padding: 3px; border: 1px solid #666; }

.textArea200 { font-size: 12px; padding: 3px; width: 200px; height: 100px; border: 1px solid #666; font-family: Arial; font-size: 1em; }
FORM BR { clear: left; }
FORM FIELDSET { width: 360px; border: none; margin: 0; padding: 5px 0 5px 0; }
FORM FIELDSET LEGEND { display: block; margin: 0; padding: 0 0 5px 128px; font-weight: bold; color: #00adef; }

.form_p
{
	margin: 0 auto 0 100px;
}

/**********************************
*	FOOTER
***********************************/
#footer {
	position:absolute;
	bottom: -22px; /* stick to bottom */
	width:100%;
	padding: 0 0 5px 5px;
	font-size: 0.9em;
	font-weight: bold;
	color: #595858;
}
	#footer SPAN {
		font-size: 1.2em;
		color: #595858;
	}

/**********************************
*	COMMUN CLASSES
***********************************/
.button
{
	border:1px solid #555555;
	font-size:1em;
	height:21px;
	padding:0pt 5px;
}
.blue_b
{
	color: #00adef;
}
.right
{
	float: right;
}
.clearall 
{
	clear:both;
	float:none;
	font-size:0px;
	height:0px;
	margin:0px;
	padding:0px;
	line-height:0px;	
}

/**********************************
*	FOR INPUT TYPE FILE
***********************************/
#divupload {
    position: relative;
	float: left;
}
#faketext {
    position: absolute;
    left: 0;
    top: 0px;
}
#inputfile {
    position: absolute;
    left: 0;
    top: 0;
    -moz-opacity: 0;
    filter:alpha(opacity: 0);
    opacity: 0;
}
#fakebrowse {
    position: absolute;
    left: 146px;/*150px;*/
    top: 0px;
	height: 21px;
    width: 56px;
}
#divupload {
    height: 25px;
}

.fileBox200 { font-size: 12px; padding: 3px; width: 138px; border: 1px solid #666; margin: 0; background: #fff;}



/**********************************
*	MAMBO STYLE
***********************************/
/* HEADING */
.componentheadingHome, .componentheadingFAQs
{
	font-size: 2.20em;
	font-weight: normal;
	color: #007eae;
	margin: 0;
	padding: 0;
}
.contentheading
{
	font-size: 1.0em;
	font-weight: bold;
	text-transform: uppercase;
	color: #007eae;
	margin: 10px 0 0 0;
	padding: 0;
}

.sectiontableheaderFAQs
{
	font-weight: bold;
	padding: 10px 5px 5px 5px; 
}


.contentpaneopenHome ul
{
	margin: 10px 0 0 0;
}
.contentpaneopenHome ul li
{
	margin-top: 10px;
	margin-left: 15px;
	list-style-type: none;
	font-weight: bold;
}
.contentpaneFAQs ul
{
	margin: 10px 0 10px 0;
}
.contentpaneFAQs ul li
{
	margin-top: 0px;
	margin-left: 15px;
	list-style: square;
}
.contentpaneopenHome ul li li
{
	margin-left: 15px;
	margin-top: 0px;
	list-style: square;
	font-weight: normal;
}
.userGuides, .faq
{
	float: left;
	width: 400px;
}
.faq
{
	margin-top: 10px;
}
#content .faq p
{
	margin-left: 15px;
}

.sectiontableentry1FAQs
{
	background: #f0f0f0;
}
.sectiontableentry1FAQs td, .sectiontableentry2FAQs td
{
	padding: 5px;
}
.back_button
{
	margin-top: 10px;
}
/* FORM IN MAMBO */
.contentpaneFAQs FORM INPUT { float: none; margin: 0; }
#content P.note_RF
{
	text-align: right; padding: 0 42px 5px 0; width:340px;
}