/***********************************************************************/
/*                              TAG STYLES                            */
/***********************************************************************/

body {
	font-size: 100%;
	font-family: Verdana, Helvetica, Sans-Serif;
	text-align: center;
	margin: 0;
	padding: 0;
	background-color: #fff;
	background-image: url(../images/bg-main.gif);
	background-repeat: repeat-x;
}

form {
	margin: 0;
	padding: 0;
}

h1 { font-size: 140%;}
h2 { font-size: 110%; }
h3 { font-size: 110%; }

h1 {
	margin: 0 0 0.5em 0;
	padding: 0;
	height: 20px;
	color: #7cbd23;
	font-weight: bold;
}

h2 {
	background-color: #9B2253;
	color: #fff;
	border: 1px solid #70193C;
	font-weight: normal;
	padding: 0 0px;
	margin: 0 0px;
	height: 20px;
	line-height: 20px;

}

h3 {
	color: #777777;
	margin: 0;
	padding: 0;
}

a {
	text-decoration: none;
	color: #003C7E;
	border-bottom: 1px solid #7cbd23;
}
a:hover {
	color: #7cbd23;
}
a.light {border: none;}
a.light:hover  {
	color: #7cbd23;
	text-decoration: none;
	border-bottom: 1px solid #7cbd23;
}
/***********************************************************************/
/*                        DEFAULT LAYOUT STYLES                        */
/***********************************************************************/

div#main_wrapper {
	width: 780px;
	margin: 0 auto;
	text-align: left;
	font-size: 70%;
}

div#header {
	width: 780px;
	height: 95px;
	position: relative;
}

div#header_separator {
	width: 780px;
	height: 15px;
	border: 1px solid #fff;
	border-top: 0;
}

div#body_wrapper {
	width: 782px;
	height: 490px;
}

div#navigation {
	float: left;
	border: 1px solid #fff;
	border-top: 0;
	width: 120px;
	background-image: url(../images/bg-nav.gif);
	background-repeat: repeat-x;
	height: 100%;
}
div#header div.title_logo {
	position: absolute;
	bottom: 4px;
	right: 0;
	width: 118px;
	height: 50px;
}
div#body {
	float: left;
	width: 658px;
	height: 100%;
	/*background-image: url(../images/bg-body.gif); FIXME for nPep*/
	background-repeat: repeat-x;
	border-right: 1px solid #fff;
}

div#content_wrapper {
	margin: 5px 10px;
}

/***********************************************************************/
/*                              HEADER                                 */
/***********************************************************************/

div#header div.logo {
	position: absolute;
	top: 15px;
	left: 0;
	width: 204px;
	height: 74px;
	background-image: url(../images/rcgp-logo.gif);
}

div#header div.logo a {
	display: block;
	width: 100%;
	height: 100%;
	text-indent: -5000px;
	border: none;
}

div#header div.header_menu {
	position: absolute;
	top: 5px;
	right: 0;
	font-size: 95%;
}

div#header div.header_menu a {
	color: #003C80;
	border: none;
}
div#header div.header_menu a:hover {
	color: #7cbd23;
}

/***********************************************************************/
/*                         HEADER SEPARATOR                            */
/***********************************************************************/

div#header_separator {
	color: #fff;
	font-size: 80%;
	line-height: 14px;
}

div#header_separator a {
	color: #fff;
}

div#header_separator div.home {
	float: left;
	background-color: #003C7E;
	height: 15px;
	width: 120px;
	border-right: 1px solid #fff;
}

div#header_separator div.home a {
	padding-left: 0.5em;
	border: none;
}

div#header_separator div.breadcrumb {
	float: left;
	width: 658px;
	height: 15px;
	background-color: #003d7e;
}
div#header_separator div.breadcrumb a{
	border: none;
}
div#header_separator div.breadcrumb a:hover {
	color: #7cbd23;
}
div#header_separator div.breadcrumb span {
	padding-left: 0.5em;
}

/***********************************************************************/
/*                             NAVIGATION                              */
/***********************************************************************/

div#navigation, div#navigation a {
	color: #003C80;
}

div#navigation div.welcome_message {
	font-style: italic;
	font-size: 90%;
	padding: 1em;
}

div.help_message {
	color: #507CA9;
	margin-top: 4em;
	font-size: 80%;
	text-align: center;
	padding: 0 0.4em
}

div.help_message p {
	margin: 0 0 1em 0;
}

div.help_message a {
	color: #507CA9;
}

/**
 * Primary nav
 */

div#navigation ul.nav_menu {
	margin: 0;
	padding: 0;
	padding-bottom: 0.5em;
	list-style: none;
	background-image: url(../images/nav-line.gif);
	background-repeat: no-repeat;
	background-position: bottom center;
}

div#navigation ul.nav_menu li {
	font-weight: bold;
	margin: 0;
	padding: 1.5em 0 0.4em 0.8em;
	background-image: url(../images/bullet2.gif);
	background-repeat: no-repeat;
	background-position: 0px 7px;
}
div#navigation ul.nav_menu a {
	border: none;
	}
