h1 strong, h2 strong, h3 strong {
font-weight: normal;
}

body {
font-family :Arial, Verdana, helvetica, sans-serif;
font-size: 75%;
color: #333333;
background-color: #FFFFFF;
margin: 0px;
}

a {
color: #330099;
}

ul li {
margin-top: 5px;
margin-bottom: 5px;
}

ol li {
margin-top: 5px;
margin-bottom: 5px;
}

a:hover {
color: #CBBFE5;
}

/*
h1 {
font-size: 155%;
color: #330099;
margin-bottom: 15px;
border-bottom: 1px solid #DDDDDD;
text-align: left;
}

h2 {
font-weight: normal;
font-style:italic;
font-size: 135%;
color:#330099;
text-align: left;
}

h3 {
font-weight: normal;
font-size: 100%;
color:#A346FF;
}
*/

h1 { font-size: 145%; padding-left: 10px; margin-top:0px; padding-top:0px;border-left: 25px solid #CCCCCC;font-weight: normal; color: #330099; border-top: 1px solid #CCCCCC; border-bottom: 1px solid #CCCCCC; }
h2 { font-size: 125%; margin-bottom: 0px; color:#0066CC; font-weight: normal; }
h3 { font-size: 100%; font-weight: normal; color: #330099}
h4 { font-size: 100%; }

a {
color: #330099;
}

p {
text-align: left;
}

table {
font-size: 100%;
}

form {
padding: 0px;
margin: 0px;
vertical-align:middle;
}

input, select, option, textarea {
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 100%;
border: 1px solid #333333;
}

#header {
background-image: url("../images/titleback.jpg");
padding: 0px;
margin: 0px;
width: 100%;
text-align: right;
height: 99px;
background-color: #FFFFFF;
background-repeat: no-repeat;
}

#header .nhstitle {
position: absolute;
right: 25px;
top: 25px;
}

#header .small_links {
position: absolute;
right: 25px;
padding: 0px;
padding-top: 1px;
padding-left: 1px;
padding-right: 1px;
}

#navigation {
color: #FFFFFF;
background-image: url(../images/main_navigation/bg_gradient.jpg);
background-repeat:repeat-x;
background-position: left bottom;
background-color:#330099;
border-bottom: 1px solid #555555;
border-top: 1px solid #555555;
}

#navigation ul {
list-style-type: none;
padding: 4px 0px 4px 0px;
margin: 0px;
display: block;
margin-left: 0px;
}

#navigation li {
display: inline;
padding: 0px;
}

#navigation a {
text-decoration: none;
padding-top: 4px;
padding-bottom: 4px;
color: #FFFFFF;
width: 150px;
padding-left: 15px;
padding-right: 15px;
border-right:1px solid #330099;
border-left: 1px solid #9D84CE;
}

#navigation a:hover {
color: #330099;
background-image: url(../images/main_navigation/bg_gradient_on.jpg);
background-repeat:repeat-x;
background-position: left bottom;
background-color: #9D84CE;
}

#navigation .navigation_on a {
color: #330099;
background-image: url(../images/main_navigation/bg_gradient_on.jpg);
background-repeat:repeat-x;
background-position: left bottom;
background-color: #9D84CE;
}

/* Main Area of the page */
#main_content {

}

#main_content .left_col {
vertical-align: top;
padding: 10px;
width: 150px;
text-align: left;
/*background-image: url(../images/left_butterfly2.jpg); 
background-repeat: repeat-y;
background-position: top right;*/
}

#main_content .left_col ul {
text-align: left;
list-style-type: none;
padding: 0px;
width: 125px;
margin: 0px;
}

#main_content .left_col li  {
margin-bottom: 0px;
margin-top: 0px;
}

#main_content .left_col li a {
margin: 0px;
width: 125px;
color: #777777;
padding-top: 9px;
height: 20px;
display: block;
padding-bottom: 9px;
text-align: right;
padding-right: 25px;
background-image:url(../images/sub_navigation/off_image.gif);
background-position: right;
background-repeat: no-repeat;
}

#main_content .left_col li a:hover {
color: #330099;
background-image:url(../images/sub_navigation/over_image.gif);
background-position: right;
background-repeat: no-repeat;
}

#main_content .left_col li.sub_navigation_on a {
color: #330099;
width: 125px;
background-image:url(../images/sub_navigation/over_image.gif);
background-position: right;
background-repeat: no-repeat;
}

#main_content .left_col li.top_image {
margin: 0px;
background-image:url(../images/sub_navigation/top_image.gif);
background-position: right;
background-repeat: no-repeat;
width: 150px;
padding-bottom: 13px;
height: 13px;
}

#main_content .left_col li.bottom_image {
margin: 0px;
background-image:url(../images/sub_navigation/bottom_image.gif);
background-position: right;
background-repeat: no-repeat;
width: 150px;
padding-top: 10px;
height: 13px;
}

