/* GLOBAL ELEMENTS */
* {
margin:0px;
padding:0px;
}
body {
	background-color: #4c6eaa;
	background-image: url(images/bg_main.gif);
	background-repeat: repeat-x;
	font: .8em helvetica, arial, verdana, sans-serif ;
	color: #666;
	text-align: center;
}

#container {text-align: left; width: 718px; margin-left: auto; margin-right: auto; }

.clear {clear: both; }

/* HOME PAGE LOGO & PHOTO BAR ELEMENTS */
#topbar {background-image: url(images/bg_topbar.gif); background-repeat: repeat-x; width: 704px; height: 22px; color: #fff; font-size: 120%; text-align: right; padding-right: 14px; padding-top: 7px; }
.header {margin: 0px; }

/* GLOBAL ELEMENTS */
a:link {color: #5b72d0; text-decoration: none}
a:visited {color: #5b72d0; text-decoration: none}
a:active {color: #5b72d0; }
a:hover {color: #7b334d; }

ul#nav {width: 700px; height:30px; list-style-type: none; background-image: url(images/bg_nav_off.gif); background-repeat: repeat-x; background-color: #fff; padding-left: 18px; }
ul#nav li {height: 25px; float: left; background-image: url(images/bg_nav_dv.gif); background-repeat: no-repeat; background-position: right; padding-top: 5px; font-size: 105%; }
ul#nav a, ul#nav a:link, ul#nav a:visited, ul#nav a:active {color: #d8e6f5; padding-left: 8px; padding-right: 8px; }
ul#nav a:hover {color: #fbe962; }
ul#nav .navon {font-weight: bold; background-image: url(images/bg_nav_on.gif); background-repeat: repeat-x; height: 25px;}

ul#subnav {list-style-type: none; }
ul#subnav li {float: left; font-weight: bold; padding-right: 8px; padding-bottom: 10px; }
ul#subnav a, ul#subnav a:link, ul#subnav a:visited, ul#subnav a:active {color: #10007f; text-decoration: underline; }
ul#subnav a:hover {color: #7b334d; }

ul#subnav_2colpage {list-style-type: none; padding-left: 30px; padding-top: 10px; }
ul#subnav_2colpage li {float: left; font-weight: bold; padding-right: 8px; padding-bottom: 10px; }
ul#subnav_2colpage a, ul#subnav_2colpage a:link, ul#subnav_2colpage a:visited, ul#subnav_2colpage a:active {color: #10007f; text-decoration: underline; }
ul#subnav_2colpage a:hover {color: #7b334d; }

#main_area {background-color: #dfe6ea; background-image: url(images/bg_content.jpg); background-repeat: repeat-y; }

#main_area_lower {background-color: #dfe6ea; background-image: url(images/bg_content.jpg); background-repeat: repeat-y; width: 618px; padding-top: 10px; padding-right: 70px; padding-left: 30px; min-height: 450px; }

p.break {padding-bottom: 10px; }

em {font-weight: bold; }

h1 {color: #54677c; font-size: 260%; font-weight: bold; width: 390px; padding-bottom: 10px; }
h2 {color: #666; font-size: 125%; width: 390px; line-height: 1.5em;}
h3 {color: #54677c; font-size: 250%; font-weight: bold; width: 600px; padding-bottom: 5px; }
h4 {color: #666; font-size: 125%; padding-top: 15px; }

/*LEFT COLUMN*/
#leftside {float: left; width: 390px; padding: 20px 30px 20px 30px}

#leftside_lower {float: left; width: 390px; padding: 0px 30px 20px 30px}

#home_left {float: left; margin-right: 10px; width: 190px; padding-top: 20px; }
.boxtitle1 {float: top; min-width: 180px; color: #7b334d; font-size: 125%; font-weight: bold; background-color: #bac4e6; padding: 3px 10px 3px 5px; text-align: left; border: 1px solid #767e85; }
.home_paragraph1 {width: 180px; padding-top: 10px; }
#home_right {float: right; width: 190px; padding-top: 20px; }
.boxtitle2 {float: top; min-width: 180px; color: #7b334d; font-size: 125%; font-weight: bold; background-color: #bac4e6; padding: 3px 15px 3px 5px; text-align: left; border: 1px solid #767e85;}
.home_paragraph2 {width: 180px; padding-top: 10px; }

ul#bulletlist {list-style-type: none; width: 600px; }
ul#bulletlist li {padding-bottom: 5px; background-image: url(images/bullet.gif); background-repeat: no-repeat; background-position:3px 5px; padding-left: 15px; }

ul#bulletlist_2col {list-style-type: none; width: 390px; }
ul#bulletlist_2col li {padding-bottom: 5px; background-image: url(images/bullet.gif); background-repeat: no-repeat; background-position:3px 5px; padding-left: 15px; }

.vcard {padding-bottom: 10px; }

/*RIGHT COLUMN*/
#rightside {width:265px;  margin-left: 450px; }
html>body #rightside {width:268px; }

#loginbox  {width: 232px; height: 202px; margin-top: 20px; background-image: url(images/bg_login.jpg); background-repeat: no-repeat; padding: 10px; }
.subhead {color: #7b334d; font-size: 130%; font-weight: bold; padding-bottom: 10px; }
.username {padding-bottom: 10px; float: left; padding-right: 5px; width: 60px; font-size: 12px; }
.unfield {margin-bottom: 10px; width: 140px; }
.password {padding-bottom: 10px; float: left; padding-right: 5px; width: 60px; font-size: 12px; }
.pwfield {margin-bottom: 5px; width: 140px; }
.button {padding-left: 65px; }

#callout_box {float: top; width: 239px; height: 298px; margin-top: 30px; background-image: url(images/bg_lowerbox.jpg); background-repeat: no-repeat; padding: 10px; }
#callout_box h3 {color: #787878; font-size: 150%; font-weight: bold; padding-bottom: 10px; width: 200px; }
#callout_box p {padding-bottom: 30px; width: 239px; }
.calloutbox_pic {margin-right: 5px; align: absmiddle; }
.calloutbox_sub {color:#000; font-weight: bold; font-size: 90%; width: 145px; }


/*FOOTER*/
#footer {text-align: center; font-size: 90%; padding-top: 30px; padding-bottom: 10px; clear: both; }

.bottombar {height: 20px; }

/*LOGIN - INVALID PASSWORD WARNING*/
.message {
    font-family: "Helvetica", "Arial", "Verdana", "sans-serif";
    color: #304c7f;
    font-weight: bold;
    font-size: 11pt;  
	padding-bottom: 8px; 
	text-transform: uppercase;  
}