* { behavior: url("css/iepngfix.htc") }

html {
    height: 100%;
}

body {
    background: url(../images/left_side.jpg) repeat-y;
    margin: 0 0 20px 63px;
    width: 820px;
    height: 100%;
}

.clear {
    clear: both;
}

#container_home {
    margin: 0;
    padding: 0;
    height: 980px; 
    background: url(../images/background.gif) repeat-y;
}

#container_sec {
    margin: 0;
    padding: 0;
    height: 1050px; 
    background: url(../images/background.gif) repeat-y;
}

#container_admin {
    margin: 0;
    padding: 0;
    height: 1500px; 
    background: url(../images/background.gif) repeat-y;
}

#container_popup {
    margin: 0;
    padding: 0;
}

#navtabs {
    float: left;
    margin: 75px 0 0 10px;
    padding: 0;
}

#title_popup {
    float: left;
    margin: 5px 0 5px 10px;
    padding: 0;
}

#tab {
    margin: 0 5px 0 0;
    padding: 0;
    float: left;
    width: 150px;
    height: 38px;
    background: url(../images/navtab.jpg) no-repeat;
}

#tab a {
    display: block;
    padding: 10px 10px 10px 15px;
    width: 150px;
    height: 38px;
    text-decoration: none;
    font-family: Arial, Helvetica, sans-serif;
    color: white;
    font-size: 11px;
    font-weight: bold;
    line-height: 11px;
    background: url(../images/navtab.jpg) no-repeat;
}

#tab a:hover {
    width: 150px;
    height: 38px;
    text-decoration: none;
    background: url(../images/navtab_over.jpg) no-repeat;
}

#tab a.selected {
    width: 150px;
    height: 38px;
    text-decoration: none;
    background: url(../images/navtab_over.jpg) no-repeat;
}

#tab_manage {
    margin: 0 5px 0 0;
    padding: 0;
    float: left;
    width: 150px;
    height: 38px;
    background: url(../images/navtab.jpg) no-repeat;
}

#tab_manage a {
    display: block;
    padding: 10px 10px 10px 15px;
    width: 150px;
    height: 38px;
    text-decoration: none;
    font-family: Arial, Helvetica, sans-serif;
    color: white;
    font-size: 20px;
    font-weight: bold;
    line-height: 20px;
    background: url(../images/navtab.jpg) no-repeat;
}

#tab_manage a:hover {
    width: 150px;
    height: 38px;
    text-decoration: none;
    background: url(../images/navtab_over.jpg) no-repeat;
}

#tab_manage a.selected {
    width: 150px;
    height: 38px;
    text-decoration: none;
    background: url(../images/navtab_over.jpg) no-repeat;
}

#logo {
    float: right;
    margin: 25px 35px 15px 0;
    padding: 0;
}

#nav_underline {
    margin: -2px 0 0 0;
    width: 810px;
    height: 2px;
    background: url(../images/navborder_bottom.gif) repeat-x;
}

#nav_underline_popup {
    margin: -2px 0 0 0;
    width: 800px;
    height: 2px;
    background: url(../images/navborder_bottom.gif) repeat-x;
}

#nav_underline_footer {
    margin: -2px 0 0 10px;
    width: 800px;
    height: 2px;
    background: url(../images/navborder_bottom.gif) repeat-x;
}

#main_home {
    clear: both;
    margin: 0;
    padding: 8px 0 0 10px;
    width: 800px;
    height: 860px;
    border-right: 1px solid #aaaaaa;
}

#main_sec {
    clear: both;
    margin: 0;
    padding: 8px 0 0 10px;
    width: 800px;
    height: 930px;
    border-right: 1px solid #aaaaaa;
}

#main_header {
    float: left;
    margin: 0;
    padding: 0;
    width: 578px;
    height: 206px;
    background: url(../images/home_main.jpg) no-repeat;
}

#main_header p {
    margin: 120px 0 0 10px;
    font-family: "Helvetica Nue", Helvetica, Arial, sans-serif;
    font-size: 48px;
    font-weight: bold;
    letter-spacing: -3px;
    color: #ffffff;
}

#quicklinks_header {
    float: right;
    margin: 10px 50px 0 0;
    padding: 0;
    width: 160px;
    height: 26px;
    background: url(../images/quicklinks.jpg) no-repeat;
}

