body { font-family: Arial, Sans-Serif; font-size: 12px; color: #666; background-color: #fff; height: 100%; margin: 0; padding: 0; }
a { color: #007168; text-decoration: none; cursor: pointer; }
a:hover { color: #007168; text-decoration: underline; }
a:visited { color: #007168; }
h1, h2, h3, h4, h5, h6 { font-weight: normal; color: #007168; margin: 0; padding: 0 0 10px 0; }
h1 { font-size: 22px; }
h2 { font-size: 20pt; }
h3 { font-size: 18px; }
h4 { font-size: 16px; }
h5 { font-size: 14px; }
h6 { font-size: 12px; }
p { font-size: 16px; margin: 0; padding: 0 0 10px 0;  line-height: 1.5em; }
.clear { clear: both; margin: 0; padding: 0; }

a.white, a.white:visited { color:#fff; }
a.white:hover { text-decoration:underline; }

.wrapper { background-color: #007168; font-size: 16px; width: 808px; margin: 0 auto; border-bottom: 12px solid #004B44; }
.wrapper .main { background-color: #fff; margin: 0 auto; width: 758px; border-right: 9px solid #004B44; border-left: 9px solid #004B44; border-bottom: 9px solid #004B44; }
.wrapper .main h3 { font-size: 20pt; border-bottom: 1px solid #ccc; padding: 0; margin-bottom: 10px; }
.wrapper .main a.readmore-news { background: url(../images/layout/btn-read-news.png) no-repeat; width: 117px; height: 38px; float: right; display: block; margin-top: -5px; }
.wrapper .main .readmore-news span { display: none; }
.wrapper .main a.view-directory { vertical-align:bottom;background: url(../images/layout/btn-directory.png) no-repeat; width: 263px; height: 66px; float: right; display: block; margin: 10px 0 0 10px; }
.wrapper .main .view-directory span { display: none; }
.wrapper .main a.btn { color: #fff; font-size: 10pt; background-color: #004B44; padding: 3px 8px; }
.wrapper .main a.btn:hover { text-decoration: none; background-color: #007168; }

.wrapper .main .masthead { width: 758px; height: 124px; position: relative; }
.wrapper .main .masthead h1 { background: url(../images/layout/logo.gif) no-repeat left; position: absolute; left: 25px; bottom: 15px; width: 259px; height: 89px; margin: 0; padding: 0; }
.wrapper .main .masthead h1 a { display: block; width: 259px; height: 89px; }
.wrapper .main .masthead h1 span { display: none; }
.wrapper .main .login { position: absolute; right: 25px; bottom: 15px; }
.wrapper .main .login-text { position: absolute; right: 25px; bottom: 15px; font-size: 10pt; text-align: right; }

.wrapper .main .topnav { background: #135a53 url(../images/layout/topnav.gif) repeat-x; position: relative; height: 41px; }
.wrapper .main .topnav ul.top-ul { list-style: none; padding: 0 0 0 25px; margin: 0;}
.wrapper .main .topnav li.top-li { float: left; display: inline; margin-right: 5px; height: 34px; }
.wrapper .main .topnav li.top-li a { display: block; width: inherit; height: 34px; }
.wrapper .main .topnav li.top-li a:hover { background-position: 0 34px; }
.wrapper .main .topnav li.top-li span { display: none; }

.wrapper .main .topnav li.about a { background: url(../images/layout/topnav-about.png); width: 122px; }
.wrapper .main .topnav li.forums a { background: url(../images/layout/topnav-forums.png); width: 102px; }
.wrapper .main .topnav li.news a { background: url(../images/layout/topnav-news.png); width: 138px; }
.wrapper .main .topnav li.directory a { background: url(../images/layout/topnav-directory.png); width: 125px; }
.wrapper .main .topnav li.resources a { background: url(../images/layout/topnav-resources.png); width: 126px; }

.wrapper .main .topnav .subnav { padding-top: 5px; position:absolute; top: 34px; left: 25px; display:none; }
.wrapper .main .topnav .subnav-top { margin: 0px 0 0 18px; background: url(../images/layout/topnav-sub-top.png); width: 249px; height: 17px; }
.wrapper .main .topnav .subnav-mid { margin-left: 18px; padding: 0 11px; background: url(../images/layout/topnav-sub-mid.png) repeat-y; width: 225px; }
.wrapper .main .topnav .subnav-mid li { float: none; display: block; width: 205px; height: 28px; padding: 7px 0 0 16px; }
.wrapper .main .topnav .subnav-mid li a { color: #fff; background: none; display: inline; letter-spacing: -1px; text-transform: uppercase; }
.wrapper .main .topnav .subnav-mid li.reg { background-color: #005E57; }
.wrapper .main .topnav .subnav-mid li.alt { background-color: #007168; }
.wrapper .main .topnav .subnav-bottom { margin-left: 18px; background: url(../images/layout/topnav-sub-bottom.png); width: 249px; height: 19px; }

.wrapper .main .images { background: url(../images/layout/home/1.jpg); height: 175px; }
.wrapper .main .breadcrumbs { color: #fff; font-size: 10pt; background-color: #00342F; padding: 6px 25px; }
.wrapper .main .breadcrumbs a { color: #fff; }
.wrapper .main .pagetitle { background-color: #00736B; padding: 8px 0 6px 25px; }
.wrapper .main .pagetitle h2 { color: #fff; padding: 0; }

.wrapper .main div.content { padding: 0 25px; margin: 25px 0 35px 0; }
.wrapper .main .content li { padding-bottom: 10px; }
.wrapper .main .content img { border: none; }
.wrapper .main .content .right { float: right; padding: 0 5px 10px 10px; }
.wrapper .main .content .left { float: left; padding: 0 10px 10px 5px; }
.wrapper .main .content .accordionContent { display:none; }
.wrapper .main .content .news-item { padding: 10px; }
.wrapper .main .content .news-item .date { display: inline-block; width: 90px; }


.wrapper .main .content .alt { background-color: #F1F2F2; }
.wrapper .main .content .resource-section { border: solid 1px #666; background: #ddd; padding: 4px; margin: 0 0 4px 0; cursor: pointer; }
.wrapper .main .content .file-list { list-style: none; padding: 0 0 0 10px; margin: 0;}
.wrapper .main .content .file-list .icon-small { padding-right: 10px; }

.wrapper .main .bottom-content { clear: both; background-color: #F1F2F2; padding: 25px; margin-bottom: 25px; }

.wrapper .main .box-top { background: url(../images/layout/box-top.gif); width: 713px; height: 11px; }
.wrapper .main .box-mid { background: url(../images/layout/box-mid.gif) repeat-y; width: 643px; padding: 20px 35px; }
.wrapper .main .box-bottom { background: url(../images/layout/box-bottom.gif); width: 713px; height: 12px; }

.wrapper .footer { color: #fff; font-size: 10pt; padding: 10px; text-align: center; }
.wrapper .footer a { color: #fff; }



/** Progress Div **/
.progressContainer { position:relative; top:25px; left:200px; z-index:2; }
.progressBox { position:absolute; width:120px; border: 1px solid #999999; padding:6px; background-color:#FFFFFF; text-align:center; }