/************************************  GLOBALS                    
************************************************************************************************/

* {
  padding:0;
  margin:0;  
}

select > option { padding: 0 5px 0 3px; } /* Fix for Mozilla with universal selector */

html, body{ text-align: center; }

body {
  background-color:#D3D3D3;
  color: #333;
}

body, p, ol, li, dd, th, td, a {
  font-family: verdana, arial, helvetica, sans-serif;
  font-size: 10px;
  line-height: 150%;
}

h1, h2, h3, h4, h5, h6, th {
  text-align: left;
  margin-top: 0.5em;
  margin-bottom: 0.5em;
  font-weight: bold;
}

h1 { font-size: 200%; }
h2 { font-size: 165%; }
h3 { font-size: 150%; }
h4 { font-size: 125%; }
h5 { font-size: 110%; margin-top: 0em;}

table {
  border-collapse:collapse;
  margin-bottom: 1em;
}

th {
  font-size: 100%;
  white-space: nowrap;
}

/*tr {
  margin-bottom: 0.2em;
}*/

td, th {  
  padding: 2px 20px 2px 2px;
}

p { 
  margin-top: 1em;
  margin-bottom: 1em;
}

pre {
  background-color: #eee;
  padding: 10px;
  font-size: 11px;
}

img { 
  border: none;  
}

ol, ul {
  padding-left:2.5em;
  margin-bottom: 1em;
  margin-top: 1em;
}
  

li {
  text-indent:0.5em;  
}

sub {font-size: .9em; }

a { color: #000; }
a:visited { color: #666; }
a:hover { color: #fff; background-color:#000; }

.clear:after {
  content: "."; 
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden;
}
.clear {display: inline-block;}
/* Hides from IE-mac \*/
* html .clear {height: 1%;}
.clear {display: block;}
/* End hide from IE-mac */

.underline {text-decoration: underline;}

.spacer {visibility: hidden; display: block;}

.roman {list-style-type: lower-roman;}

/*div {border: 1px solid #000000;} */

/************************************  LAYOUT
***********************************************************************************************/

#page {
  text-align:left;
  margin: 25px auto 0px auto;
  padding-bottom: 2em;
  background-color: #ffffff;
  width: 800px;
  border: 1px solid #000000;
}

#header {    
  background-image:url(../images/header_bkg.jpg);
  height: 122px;
}

#header #title {
  float:left;
  width: 500px;
  padding: 25px 0px 0px;  
}

#header #logo {
  float:left;
  width: 250px;
  height: 120px;
  background-image: url(../images/crest_small.png);
  background-repeat: no-repeat;
  background-position: center;
}

#leftCol {
  float: left;
}

#rightCol {
  float: left;
  width: 620px;
}

#nav {
  background-color:#D3D3D3;
  padding:0;
  width: 133px;  
}

#content {  
  padding: 0.5em 1.0em 0 1.5em;  
}

#footer {
  padding-bottom:5px;
  clear: both;
  text-align: center;
}


/************************************  NAVIGATION
************************************************************************************************/
#nav ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

#nav li {
  float: left;
  text-indent: 0;
  border-top: 1px solid #ffffff;
  background-color: #4466C4;
}

#nav a {
  display: block;
  width: 128px;
  border-width: 0;
  color: #ffffff;
  padding: 5px 0px 5px 5px;
  text-decoration: none;
}

#nav a:hover {
  color: #42577B;
  background-color:#ADD8E6;
}

a.current  {
  background-color: #A9A9A9;
  font-weight: bold;
  padding: 0;
}

#nav .login {
  margin-top: 1em;
  background-color: orange;
}

/************************************  CONTENT
************************************************************************************************/
#content .pageTitle {
  margin-top: 0.5em;
  color: #42577B;
}

#content h3, #content h4, #content h5, #content th {
  text-align: left;
  margin-top: 1.5em;
  margin-bottom: 0.2em;
  font-weight: bold;
}

#content h5, #content th {
  margin-top: 0.5em;
  margin-bottom: 0.2em;
}

#content p {
  margin-top: 1em;
  margin-bottom: 1.5em;
}

#content #status {
  float: right;
  border: 1px solid #000000;
  height: 100px;
  width: 100px;
  margin-top:1em;
}

#register p {
 margin:0.2em 0 0.2em 0;
}

#register label {
  display:block;
  float:left;
  width: 12em;
}

#status {
  margin: 30px 5px 5px;
  padding: 2px;
  border: 1px solid #00A000;	
}

#status ul, #status li { 
  list-style: none;
  margin: 0;
  padding: 0;
  text-indent:0;
  text-align: center;
}

#status .title {
  margin:0;
  padding: 2px;
  background-color: #00A000;
  color: #ffffff;
  font-weight: bold;
  text-align: left;
}

#status .group {
  margin: 0;
  /*text-align: left;*/
  font-size:100%;
  background-color: #d3d3d3;
  /*color: #ffffff;
  font-weight: normal;*/
}

.register {
  color: #ffffff; 
  background-color: #FF0000; 
  border: 1px solid #FF0000; 
  padding: 3px;
  text-decoration: none;
}
.register:visited { color:#ffffff;}

.references li {
  text-indent: 0em; 	
  margin-bottom: 0.8em;  
  padding-left: 0.8em;
}