#main_content .right_col {
width: 150px;
vertical-align: top;
padding: 10px;
float: right;
}

#main_content .right_col ol {
margin-left: 20px;
padding-left: 0px;
}

#main_content .center_col {
margin-left: 150px;
padding: 10px;
line-height:20px;
margin-right: 150px;
vertical-align: top;
text-decoration: none;
}

/* End of Main Area of the page */

#footer {
text-align: right;
padding: 4px;
color: #FFFFFF;
height: 20px;
background-color: #330099;
background-image:url(../images/asknimhe.jpg);
background-position: left;
border-top: 1px solid #330099;
border-bottom: 1px solid #330099;
background-repeat: no-repeat;
}

#footer a {
color: #BFB0E9;
text-decoration: none;
}

#footer a:hover {
color: #FFFFFF;
}

/* CUSTOM CLASSES */

.quote {
	color: #330099;
	font-style: italic;
	font-size: 100%;
}

.reference {
color: #999999;
font-size: 100%;
text-align: right;
}

.enter_website {
text-align: center;
background-color: #330099;
width: 200px;
color: #FFFFFF;
}

.enter_website a {
display: block;
padding: 5px;
width: 200px;
color: #FFFFFF;
border: 4px outset #7700FF;
}

.enter_website a:hover {
border: 4px inset #7700FF;
}

/* Drop Down Menu from the left navigation */
#main_content .left_col .subnav_dropdown {
color: #FFFFFF;
width: 145px;
font-style: normal;
border: 1px solid #330099;
background-color: #BFB0E9;
}

#main_content .left_col .subnav_dropdown li {
	width: 145px;
	margin: 0px;
	color: #FFFFFF;
	background-position: left;
	background-color: #BFB0E9;
}

#main_content .left_col .subnav_dropdown li a {
		padding: 4px 5px;
		color: #FFFFFF;
		width: 135px;
		background-image: none;
	}
	
#main_content .left_col .subnav_dropdown li a:hover {
	background-image: none;
	background-color: #330099;
	color: #FFFFFF;
}

#main_content .left_col .subnav_dropdown li.nav_on a {
background-color: #330099;
color: #FFFFFF;
background-image: none;
}

.question {
	color: #330099;
}

.error {
background-image: url(../images/redlight.png);
background-position: left center;
background-repeat: no-repeat;
padding: 20px;
padding-left: 42px;
text-align: center;
margin: auto;
background-color: #FFEBEB;
border: 1px solid #F3D7D7;
color: #000000;
text-align: center;
}

.confirmation {
background-image: url(../images/greenlight.png);
background-position: left center;
background-repeat: no-repeat;
padding: 20px;
text-align: center;
margin: auto;
padding-left: 42px;
background-color: #E2FFDE;
border: 1px solid #97E3A2;
color: #000000;
text-align: center;
}

#search_results {
background-color: #EEEEEE;
border: 1px solid #000000;
}

#search_results1 {
background-color: #EEEEEE;
border: 1px solid #000000;
}

.search_results { 
background-color: #EEEEEE;
border: 1px solid #000000;
}

.waiting_times {
border: 1px solid #BBBBBB;
background-color: #EEEEEE;
}

.pdf_viewer {
padding: 5px; 
width: 100%;
background-color: #EEEEEE; 
border: 1px solid #BBBBBB;
}

.pdf_viewer td {
width: 50%;
}

.confirmation {
background-image: url(../images/greenlight.png);
background-position: left center;
background-repeat: no-repeat;
padding: 20px;
text-align: center;
margin: auto;
padding-left: 42px;
background-color: #E2FFDE;
border: 1px solid #97E3A2;
color: #000000;
text-align: center;
}

.cell {
	background: #E2F3F3;
	border: 1px solid #0FABA7;
	height: 100%;
	display: block;
	margin: 10px;
	padding: 5px;
	text-align: center;
	vertical-align: middle;
}

.celllink {
cursor: hand;
background: #E2F3F3;
border: 1px solid #0FABA7;
height: 100%;
display: block;
margin: 10px;
padding: 5px;
text-align: center;
vertical-align: middle;
}

.cell a {
display: block;
padding: 5px;
height: 100%;
border: 1px solid #E2F3F3;
}

.cell a:hover {
background-color: #BEE4E4;
color: #330099;
border: 1px solid #0FABA7;
}

.caution a {
color: #FFFFFF;
display: block;
padding: 10px 2px 10px 2px;
height: 100%;
border: 1px solid #0FABA7;
}

.caution a:hover {
color: #000000;
border: 1px solid #E2F3F3;
background-color: #BEE4E4;
}

.cell p, .caution p {
text-align: left;
}

.cell ul {
margin-left: 15px;
}