#quicklinks {
    clear: right;
    float: right;
    margin: 0 18px 0 0;
    padding: 0;
    width: 190px;
}

#quicklinksBorder {
    margin: 0 0 0 -1px;
    padding: 0;
    border: 1px solid #aaaaaa;
}

#quicklinks ul {
    margin: 10px 10px 10px 20px;
    padding: 0;
    list-style-image: url(../images/quicklink_arrow.gif);
}

#quicklinks li {
    font-family: Arial, Helvetica, sans-serif;
    color: #424242;
    font-size: 12px;
    font-weight: bold;
    line-height: 15px;
}

#quicklinks a {
    color: #424242;
    text-decoration: none;
}

#quicklinks a:hover {
    color: #424242;
    text-decoration: underline;
}

#psctLogos {
    margin: 15px 0 0 0;
    padding: 0;
    text-align: center;
}

#psctLogos img {
    margin: 0 0 10px 0;
    border: none;
    text-align: middle;
}

#slogan {
    clear: left;
    float: left;
    width: 578px;
    margin: 2px 0 0 0; 
    padding: 0;
}

#slogan p {
    margin: 0;
    padding: 0;
    font-family: "Helvetica Nue", Helvetica, Arial, sans-serif;
    font-size: 30px;
    font-weight: bold;
    letter-spacing: -3px;
    line-height: 30px;
    color: #424242;
}

#home_hot1 {
    float: left;
    margin: 20px 5px 0 0;
    padding: 0;
    width: 255px;
    font-family: "Helvetica Nue", Helvetica, Arial, sans-serif;
    font-size: 18px;
    font-weight: bold;
    line-height: 18px;
    color: #424242;
}

#home_hotspot1 {
    margin: 3px 0 0 0;
    padding: 0;
    width: 240px;
    height: 186px;
}

#home_hot2 {
    float: left;
    margin: 20px 5px 0 0;
    padding: 0;
    width: 255px;
    font-family: "Helvetica Nue", Helvetica, Arial, sans-serif;
    font-size: 18px;
    font-weight: bold;
    line-height: 18px;
    color: #424242;
}

#home_hotspot2 {
    margin: 3px 0 0 0;
    padding: 0;
    width: 240px;
    height: 186px;
}

#home_hot3 {
    float: left;
    margin: 20px 0 0 0;
    padding: 0;
    width: 255px;
    font-family: "Helvetica Nue", Helvetica, Arial, sans-serif;
    font-size: 18px;
    font-weight: bold;
    line-height: 18px;
    color: #424242;
}

#home_hotspot3 {
    margin: 3px 0 0 0;
    padding: 0;
    width: 240px;
    height: 186px;
}

#home_hotspot_shade {
    margin: -61px 0 0 0;
    padding: 5px 10px 0 10px;
    width: 240px;
    height: 61px;
    font-family: Arial, "Helvetica Nue", Helvetica, Arial, sans-serif;
    font-size: 11px;
    line-height: 11px;
    font-weight: normal;
    color: #ffffff;
    background: url(../images/hotspot_shading.png) no-repeat;
}

#home_hotspot_shade p {
    margin: 0;
    padding: 0 40px 0 0;
}

#home_hotspot_shade img {
    border: none;
    vertical-align: bottom;
    position: relative;
    bottom: 24px;
    right: 12px;
}

#mandate {
    clear: both;
    float: left;
    width: 578px;
    margin: 0; 
    padding: 0;
}

#mandateTitle p {
    margin: 0;
    padding: 0;
    font-family: "Helvetica Nue", Helvetica, Arial, sans-serif;
    font-size: 30px;
    font-weight: bold;
    letter-spacing: -3px;
    line-height: 30px;
    color: #424242;
}

#mandateContent {
    clear: both;
    float: left;
    margin: 5px 25px 0 0;
    padding: 0;
}

#mandateContent p {
    margin: 0;
    padding: 0;
    font-family: "Helvetica Nue", Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: normal;
    line-height: 14px;
    color: #424242;
}

#secondaryTitle {
    clear: left;
    float: left;
    width: 578px;
    margin: 0; 
    padding: 0;
}

