* {
    padding: 0;
    margin: 0;
}

html {
    height: 100%;
}

body {
    height: 100%;
    font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Tahoma, Helvetica, sans-serif;
    font-size: 62.5%;
    font-weight: normal;
    font-style: normal;
    text-align: center;
    background: #334261;
    color: #444;
}


.error {
	width: 400px;
	padding: 10px;
	font-weight: bold;
	color: #c61045;
	border: 1px solid #ffd8d8;
}

.succes {
	width: 400px;
	padding: 15px 15px 15px 15px;
	text-align: center;
	border: 1px solid #b0dad6;
	color: #406c68;
	font-size: 13px;
}

img {
    border: 0px;
    vertical-align: middle;
}

.fl {
    float: left;
}

.fr {
    float: right;
}

.cl {
    clear: both;
    overflow: hidden;
    height: 1%;
}

/* page header styles */
div#container {
    text-align: left;
}

div#header-outer {
    width: 100%;
    height: 94px;
    background: url("../images/header-back2.gif") repeat-x top left;
}

div#header {
    width: 940px;
	padding:0px 30px 0px 30px;
    height: 94px;
    margin: 0 auto;
    background: url("../images/header-back.jpg") no-repeat top left;
	text-align: center;
}

div#header h1 {
    float: left;
    width: 360px;
	
}

ul#main-nav {
    float: left;
    margin-top: 48px;
	margin-left: 150px;
	width:420px;
}

ul#main-nav li {
    float: left;
	list-style:none;
    margin-left: 25px;
	font-size: 18px;
}


ul#main-nav li a{
	padding:2px;
    color: #c61045;
	font-style: italic;
	font-weight: lighter;
	text-decoration: none;
}

ul#main-nav li a:hover, ul#main-nav li a:active, ul#main-nav li.current a {
    color: #507b77;
}


div#online-sign {
    width: 940px;
	padding:0px 30px 0px 30px;
    height: 158px;
    margin: 0 auto;
    background: url("../images/online-sign-back.jpg") no-repeat top left;
}

/* page body styles */

div#body {
    position: relative;
	padding-bottom:20px;
}

div#top-icons {
    position: absolute;
    top: 60px;
    right: 82px;
}

div#body .two-col {
    overflow: hidden;
    margin-top: 10px;
}

div#body .left-col {
    width: 380px;
    padding: 0px 60px 0px 20px;
    float: left;
}

div#body .right-col {
    width: 380px;
    padding: 0px 0px 0px 20px;
    float: left;
}

div#body .head-two-col {
    overflow: hidden;
    margin-top: 10px;
	_margin-top: 0px;
    width: 880px;
}

div#body h1.head-left-col {
    float: left;
    width: 440px;
	_width:400px;
}

div#body h1.head-right-col {
    float: left;
    width: 400px;
}

div#body a:link, div#body a:visited {
    color: #C61045;
}

div#body a:active, div#body a:hover {
    color: #69838C;
}

div#body a.ar2 {
    background: url("../images/arrow2.gif") no-repeat right 5px;
    padding-right: 15px;
    font-style: italic;
	padding-top: 1px;
}

div#body a.ar3 {
    background: url("../images/arrow3.gif") no-repeat left 5px;
    padding-left: 13px;
	padding-top: 2px;
    font-style: normal;
    font-weight: normal;
}

div#body h1 {
    font-size: 1.3em;
    padding-bottom: 4px;
    border-bottom: 1px solid #A9A9A9;
    color: #507B77;
    background: url("../images/bullet.gif") no-repeat 0px 7px;
    padding-left: 20px;
}

div#body h4 {
    font-size: 1.5em;
    margin-bottom: 7px;
    color: #507B77;
    font-style: italic;
}

div#body p {
    font-size: 1.2em;
    line-height: 1.6em;
    margin-bottom: 20px;
}

div#body p.quote {
    clear: both;a
}

div#body p.quote img {
    padding: 0px 5px 5px 0px;
}

div#body p.quotee {
    color: #507B77;
    text-align: right;
    margin-bottom: 20px;
    font-weight: bold;
}

div#body ul.vertical-list li {
    font-size: 1.2em;
    line-height: 1.6em;
    margin-bottom: 5px;
    list-style-type: none;
    background: url("../images/bullet2.gif") no-repeat 0px 7px;
    padding-left: 15px;
    position: relative;
    left: -15px;
}

div#body ul.vertical-list2 li {
    font-size: 1.2em;
    line-height: 1.6em;
    margin-bottom: 25px;
    list-style-type: none;
    background: url("../images/bullet2.gif") no-repeat 0px 7px;
    padding-left: 15px;
    position: relative;
    left: -15px;
}

div#body ul.horizonal-list {
    margin-bottom: 10px;
}

div#body ul.horizonal-list li {
    display: inline;
    padding-left: 10px;
    padding-right: 10px;
    font-style: italic;
    font-size: 1.2em;
}

div#body ul.horizonal-list li.left {
    background: transparent;
}

div#body ul.horizonal-list li img {
    margin-right: 4px;
}

ul#sub-nav {
    overflow: hidden;
    margin-bottom: 20px;
    width: 700px;
}

ul#sub-nav li {
    float: left;
    margin-right: 20px;
    font-size: 1.2em;
    list-style-type: none;
}

ul#sub-nav a:link.current, ul#sub-nav a:hover.current,
ul#sub-nav a:active.current, ul#sub-nav a:visited.current {
    color: #69838C;
}

/* homepage body styles */

div#body-top h2, div#body-bottom h2 {
    font-size: 2.1em;
    margin-bottom: 10px;
    font-style: italic;
    font-weight: normal;
    color: #507B77;
}

div#body-top h3, div#body-bottom h3 {
    font-size: 1.7em;
    margin-bottom: 10px;
    font-style: italic;
    color: #507B77;
    font-weight: normal;
}

