/* Start of CMSMS style sheet 'HERMES' */
/*****************
basic layout 
*****************/

* {
margin: 0;
padding: 0;
}

body, html {
margin: 0;
padding: 0;
}

div#header {
background: #ffffff url(uploads/images/header-bg.gif) repeat-x left bottom;
height: 174px;
width: 100%;
}

div#header-content {
width: 950px;
height: 174px;
border: 0px solid #000000;
text-align: center;
margin: 0 auto;
background: transparent url(images/logo1.jpg) no-repeat left top;
}

div#menu {
width: 950px;
height:30px;
margin-bottom: 0px;
border: 0px solid #000000;
float: left;
text-align: left;
font-weight: bold;
}

div#top {
width: 950px;
border: 0px solid #000000;
margin: 0 auto;
height: 180px;
}

div#banner-top {
width:950px; /* was 950 */
margin-right: 0;
text-align: right;
float: right;
}

div#breadcrumbs {
width: 350px;
float: left;
}

div#main {
width: 950px;
border:0px solid #000000;
margin: 0 auto;
height:100%; 
clear: both;
}

div#submenu {
width: 175px;
float: left;
}

div#content {
width: 750px;
float: right;
line-height: 150%;
}

div#footer {
width:100%;
background: #ffffff url(uploads/images/footer-bg.gif) repeat-x left bottom;
height: 28px;
margin-bottom:0px;
clear: both;
}


div.breadcrumbs {
   padding: 1em 0 1.2em 0; /* CSS short hand rule first value is top then right, bottom and left */
   font-size: 85%;             /* its good to set fontsizes to be relative, this way viewer can change his/her fontsize */
   font-color:#cccccc;
   margin: 0 auto;              /* css shorthand rule will be opened to be "0 1em 0 1em" */
   border-bottom: 0px dotted #000;
   width:900px;
}

 div.breadcrumbs span.lastitem { 
   font-weight:bold; 
 } 



/********************
CONTENT STYLING
*********************/

/*
Set initial font styles
*/
body {
   text-align: left;
   font-size: 75.01%;
   font-family: Verdana, Arial, Helvetica, sans-serif;
   line-height: 1em;
}


/*
if img is inside "a" it would have 
borders, we don't want that
*/
img {
   border: 0;
}

/*
default link styles
*/
/* set all links to have underline and bluish color */
a,
a:link 
a:active {
   text-decoration: underline;
/* css validation will give a warning if color is set without background color. this will explicitly tell this element to inherit bg colour from parent element */
   background-color: inherit; 
   color: #18507C; 
}

a:visited {
   text-decoration: underline;
   background-color: inherit;
  color: #18507C;                /* a different color can be used for visited links */
}


/* remove underline on hover and change color */
a:hover {
   text-decoration: none;
   color: #385C72;
}


div#extra {
font-size: 11px;
color: #ffffff;
line-height: 130%;
}

div#extra h2 {
font-size: 12px;
font-weight: bold;
}

/* HEADINGS */
div#content h1 {
   font-size: 2em;  /* font size for h1 */
   line-height: 1em;
   margin: 0;
}
div#content h2 {
   color: #294B5F; 
   font-size: 1.5em; 
   text-align: left; 
/* some air around the text */
   padding-left: 0.5em;
   padding-bottom: 1px;
/* set borders around header */
   border-bottom: 1px solid #6ab1e5; 
   border-left: 1.1em solid #6ab1e5; 
   line-height: 1.5em;
/* and some air under the border */
   margin: 0 0 0.5em 0;
}
div#content h3 {
   color: #294B5F; 
   font-size: 1.3em;
   line-height: 1.3em;
   margin: 0 0 0.5em 0;
}
div#content h4 {
   color: #294B5F; 
   font-size: 1.2em;
   line-height: 1.3em;
   margin: 0 0 0.25em 0;
}
div#content h5 {
   font-size: 1.1em;
   line-height: 1.3em;
   margin: 0 0 0.25em 0;
}
h6 {
   font-size: 1em;
   line-height: 1.3em;
   margin: 0 0 0.25em 0;
}
/* END HEADINGS */

/* TEXT */
p {
   font-size: 0.9em;
   margin: 0 0 1.5em 0;  /* some air around p elements */
   line-height:170%;
   padding: 0;
}
blockquote {
   border-left: 10px solid #ddd;
   margin-left: 10px;
}

strong, b {
/* explicit setting for these */
   font-weight: bold;
}
em, i {
/* explicit setting for these */
   font-style:italic;
}

/* END TEXT */

/* LISTS */
#content ul,
#content ol,
#content dl {
  font-size: 0.9em;
   line-height:1.4em;
   margin: 0 0 1.5em 0;
}
#content ul li,
#content ol li {
   margin: 0 0 0.25em 3em;
}

div#dl dt {
   font-weight: bold;
   margin: 0 0 0.25em 3em;
}
div#dl dd {
   margin: 0 0 0 3em;
}
/* END LISTS */

textarea {
width: 220px;
height: 70px;
}

table.prog {
font-size: 11px;
}

table.prog tr {
height: 25px;
}

/* End of 'HERMES' */