/* ##################################### Common #################################### */

html { overflow: -moz-scrollbars-vertical !important; }
body {	background-color: #ffffff; padding: 0; margin:0; font-family: Arial, Verdana, san-serif; font-size: 0.88em; color: #000000; }
* { margin: 0; padding: 0; }
img { display: inline; border: 0px; vertical-align: bottom; }
a { color: #21467B; }
a:visited { color: #21467B; }
form { margin:0; padding:0; }
legend { margin-bottom: 10px; color: #000000; }

h1 { color: #253D69; font-size: 1.4em; }
h2 { color: #253D69; font-size: 1.2em; }
h3 { color: #253D69; font-size: 1.1em; }
h4 { color: #253D69; font-size: 1em; }

h1.title { color: #000000; display: inline; }

.bold { font-weight: bold; }
.larger { font-size: 1.2em; }
.paragraph { margin: 15px 0px; text-align: justify; }
.clear { clear:both; overflow:hidden; height: 1px; }

/* ##################################### LAYOUT ######################################## */

div#header { float: none; clear: both; height: 114px; background-image: url('../images/header_bottom_bg.png'); background-repeat: repeat-x; background-position: bottom right; }
div#header_img_logo { float: left; clear: none; width: 180px; height: 114px;  }

/* IE Hacks included eg _left: 0; */
div#header_img_ncc { _left: 0; _position: absolute; _width:expression(document.body.clientWidth - 180); height: 114px; margin-left: 180px; background-image: url('../images/ncc_header.png'); background-repeat: no-repeat; background-position: top left; }
div#header_img_sn { _left: 0; _position: absolute; _width:expression(document.body.clientWidth - 180); height: 114px; margin-left: 180px; background-image: url('../images/sn_header.png'); background-repeat: no-repeat; background-position: top left; }
div#header_img_hosp { _left: 0; _position: absolute; _width:expression(document.body.clientWidth - 180); height: 114px; margin-left: 180px; background-image: url('../images/hosp_header.png'); background-repeat: no-repeat; background-position: top left; }
div#top_nav { _left: 0; _position: absolute; _width:expression(document.body.clientWidth - 200); _height: 24px; height: 26px; background-color: #213965; margin: 0px 0px 0px 181px; padding: 0px 0px 0px 19px; }
div#top_nav_holder { margin: 0px auto; padding: 0px; width: 570px; }
div#container { background-image: url('../images/bg.png'); background-repeat: repeat-y; background-position: top left; }

div#content { clear: none; margin: 0px 0px 0px 180px; padding: 20px; _margin-top: 24px; min-height: 520px; }
/* top_nav includes stupid IE hacks. */
div#other_layout_bar { float: none; clear: both; width: 579px; margin: 0px 0px 0px 0px; padding: 0px; }
div#footer { clear: both; float: none; margin: 0px; padding: 8px 0px 8px 200px; border-bottom: 1px solid #000000; background-image: url('../images/bg.png'); background-repeat: repeat-y; background-position: top left; font-size: 0.8em; }

a.top_nav_closed_a { display: block; float: left; clear: none; width: 180px; height: 20px; _height: 24px; margin: 0px; padding: 3px 5px; font-size: 0.9em; font-weight: bold; text-align: center; color: #FFFFFF; text-decoration: none; }
a.top_nav_closed_a:visited { display: block; float: left; clear: none; width: 180px; height: 24px; _height: 22px; margin: 0px; padding: 3px 5px; font-size: 0.9em; font-weight: bold; text-align: center; color: #FFFFFF; text-decoration: none; }
a.top_nav_open_a { display: block; float: left; clear: none; width: 180px; height: 20px; _height: 24px; margin: 0px; padding: 3px 5px; font-size: 0.9em; font-weight: bold; text-align: center; background-color: #FFFFFF; color: #00000; text-decoration: none; }
a.top_nav_open_a:visited { display: block; float: left; clear: none; width: 180px; height: 20px; _height: 24px; margin: 0px; padding: 3px 5px; font-size: 0.9em; font-weight: bold; text-align: center; background-color: #FFFFFF; color: #00000; text-decoration: none; }

ul#menu_ul { width: 180px; padding: 0px; margin: 0px 0px 30px 0px; }
li.menu_item_closed_li { width: 180px; padding: 0px; margin: 0px; list-style-type: none; }
li.menu_item_open_li { width: 180px; padding: 0px; margin: 0px; list-style-type: none; }
li.sub_menu_item_closed_li { width: 180px; padding: 0px; margin: 0px; list-style-type: none; }
li.sub_menu_item_open_li { width: 180px; padding: 0px; margin: 0px; list-style-type: none; }

div#menu_sponsor { position: absolute; top: 600px; width: 150px; margin: 8px 15px; padding: 0px; }


h1#menu_sponsor_title { font-size: 1.1em; color: #FFFFFF; font-weight: bold; text-align: center; letter-spacing: 0.08em;}
img.menu_sponsor_img { margin: 4px 0px; padding: 0px; border: 0px; background-color: #FFFFFF; }
a.menu_sponsor_a { display: block; width: 150px; margin: 0px; padding: 2px 0px; border-bottom: 2px solid #213965; color: #FFFFFF; background-color: #63B14E; font-size: 0.9em; text-align: center; text-decoration: none; }
a.menu_sponsor_a:visited { display: block; width: 150px; margin: 0px; padding: 2px 0px; border-bottom: 2px solid #213965; color: #FFFFFF; background-color: #63B14E; font-size: 0.9em; text-align: center; text-decoration: none; }
div.menu_sponsor_div { width: 150px; margin: 0px; padding: 4px 0px; font-size: 0.9em; color: #000000; background-color: #FFFFFF; text-align: center; border-bottom: 20px solid #63B14E; }

/* #########################################  Index ########################################### */

.indexNewsColumnOuter {
	float: left;
	width: 376px;
	margin: 0px;
	padding: 0px;
	background-color: #213965;
}

.indexNewsColumnInner {
	min-height: 585px;
	padding: 10px;
	text-align: left;
	line-height: 1.2em;
}

.indexNewsColumnTitle { 
	color: #FFF;
	text-align: center;
}

.indexContent {
	float: left;
	width: 377px;
	margin: 0px;
	padding: 0px;
	background-color: #FFF;
}

.indexContentBox {
	width: 361px;
	margin: 10px 0px 10px 10px;
	border: 3px solid #000;
}

/* ##################################### Pages ######################################## */

/* --- Portal --- */
div#portal_entrance_holder { width: 780px;height: 495px; margin: 0px auto; padding: 0px; }
div.portal_entrance { width: 241px; height: 479px; border: 0px; margin: 8px; padding: 0px; float: left; clear: none; }
img.portal_entrance_image { width: 241px; height: 239px; border: 0px; margin: 0px; }
div.portal_entrance_title { width: 237px; height: 48px; border: 0px 2px solid #253D69; margin: 0px; color: #FFFFFF; background-color: #60B14B; text-align: center; }
div.portal_entrance_text { width: 225px; height: 138px;  border: 0px 2px solid #253D69; margin: 0px; padding: 6px; color: #FFFFFF; background-color: #213965; text-align: justify; }
img.portal_entrance_bottom { width: 241px; height: 42px; margin: 0px; padding: 0px; }

/* --- Login --- */
fieldset#loginform_your_identity { margin: 60px auto; padding: 10px; width: 240px; }
label.login_label { display: block; float: left; width: 70px; margin: 4px 0px; }
input.login_box { width: 160px; margin: 4px 0px; }
div#loginform_button { padding: 5px; text-align: right; }

/* --- Contact Us --- */
input.contactform_halfbox { width: 278px; margin-right: 2px; }
textarea#contactform_message { width: 564px; height: 120px; }
div#contactform_send { padding: 15px; }
input#contactform_send { margin-left: 180px; }

/* ##################################### Menu ######################################## */

div#menu { float: left; clear: none; width: 180px; margin: 0; padding: 30px 0px 0px 0px; background-color: #213965; }

.menu {
	display: block;
	width: 170px;
	height: 1050px;
	list-style: none;
	text-align: right;
	font-weight: bold;
	font-size: 0.9em;
}

.submenu_open {
	width: 100%;
	display: block;
	list-style: none;
	text-align: right;
	font-weight: normal;
}

.submenu_closed {
	width: 100%;
	display: none;
	list-style: none;
	text-align: right;
	font-weight: normal;
}

.submenu_open li, .submenu_closed li {
	margin-right: 15px;
}

.menua, .menua:visited {
	color: white;
	line-height: 21px;
	text-decoration: none;
}