div#body-top p, div#body-bottom p {
    font-size: 1.2em;
    line-height: 1.4em;
    margin-bottom: 10px;
}

div#body-top a, div#body-bottom a {
    color: #C61045;
    font-weight: normal;
    background: url("../images/arrow4.gif") no-repeat center right;
    padding-right: 15px;
    font-size: 1.1em;
}

div#body-top {
    width: 929px;
	padding:0px 30px 0px 41px;
    height: 177px;
    margin: 0 auto;
    background: url("../images/homepage-top-back.jpg") no-repeat top left;
    overflow: hidden;
}

div#body-top-left {
    width: 370px;
    float: left;
    margin-right: 60px;
    background: transparent;
    padding: 30px;
}

div#body-top-right {
    width: 370px;
    float: left;
    background: transparent;
    padding: 30px;
}

div#top-right-row {
    overflow: hidden;
}

div#top-right-row-img {
    float: left;
    margin-right: 20px;
    width: 135px;
}

div#top-right-row-img img {
    margin-bottom: 5px;
    padding: 5px;
    border: 1px solid #fff;
}

div#top-right-row-txt {
    width: 205px;
    float: left;
}

div#body-bottom {
    overflow: hidden;
    width: 929px;
    margin: 0 auto;
    padding: 20px 30px 0px 41px;
}

div#body-bottom-left {
    width: 370px;
    height: 130px;
    float: left;
    margin-right: 60px;
    border: 10px solid #5C6881;
    background: #EBECF0;
    padding: 20px 20px 0px 20px;
}

div#body-bottom-left li {
    list-style-type: none;
    margin-bottom: 10px;
	margin-top: 5px;
	float: left;
    overflow: hidden;
    width: 370px;
}

div#body-bottom-left ul {
	margin-top: 0px;
	float: left;
	clear: left;
}

div#body-bottom-left li a {
    font-weight: normal;
    font-size: 1.3em;
}

div#body-bottom-left .date {
   float: left;
   border-right: 1px solid #CBCBCB;
   text-align: center;
   width: 30px;
   margin-right: 10px;
}

div#body-bottom-left .date span {
    color: #878788;
    font-size: 1.1em;
    font-style: italic;
}

div#body-bottom-left .date strong {
    color: #507B77;
    font-size: 1.2em;
    font-weight: normal;
    font-style: italic;
}

div#body-bottom-right {
    width: 370px;
    height: 130px;
    float: left;
    border: 10px solid #5C6881;
    background: #EBECF0;
    padding: 20px 20px 0px 20px;
}

div#page-name {
    font-size: 6em;
    position: absolute;
    top: 45px;
    left: 60px;
}

div#page-slogan {
    font-size: 1.6em;
    position: absolute;
    top: 115px;
    left: 60px;
}

div#profile-img img {
    border: 1px solid #cacaca;
    padding: 10px;
    margin-bottom: 25px;
}

/* body top page styles */
.body-top {
    width: 940px;
    margin: 0 auto;
    padding: 150px 30px 0px 30px;
    background: url("../images/top-back.jpg") no-repeat top left;
}

div#body-border {
    border-left: 10px solid #5C6881;
    border-right: 10px solid #5C6881;
    border-bottom: 10px solid #5C6881;
    background: #fff;
    width: 880px;
	_width:860px;
    padding: 20px;
}

div#body-border pre {
    font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Tahoma, Helvetica, sans-serif;
    font-size: 1.2em;
    line-height: .8em;
}

div#body-border fieldset {
    border: 0px;
}

fieldset small {
	font-size: 10px;
	text-decoration: italic;
	font-color: #aeaeae;
	margin-top: 20px;
	clear: left;
}

div#body-border label {
    display: block;
    margin-bottom: 5px;
	margin-top: 10px;
    font-size: 1.2em;
}

div#body-border input.ftxt {
    border-top: 2px solid #8E8E8E;
    border-left: 2px solid #8E8E8E;
    border-right: 1px solid #E4E4E4;
    border-bottom: 1px solid #E4E4E4;
    width: 225px;
    margin-bottom: 10px;
    padding: 2px;
	font-size: 12px;
    font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Tahoma, Helvetica, sans-serif;
}

div#body-border textarea {
    border-top: 2px solid #8E8E8E;
    border-left: 2px solid #8E8E8E;
    border-right: 1px solid #E4E4E4;
    border-bottom: 1px solid #E4E4E4;
    width: 400px;
    height: 150px;
    margin-bottom: 0px;
	font-size: 12px;
    font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Tahoma, Helvetica, sans-serif;
}

/* page footer styles */
div#footer {
    padding-bottom: 40px;
    margin-top: 40px;
}

div#footer p {
    background: #2E3543;
    color: #fff;
    padding: 10px 0px 10px 0px;
    font-size: 1.2em;
    font-style: italic;
}

div#footer a {
    color: #fff;
    text-decoration: none;
    border-bottom: 1px solid #fff;
}

/* sIRF styles */
.sIFR-flash {
    visibility: visible !important;
    margin: 0;
}

.sIFR-replaced {
    visibility: visible !important;
}

span.sIFR-alternate {
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 0;
    display: block;
    overflow: hidden;
}

/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {
    display: none !important;
}

/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter
spacing in this case is used to make the browser text metrics match up with the sIFR text metrics
since the sIFR text in this example is so much narrower... your own settings may vary... any weird
sizing issues you may run into are usually fixed by tweaking these decoy styles */


#body-top .sIFR-hasFlash h2, #body-bottom .sIFR-hasFlash h2,
#body-bottom .sIFR-hasFlash h3, #body h1,  #body h4,
#page-name, #page-slogan {
    visibility: hidden;
}