/* HTML ELEMENTS */

body {
background-color: #ced6e0;
text-align: center;
background-image: url('/images/bg.gif');
background-repeat: repeat-x;
margin: 0px;
padding: 0px;
font-size: 12px;
}

body, p, div {
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #000000;
}

div {
margin: 0px;
padding: 0px;
}

img {
border: 0px;
}

h1 {
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #000000;
font-size: 14px;
font-weight: bold;
padding: 15px 0px 15px 0px;
margin: 0px;
}

h2 {
color: #7f7f7f;
font-size: 13px;
font-weight: bold;
margin: 30px 0px 20px 0px;
}

h3 {
color: #000000;
font-size: 12px;
font-weight: bold;
margin: 30px 0px 20px 0px;
}


a {
color: #3e6da8;
text-decoration: underline;
}

a:visited, a:hover {
color: #000000;
text-decoration: underline;
}

ul {
margin: 0px 0px 0px 15px;
padding: 0px 0px 0px 0px;
}

ul li {
list-style-type: square;
margin: 0px 0px 0px 5px;
padding: 5px 5px 5px 5px;
}

li.colorbg {
background-color: #f6f6f6;
}

ul.rssnews {
margin: 0px 0px 0px 15px;
padding: 0px 0px 0px 0px;
}

ul.rssnews li {
list-style-type: square;
margin: 0px 0px 10px 0px;
padding: 0px 0px 0px 10px;
}

.presentationboxes1 {
margin: 0px;
padding: 0px;
font-size: 11px;
}

.presentationboxes2a, .presentationboxes2b, .presentationboxes3a, .presentationboxes3b  {
float: left; 
width: 260px;
border: 1px solid #000000;
padding: 5px 5px 0px 5px;
height: 120px;
}

.presentationboxes2a:hover, .presentationboxes2b:hover, .presentationboxes3a:hover, .presentationboxes3b:hover  {
background-color: #e8f3fd;
}

.presentationboxes2a, .presentationboxes2b {
margin: 5px 5px 5px 0px;
}

.presentationboxes3a, .presentationboxes3b {
margin: 5px 0px 5px 5px;
}

.presentationboxes2a, .presentationboxes3a {
background-color: #fcfcfc;
}

.presentationboxes2b, .presentationboxes3b {
background-color: #e3e3e3;
}

.presentationboxes2a p, .presentationboxes3a p, .presentationboxes2b p, .presentationboxes3b p {
margin-top: 0px;
}

img.media-item {
margin-right: 8px;
margin-bottom: 4px;
float: left;
}

a.imageHighlight:hover {
background: transparent;
}

a.imageHighlight img {
border: 2px solid #bbd0eb;
padding: 2px;
}

a.imageHighlight:visited img {
border: 2px solid #bbd0eb;
}  

a.imageHighlight:hover img,
a.imageHighlight:active img {
border: 2px solid #000000;
}

input, select {
border: 1px solid #dedede;
background-color: white;
color: #000000;
}

.inward {
border: 1px solid #babec4;
background-color: #dedede;
color: #000000;
}

.outward {
border: 1px solid #babec4;
background-color: #FFFFFF;
color: #000000;
}


.formfieldtitle {
border-top: 1px solid #babec4;
border-left: 1px solid #babec4;
border-right: 1px solid #babec4;
background-color: #FFFFFF;
padding: 2px 2px 2px 4px;
margin: 10px 0px 0px 0px;
font-size: 10px;
width: 170px;
}




/* ORIGINAL LAYOUT */

#main {
margin: 0px auto;
padding: 0px;
width: 766px;
}

#border-left {
float: left;
width: 8px;
height: 621px;
}

#body {
float: left;
width: 750px;
background-image: url('/images/body-bg.gif');
background-repeat: repeat-y;
}

#border-right {
float: left;
width: 8px;
height: 621px;
}

#top {
width: 750px;
height: 17px;
background-color: #90a2b8;
}

#top-text {
text-align: right;
font-size: 10px;
color: #000000;
}

#top-text a, #top-text a:visited {
color: #000000;
text-decoration: none;
}

#top-text a:hover {
color: #2f5f9a;
text-decoration: underline;
}

#header {
background-color: #415367;
width: 750px;
height: 72px;
}

#menu-top {
background-image: url('/images/menu-top.gif');
background-repeat: no-repeat;
background-color: #000000;
color: #FFFFFF;
width: 750px;
height: 25px;
}

#menu-top-text {
padding-left: 70px;
}

#menu-top a, #menu-top a:visited, #menu-top a:hover {
display: block;
float: left;
width: 200px;
color: #FFFFFF;
text-decoration: none;
font-weight: bold;
background-color: transparent;
height: 20px;
margin-top: 1px;
padding-top: 4px;
border-left: 1px solid black;
border-right: 1px solid black;
border-top: none;
border-bottom: none;
}

#menu-top a:hover {
text-decoration: none;
background-color: #3e4f63;
border-left: 1px solid #3e4f63;
border-right: 1px solid #3e4f63;
}

#menu-top a.currentmenu {
text-decoration: none;
background-color: #3e4f63;
border-left: 1px solid white;
border-right: 1px solid white;
}

#menu-top-shades {
width: 750px;
height: 9px;
}

#body-middle {
width: 750px;
}

#column-left {
float: left;
padding: 0px 0px 0px 0px;
background-image: url('/images/column-left.gif');
background-repeat: no-repeat;
background-position: top;
background-color: #FFFFFF;
width: 144px;
min-height: 620px;
}

/* for Internet Explorer 6.0 */
* html #column-left  {
height: 620px;
}


#content-area {
float: left;
width: 606px;
}

#pathway {
background-image: url('/images/body-title.gif');
background-repeat: no-repeat;
background-color: #babec4;
width: 606px;
height: 36px;
}

#pathway-text {
text-align: left;
padding: 8px 0px 0px 20px;
font-size: 10px;
}

#content {
background-image: url('/images/body.gif');
background-repeat: repeat-y;
background-color: #f0f0f0;
width: 606px;
text-align: left;
}

#content-text {
padding: 5px 20px 20px 20px;
line-height: 1.5;
}

#bottom {
width: 750px;
height: 4px;
}

#footer {
text-align: center;
}

#footer-text {
padding-top: 10px;
color: #788fab;
font-size: 9px;
}

#footer-text a, #footer-text a:visited {
color: #788fab;
text-decoration: underline;
}

#footer-text a:hover {
color: #000000;
}





/*
hack to correct Containing Floats problem 
http://www.complexspiral.com/publications/containing-floats/
*/
div.clearer {
clear: both; 
margin: 0px;
padding: 0px;
height: 0px;
line-height: 0px;
}