#secondaryTitle p {
    margin: 0;
    padding: 0;
    font-family: "Helvetica Nue", Helvetica, Arial, sans-serif;
    font-size: 30px;
    font-weight: bold;
    letter-spacing: -3px;
    line-height: 30px;
    color: #424242;
}

#manage_title {
    margin: 0;
    padding: 0;
    font-family: "Helvetica Nue", Helvetica, Arial, sans-serif;
    font-size: 30px;
    font-weight: bold;
    letter-spacing: -2px;
    line-height: 30px;
    color: #424242;
}

#subtitle {
    clear: left;
    float: left;
    margin: 15px 0 0 15px; 
    padding: 0;
}

#subtitle p {
    margin: 0;
    padding: 0;
    font-family: "Helvetica Nue", Helvetica, Arial, sans-serif;
    font-size: 24px;
    font-weight: bold;
    letter-spacing: -1px;
    line-height: 24px;
    color: #d39e10;
}

#secondaryContent {
    clear: left;
    float: left;
    width: 578px;
    margin: 0; 
    padding: 0;
}

#secondaryContent p {
    margin: 10px 10px 0 0;
    padding: 0;
    font-family: "Helvetica Nue", Helvetica, Arial, sans-serif;
    font-size: 13px;
    font-weight: normal;
    line-height: 15px;
    color: #424242;
}

#secondaryContent li {
    font-family: "Helvetica Nue", Helvetica, Arial, sans-serif;
    font-size: 13px;
    font-weight: normal;
    color: #424242;
}
 
#secondaryContent a {
    color: #005595;
    text-decoration: underline;
}

#secondaryContent a:hover {
    color: #005595;
    text-decoration: none;
}

#secondaryContent td {
    font-family: "Helvetica Nue", Helvetica, Arial, sans-serif;
    font-size: 13px;
    font-weight: normal;
    line-height: 15px;
    color: #424242;
}

#tertiaryContent {
    clear: left;
    float: left;
    width: 550px;
    margin: 0 0 30px 15px; 
    padding: 0;
}

#tertiaryContent p {
    margin: 10px 10px 0 0;
    padding: 0;
    font-family: "Helvetica Nue", Helvetica, Arial, sans-serif;
    font-size: 13px;
    font-weight: normal;
    line-height: 15px;
    color: #424242;
}

#tertiaryContent a {
    color: #005595;
    text-decoration: underline;
}

#tertiaryContent a:hover {
    color: #005595;
    text-decoration: none;
}

#tertiaryContent td {
    font-family: "Helvetica Nue", Helvetica, Arial, sans-serif;
    font-size: 13px;
    font-weight: normal;
    line-height: 15px;
    color: #424242;
}

#tertiaryContent li {
    font-family: "Helvetica Nue", Helvetica, Arial, sans-serif;
    font-size: 13px;
    font-weight: normal;
    color: #424242;
}

#sec_hotleft {
    clear: both;
    float: left;
    margin: 5px 20px 2px 5px;
    padding: 0;
    width: 368px;
    height: 133px;
    font-family: "Helvetica Nue", Helvetica, Arial, sans-serif;
    font-size: 18px;
    font-weight: bold;
    line-height: 18px;
    color: white;
    border: 1px solid #aaaaaa;
}

#sec_hotright {
    float: left;
    margin: 5px 20px 2px 0;
    padding: 0;
    width: 368px;
    height: 133px;
    font-family: "Helvetica Nue", Helvetica, Arial, sans-serif;
    font-size: 18px;
    font-weight: bold;
    line-height: 18px;
    color: white;
    border: 1px solid #aaaaaa;
}

#sec_hotimage {
    margin: 0;
    padding: 0;
    width: 362px;
    height: 127px;
}

#sec_hotspot_shade {
    margin: -127px 0 0 0;
    width: 362px;
    height: 127px;
    background: url(../images/hs_overlay.png) no-repeat 5px 5px;
}

#sec_hotspot_shade p {
    margin: 0;
    padding: 95px 0 0 20px;
    font-family: "Helvetica Nue", Helvetica, Arial, sans-serif;
    font-size: 24px;
    line-height: 24px;
    font-weight: bold;
    color: #ffffff;
}

#sec_arrow {
    float: right;
    margin: -32px 32px 0 0;
}