div#navigation ul.nav_menu a:hover {
	border: none;
	color: #7cbd23;
	}

/**
 * Secondary nav
 */

div#navigation ul.nav_menu ul {
	list-style: none;
	margin: 0 0 0 0.5em;
	padding: 0;
}
div#navigation ul.nav_menu ul li {
	background-image: none;
	font-weight: normal;
	margin: 0;
	padding: 0;
	border: 0;
}

/**
 * Nav footer
 */

div#navigation div.nav_footer {
	margin-top: 13em;
	font-size: 90%;
}

div#navigation div.nav_footer ul {
	list-style: none;
	margin: 0 0.5em; 
	padding: 0;
}

div#navigation div.nav_footer ul li {
	margin-bottom: 0.5em;
}
div#navigation div.nav_footer a {
	border: none;
	}
div#navigation div.nav_footer a:hover {
	color: #7cbd23;
	}
/***********************************************************************/
/*                            CONTENT AREA                             */
/***********************************************************************/

div#body div.content {
	width: 632px;
	height: 415px;
	background-image: url(../images/bg-body_content.gif);
	background-repeat: no-repeat;
	color: #9B2253;
	font-weight: bold;
}
div#body div.pagecontent {
	padding: 10px;
}
div#body div.body_content {
	/*overflow-y: auto;*/
	overflow: auto;
	/*width: 598px;*/
	margin: 0 6px;
	height: 370px;
	border: 1px solid #70193C;
	padding: 9px;	
	background-color: #fff;
}

div#body div.ALG_body_content {
	/*overflow-y: auto;*/
	margin: 0 7px;
	height: 366px;
	/*border: 1px solid #70193C;*/
	padding: 10px;
	background-color: #fff;
	vertical-align:middle;
}
div#body div.resources {
	color: #777777;
	margin: 0;
	padding: 5px;
	border: 1px solid #D9AABC;
	background-color: #eee;
	font-weight: normal;
}

div#body div.ALG_OptionPlus {
	color: #777777;
	margin: 0;
	padding: 5px;
	border: 1px solid #D9AABC;
	background-color: #DBD7DE;
	font-weight: normal;
	vertical-align:middle;
}


div#body div.ALG_DropdownList {
	color: #777777;
	margin: 0;
	padding: 5px;
	border: 1px solid #D9AABC;
	background-color: #EEEDF2;
	font-weight: normal;
	vertical-align:middle;
}

div#body div.resources p {
	margin: 0 0 1em 0;
}

ul.question_options {
	list-style: none;
	margin: 2em 0 3em 0;
	padding: 0;
}

ul.question_options li {
	margin: 0;
	padding: 0;
	clear: both;
	width: 33em;
	margin-bottom: -20px;
	text-align: right;
}

ul.question_options li span.option_label {
	float: left;
	width: 3em;
	text-align: left;
}
ul.question_options li span.option_text {
	float: left;
	width: 25em;
	text-align: left;
}

ul.question_options li input {
	/*margin: 0;
	padding: 0;*/
}

div.clear_block {
	height: 0;
	line-height: 0;
	clear: both;
}

ul.question_optionsEMQ {
	list-style: none;
	margin: 2em 0 3em 0;
	padding: 0;
}

ul.question_optionsEMQ li {
	margin: 0;
	padding: 0;
	clear: both;
	width: 52em;
	margin-bottom: -20px;
	text-align: right;
}

ul.question_optionsEMQ li span.option_label {
	float: left;
	width: 4em;
	text-align: left;
}
ul.question_optionsEMQ li span.option_textEMQ {
	float: left;
	width: 46em;
	text-align: left;
}




/***********************************************************************/
/*                         QUESTION NAVIGATION                         */
/***********************************************************************/

div#question_nav 
{
	margin-top:20px;
	position: relative;
	clear:both;
}

div#question_nav span {
	font-weight: bold;
	color: #9B2253;
}

div#question_nav span a {
	color: #9B2253;
}

div#question_nav span.prev {
	position: absolute;
	left: 16px;
}

div#question_nav span.pages {
	display: block;
	text-align: center;
}

div#question_nav span.next 
{
	position: absolute;
	right: 25px;
}

/***********************************************************************/
/*                               FOOTER                                */
/***********************************************************************/

div#footer {
	width:100%;
	float:left;
	clear: both;
	position: relative;
	margin-top: 2em;
	border-top: 1px solid #003d7e;
}

div#footer {
	clear: both;
	color: #003d7e;
	font-size: 80%;
}

div#footer a {
	color: #003d7e;
}

div#footer span.copyright {
	position: relative;
	padding-left:20px;
	padding-right:80px;

}

div#footer span.url {
	position: relative;
}

div#footer span.lightershade {
	position: relative;
	padding-right:100px;

}