/* Start of CMSMS style sheet 'TMS: Homepage Style' */
/*****************
browsers interpret margin and padding a little differently, 
we'll remove all default padding and margins and
set them later on
******************/
* {
margin:0;
padding:0;
}

/*
Set initial font styles
*/
body {
   background:#0f3b7a url(images/layout/bg.gif);
   text-align: left;
   font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
   font-size: 75.01%;
   line-height: 1.0em;
   margin: 0 1.0em 0 1.0em;
}

/*
set font size for all divs,
this overrides some body rules
*/
div {
   font-size: 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: #02266e; 
}

a:visited {
   text-decoration: underline;
   background-color: inherit;
  color: #02266e;                
}

a:hover {
   text-decoration: underline;
   background-color: inherit;
   color: #e08020;
}

a.menu {
   text-decoration: none;
   font-weight: bold;
   font-size: 1.1em;
   line-height:1.0em;
   color: #ffffff;
   background-color: #052c83;
   padding: 7px;
}

a.menu:hover {
   text-decoration: none;
   font-weight: bold;
   font-size: 1.1em;
   line-height:1.0em;
   color: #f58220;
}

a.active {
   text-decoration: none;
   font-weight: bold;
   font-size: 1.1em;
   line-height:1.0em;
   color: #052c83;
   background-color: #c8e0f0;
   padding: 7px;
}

/*****************
basic layout 
*****************/

div#content {
   border: 1px solid black;
   margin: 0 auto;        
   max-width: 980px;
   min-width: 865px;
   color: black;
   background: #ffffff;
}

div#box-header {
   border: 1px solid #800000;
   background-color: #cc3333;
   margin: 0;
   padding: 10px;        
   color: #ffffff;
   font-weight: bold;
   font-size: 1.2em;
   line-height:1.0em; 
}

div#box-content {
   border-left: 1px solid #800000;
   border-right: 1px solid #800000;
   border-bottom: 1px solid #800000;
   background-color: #ffffff;
   margin: 0;
   padding: 10px;        
   color: #202020;
}

div#form {
   margin: 0 auto;
   width: 480px; 
   padding: 15px;
   background-color: #fff0d0;
}

td.top-row {
   background-color: #02266e;
}

td.navigation {
   background: #0f3b7a url(images/layout/menu-bg.gif);
   color: #ffffff;
}

td.outer {
   background-color: #c8e0f0;
   padding: 10px 15px 10px 15px;
}

td.inner {
   background-color: #ffffff;
   padding: 10px 15px 10px 15px;
}

td.footer {
   background-color: #02266e;
   text-align: center;
   padding: 10px;
   color: #c8e0f0;
   font-size: 0.85em;
}

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

/* HEADINGS */
h1 {
   font-size: 2em;  /* font size for h1 */
   line-height: 1em;
   margin: 0;
}
h2 {
   color: #001050;
   border: 0;
   padding: 0;
   font-size: 1.3em;
   line-height: 1.3em;
   margin: 0.5em 0 0.5em 0;
}
h3 {
   color: #0058a9; 
   font-size: 1.0em;
   line-height: 1.2em;
   margin: 0.5em 0 0.5em 0;
}
/* END HEADINGS */

/* TEXT */
p {
   font-size: 1.0em;
   margin: 0 0 1.5em 0;  /* some air around p elements */
   line-height:1.2em;
   padding: 0;
}



/* LISTS */
/* lists in content need some margins to look nice */
div#main ul,
div#main ol {
	font-size: 1.0em;
	line-height: 1.4em;
	margin: 0 0 1.5em 0;
}
div#main ul li,
div#main ol li {
	margin: 0 0 0.25em 2em;
}
/* End of 'TMS: Homepage Style' */