#sec_arrow img {
    border: none;
    vertical-align: bottom;
}

#footer_left {
    float: left;
    margin: 40px 0 10px 5px;
    padding: 0;
    font-family: "Helvetica Nue", Helvetica, Arial, sans-serif;
    font-size: 11px;
    color: #c3c3c3; 
}

#footer_right {
    float: right;
    margin: 40px 35px 10px 0;
    font-family: "Helvetica Nue", Helvetica, Arial, sans-serif;
    font-size: 11px;
    color: #c3c3c3;
}

#footer_right a {
    font-size: 11px;
    color: #c3c3c3;
    text-decoration: none;
}

#footer_right a:hover {
    font-size: 11px;
    color: #c3c3c3;
    text-decoration: underline;
}

/* Manage Area */

#main_admin {
    clear: both;
    margin: 0;
    padding: 0 0 0 10px;
    width: 800px;
}

#main_popup {
    clear: both;
    margin: 0;
    padding: 0;
    width: 800px;
}

#message {
    font: bold "Helvetica Nue", Helvetica, Arial, sans-serif; 
    text-align: center;
    font-size: 18px;
    font-weight: bold;
    color: #005595;
    margin: 20px 0 0 0;
}

#subtitle_message {
    font-family: "Helvetica Nue", Helvetica, Arial, sans-serif;
    font-size: 24px;
    font-weight: bold;
    letter-spacing: -1px;
    line-height: 24px;
    color: #d39e10;
}

#content_title {
	border-bottom: 1px solid #424242;
	margin: 10px 0 0 0;
}

#content_title td {
    font-family: "Helvetica Nue", Helvetica, Arial, sans-serif;
    font-size: 18px;
    font-weight: bold;
    color: #424242;
}

#content_title .subtitle {
    font-family: "Helvetica Nue", Helvetica, Arial, sans-serif;
    font-size: 15px;
    font-weight: normal;
    color: #424242;
}

#content_area {
	font: normal 13px/15px Arial, Helvetica, sans-serif;
	color: #424242;
	margin: 0;
	background-color: #ebebeb; 
}

#content_area td {
	padding-top: 20px;
	font: normal 13px/15px Arial, Helvetica, sans-serif;
	color: #424242;
}

#content_area td.note {
	font: normal 10px/12px 'Trebuchet MS', Arial, Helvetica, sans-serif;
	color: #424242;
	font-style: italic;
}

#content_area input {
	color: #424242;
	background-color: #d7e4ed;
	width: 300px;
	height: 20px;
	padding-left: 5px;
	padding-right: 5px;
}

#content_area textarea {
    	color: #424242;
	background-color: #d7e4ed;
	padding: 2px;
}

#content_area select {
	color: #424242;
	background-color: #d7e4ed;
	width: 315px;
	height: 20px;
}

#content_table {
	font: normal 13px/15px "Helvetica Nue", Helvetica, Arial, sans-serif;
	color: #424242;
	margin: 0;
}

#content_table tr {
	height: 30px;
	vertical-align: center;
}

#content_table tr.dark {
	background-color: #ebebeb;	
}

#content_table tr.light {
	background-color: #ffffff;
}

#content_table th {
	font: normal 14px/16px "Helvetica Nue", Helvetica, Arial, sans-serif;
	text-align: left;
	color: #424242;
}

#content_table td {
	font: normal 12px/14px "Helvetica Nue", Helvetica, Arial, sans-serif;
	color: #424242;
}

#content_table a {
	font: normal 12px/14px "Helvetica Nue", Helvetica, Arial, sans-serif;
	color: #005595;
}

#content_table td.draft {
	font-style: italic;
}

#content_table img.thumbnail {
	width: 100px;
	padding: 5px 0 5px 0;
}

#content_table img.hsthumbnail {
	width: 200px;
	padding: 5px 0 5px 0;
}

#content_area img.bordered {
	padding: 1px;
	border: 1px solid #bcbdbf;	
}

#content_area a {
  	color: #005595;
}

.button a {
	font: bold 14px/30px Arial, sans-serif;
	color: #005595;
	text-decoration: none;
	vertical-align: center;
	text-align: center;
}

.note {
        font: italic 12px "Helvetica Nue", Helvetica, Arial, sans-serif;
}