.caution {
	color: #FFFFFF;
	padding: 5px;
	text-align: left;
	background: #0FABA7;
	border: 1px solid #0DACA7;
}

table.nice_guidance {
background-color: #FFFFFF;
width: 100%;
font-size: 100%;
text-align: left;
}

table.nice_guidance p {
text-align: left;
}

table .nice_guidance .title {
width: 25%;
background-color: #CDEEEB;
border: 1px solid #0FABA7;
}

table .nice_guidance .top_title {
background-color: #CDEEEB;
font-size: 120%;
font-weight:bold;
}

table .nice_guidance textarea {
font-size: 100%;
padding: 2px;
border: 1px solid #BBBBBB;
}

table .nice_guidance ul li {
font-size: 100%;
}

.important {
padding: 5px;
color: #CC0000;
text-decoration: none;
width: 200px;
border: 1px solid #CCCCCC;
font-size: 120%;
}

#work_packages .title { 
background-color: #0FABA7;
border-bottom: 0px;
color: #FFFFFF;
padding: 3px;
background-image: url(../images/wp_info_bg.gif);
background-repeat: no-repeat;
background-position: right;
font-size: 120%;
width: 200px;
}

#work_packages .info {
border: 2px solid #0FABA7;
font-size: 100%;
padding: 5px;
background-color: #CDEEEB;
}

#work_packages input {
background-color: #F8F8F8;
}

#breadcrumb {
color: #777777;
background-color: #EEEEEE;
padding: 5px;
border-bottom: 1px dashed #BBBBBB;
}

#breadcrumb a {
color: #777777;
}

#breadcrumb a:hover {
color: #000000;
}

.ref {
position: relative;
top: -5px;
font-weight: normal;
}

h1 .ref {
font-weight: normal;
position: relative;
top: -8px;
font-size: 50%;
}

#form_description {
width: 100%;
padding: 0px;
background-color: #EEEEEE;
border: 1px solid #BBBBBB;
}

#border {
border-top: 1px solid #777777;
border-right: 1px solid #777777;
}

#border h3 {
margin: 0px;
padding: 0px;
}

#border td{
border: 1px solid #777777;
border-right: 0px;
border-top: 0px;
}

.development_form input, .development_form textarea{
/*padding: 5px; border: 1px solid #BBBBBB; background-color: #EEEEEE;*/
background-color: #EEEEEE;
border: 1px solid #333333;
font-size: 100%;
}

.back_to_top {
text-align: center;
}

.right_col .links a {
padding: 5px;
font-style: italic;
color:#777777;
width: 90%;
display: block;
}

.right_col .links a:hover {
color: #330099;
}

.click_for {
color: #999999;
font-size: 100%;
padding: 5px;
padding-left: 35px;
background-image:url(../images/click_for.gif);
background-position: left;
background-repeat: no-repeat;
}

.hand {
cursor:hand;
}

#audit { 
border: 1px solid #BBBBBB;
}

#audit h2 {
color: #330099;
}

#audit .showfirst {
padding: 10px;
}

#audit .showsecond {
background-color: #EEEEEE;
padding: 10px;
}

ul.work_package_list {
list-style-type: none;
margin-left: 5px;
}

.floating_menu {
position: fixed;
bottom: 0;
text-align: center;
width: 110px;
background-color: #FFFFFF;
border-top: 1px solid #BBBBBB;
border-left: 1px solid #BBBBBB;
border-bottom: 1px solid #BBBBBB;
right: 0px;
padding: 6px;
}

/* RSS Information */
.rssdate {
color: #999999;
font-size: 95%;
}

.nice_guidance {
border: 1px solid #0FABA7;
}

.nice_guidance td {
border: 1px solid #0FABA7;
}

.glostitle {
font-size: 120%;
color: #330099;
}

.news_update {
background-color: #F8F8F8;
border: 1px solid #BBBBBB;
padding: 5px;
}

.feedback {
padding: 5px;
width: 140px;
margin: auto;
text-align: center;
border: 1px solid #999999;
background-color: #EEEEEE;
}

#footer .backtotop {
padding: 1px 2px 1px 2px;
background-color: #FFFFFF;
border: 1px solid #000000;
margin-right: 30px;
float: right;
}

#footer .backtotop a {
color: #330099;
}

#footer .backtotop a:hover {
background-color: #330099;
color: #FFFFFF;
}

.date { 
color: #666666;
}

.manager_profile {
border: 1px solid #999999;
margin: 5px;
padding: 5px;
background-color: #F8F8F8;
}

#progress { 
visibility:hidden;
position: absolute;
top: 150px;
left: 80px;
width: 220px;
height: 100px;
background-color: #FFDDDE;
border: 1px solid #999999;
padding: 5px;
}

.form_field {
padding:5px 0px;
clear:both;
}

.form_field label {
text-align:right;
font-weight:bold;
float:left;
width:150px;
}