* {
 margin: 0; 
 padding: 0; 
 border: 0;
}

html {
 height: 100%;
}

body {
 text-align: center; 
 background-color:#213443;
 color: #fff;
 min-width:100%;
 height:100%;
}

/* wrapper holds left faux column tab */
/* nn6/7 will put content out of scrollable reach if auto is used unless the min-width is on body */
#wrapper { 
 text-align: left;
 width: 100%;
 margin: 0 auto; 
 height: 100%;
}

* html #wrapper {
 height: 100%;
}


#header, #subnav, #footer {
 color: #000;
 clear: both; 
 width: 100%;
}

#header {
 height:105px;
 background-color:#213443;
 background-image:URL('/styles/blueNorange/images/header_loop.png');
 background-repeat:repeat-x;
}
#subnav, #footer { 
 background: #ccc; padding: 1px 0; 
}

#subnav {
 width:100%;
 height:22px;
 border-top:2px #000000 solid;
 border-bottom:2px #000000 solid;
 color:#000;
 font-weight:bold;
 text-align:right;
 padding-top:2px;
 background-image:URL('/styles/blueNorange/images/subnavi.gif');
}

#subnav .left { 
 float:left;
 padding-left:3px;
}

#subnav .right { 
 float:right;
 padding-right:3px;
}

#contentfloatholder { /* right faux column tab */
 float: left;
 width: 100%;
}


#contentfloatholder:after {
 /* this is for NN6 to clear floats */
 content: "."; 
 display: block; 
 height: 0px;
 clear: both; 
 visibility: hidden;
}

#center {
 margin: 0 175px 0 175px;
}

#center .inprint { 
 font-size:0.8em;
}

#center .inprint a:link, #center .inprint a:visited { 
 text-decoration:none;
 color:#FFFFFF;
}

#centerwrap {
 float:left;
 width: 100%; 
 margin: 0 -95% 0 0;
}

#left {
 float:left;
 /* width: 10em; */
 width:170px;
 margin: 0 0 0 -5%;
 height:100%;
 min-height:100%;
}

#left .copy { 
 font-size:0.6em;
 color:#000000;
 padding-left:0.5em;
}

#left .inprint { 
 font-size:0.6em;
 color:#000000;
 padding-left:0.5em;
}

#left .inprint a:link, #left .inprint a:visited { 
 color:#000000;
 text-decoration:none;
}


#right {
 float:right;
 width: 170px;
 margin: 0;
}


/************* IE Mac CSS Only  works for Win too **************/
* html div#centerwrap {
 margin:0 -100% 0 0; 
}

* html div#left {
 margin:0;
}

div h3, div p {
 margin: 1em 0;
 padding: 0 20px; 
}



/****************** GENEREAL  */

.navigation { 
 width:130px;
}

.naviLeftBackground {
	background: #213443 URL('/styles/blueNorange/images/left.gif') repeat-y 0 0;
}

.navigation .group { 
 color:#313131;
 padding-left:10px;
 font-weight:bold;
 padding-top:3px;
 font-family:Arial, arial;
 /* margin-left:10px; */
 /* background-image:URL('../images/global/navigation/bg.jpg'); */
 /* width:150px; */
 background-image:URL('/styles/blueNorange/images/bgnavi1.jpg');
 background-repeat:no-repeat;
 height:20px;
 font-size:0.8em;
 /* float:left; */

 width:124px;
 border-bottom:1px #000000 solid;
}

.navigation .element { 
 color:#000000;
 padding-left:10px;
 padding-right:10px;
 font-weight:bold;
 padding-top:3px;
 font-family:Arial, arial;
 /* margin-left:10px; */
 /* background-image:URL('../images/global/navigation/bg.jpg'); */
 /* width:150px; */
 height:20px;
 font-size:0.7em;
 /* float:left; */
 width:112px;
 border-right:2px #000 solid;
 border-bottom:1px #000000 solid;
 text-decoration:none;
 background-color:#E9E9E9;
}

.navigation .element:hover { 
 text-decoration:underline;
}

.navigation .element a:link, .navigation .element a:visited, .navigation .element a:active { 
 text-decoration:none;
 color:#000000;
}

.content_top {  
 width:780px;
 height:51px;
 background-image:URL('/styles/blueNorange/images/top.gif');
 color:#999;
 font-size:36px;
 font-weight:bold;
 padding-left:10px;
 padding-top:3px;
 -webkit-border-top-left-radius: 5px;
 -moz-border-top-left-radius: 5px;
 border-top-left-radius: 5px;
 
 -webkit-border-top-right-radius: 5px;
 -moz-border-top-right-radius: 5px;
 border-top-right-radius: 5px;
}

.content_extended {
 position:relative;
 margin-top:20px;
 width:776px;
 background-color:#FBFBFB;
 color:#000;
 font:arial;
 font-size:1em;
 padding:7px;
 font-size:0.8em;
 font-family:arial;
}

.content_extended legend { 
 font-weight:bold;
 color:#003399;
 background-color:#FFF;
}

.content_main { 
 position:relative;
 margin-top:5px;
 width:776px;
 background-color:#FBFBFB;
 color:#000;
 background-image:URL('/styles/blueNorange/images/bottom.gif');
 background-repeat:no-repeat;
 background-position:bottom;
 font:arial;
 padding:7px;
 font-size:0.8em;
 font-family:arial;
}

.content_main input, 
.content_main select, 
.content_main textarea, 
.content_extended input,
.content_extended select,
.content_extended textarea { 
 border:1px #000 solid;
 background-color:#fff;
 padding-left:1px;	
}

.content_main table,
.content_extended table { 
 vertical-align:middle;
}

.content_main table td,
.content_extended table td {
 border-bottom:1px #c0c0c0 solid; 
 padding: 3px;	
 vertical-align:middle;
}

.content_main ul,
.content_extended ul { 
 list-style:square;
}

.content_main ul li,
.content_extended ul li {
 margin-left:15px;
}

.content_main a:link, 
.content_main a:visited, 
.content_main a:active,
.content_extended a:link, 
.content_extended a:visited,
.content_extended a:active  { 
 color:#1a8cff;
}

.content_main a:hover,
.content_extended a:hover {
 color:#0072ff; 
}
	

.line_list { 
 margin:0;
 padding:0;
 list-style:none;
 font-size:10px;
 font-family:Helvetica;
 width:100%;
 padding-top:3px;
 padding-bottom:3px;
 border-bottom:2px #000 solid;
}

.loginBox {
 font-size:1em;
}

.loginBox input { 
 border:1px #000 solid;
}

/* Main login.. */
.startpage {
 background-color:#fff;
 height:auto;
 padding-top:18%;
}

.login {
 background-color:#213443;
 border-top:2px #000 solid;
 border-bottom:2px #000 solid;
 width:100%;
 height:200px;
 color:#fff;
 font-weight:bold;
 background-image:URL('/styles/blueNorange/images/bg-cube.jpg');
 background-repeat:no-repeat;
 background-position:30%;
}

.login span {
 padding-right:5%;
 display:block;
 margin-top:40px;
}

.login span label {
 display:inline-block;
 width:120px;
 text-align:left;
}

.login span input[type=submit] {
 margin-top:5px;
 margin-left:240px;
}