/*Titlepage stylesheet*/

/*BODY*/

body { margin: 0; padding: 0; text-align: center; font-family: arial, helvetica, san-serif; color: #000; background:  #12145C;   line-height: 120%; }

/*HEADERS*/
h1 { font-family: georgia, times, "times new roman", serif; font-size: 100%; font-weight: normal; }

h2, h3 { font-family: georgia, times, "times new roman", serif; font-size: 110%;  font-weight: bold; }

/*LINKS*/

a:link { text-decoration: none; color: blue; }
a:visited { text-decoration: none; color: purple; }
a:hover { text-decoration: underline; background: #FFFFD9; }
a:active { text-decoration: underline; color: purple; }
a img { border: none; background: transparent; }

.indent {  margin-left: 2em;  margin-right: 2em; }

.smallleft {  margin: 0 2px 0 0; padding: 0; float: left; }

.right {  margin: 5px 0 5px 1em;  padding: 0;  float: right; }

/*This creates the container space where everything else on the page is placed*/
#container { margin: 1em auto; width: 790px; background: #F0F8FF url(../images/background_blue.jpg) repeat-y 0 100%; border: 1px solid #000; }

#titleimage { background: #f0f8ff; }

#title { margin: 0; padding: 1px 0 0 0; background-color: #f0f8ff; font-family: georgia, times, "times new roman", serif; }

#menu { clear: both; margin: 0; padding: 0; font-size: 95%; font-weight: bold; background: #bcd2ee; font-family: arial, helvetica, san-serif; }
#menu ul { font-weight: bold; margin-top: 0;  margin-bottom: 0;  margin-left: 130px; /*margin between first menu item and left browser edge*/ padding: 0; list-style: none; }
#menu li { display: inline; margin: 0 2px 0 0; padding: 0; }
#menu a { float: left; display: block; color: #f0f0fa; margin: 0 1px 0 0; /*Margin between each menu item*/ padding: 5px 10px; text-decoration: none; background-color: #b5b5e6; /*Default menu color*/ }
#menu a:hover { background-color: #99cccc; /*Menu hover bgcolor*/ }
#menu #current a { /*currently selected tab*/ background-color: #4682b4; border-color: #4682b4; }
#menuline { clear: both; padding: 0; width: 100%; height: 3px; line-height: 3px; background: #4682b4; }

#searchbox { margin: 0 0 1em 1em; padding: 0; float: right;  width: 275px;  height: 75px;  }

#intro {  margin: 0;  padding: 1em;  background-color: #fff; 
 text-align: left; border-bottom: 10px solid #bcd2ee; }

.line { clear: both; height: 3px; width: 100%; margin: 0;  padding: 0; background-color: #fff; }

.content { padding: 0; margin: 0 2em 0 200px; }

.content p, .content h2, .content ul, .content ol { text-align: left; }

.content ul { list-style-type: none; }

#contentbox1 { margin: 0 160px 0 0; }

#sidenavleft {  float: left; width: 180px; margin: 0; }
 
#sidenavleftbox { text-align: left; font-size: 95%; margin-left: 10px; padding-top: 1em; padding-bottom: 0; }

#sidenavleft2 { clear: left; float: left; width: 180px; margin: 0; background: #FFF url(../images/background_purple.jpg) repeat-y 0 100%; }

#sidenavleftbox2 { text-align: left; font-size: 95%; margin-left: 10px; padding-top: 1em; padding-bottom: 0; }

#sidenavright
{ float: right; width: 160px; text-align: left; font-size: 90%;
 margin: 2em 1em 0 1em; padding: 1em 10px; background: #ebf0f0;
   border: 1px solid darkgray; }

#sidenavleft ul, #sidenavleft2 ul, #sidenavright ul { margin-top: 0;  margin-left: 0; padding-left: 0; list-style-type: none; }

#bottomcontent { clear: both; margin: 0; padding: 1em; background-color: #fff;  border-top: 10px solid #bcd2ee; }

#bottomcontent p { text-align: left; font-size: 90%; }

#footer { clear: both; margin: 0; padding: .5em 0; border-top: 10px solid #bcd2ee;  background-color: #fff; font-size: 80%;
 border-top: 10px solid #bcd2ee; }

/*This makes a centered, clickable "home page" icon in the footer*/
#footericon { margin: 0 auto; padding: 0; width: 40px; height: 40px; position: relative; background: #fff url(../images/icon_home.gif) no-repeat 0 100%; }

#footericon a { position: absolute; top: 0; left: 0; width: 40px; height: 40px; }

/*This keeps the text from displaying over the icon*/
#footericon a h1 { display: none; }