html {
    text-align: center;
    height: 101%;
}

body {
    background-position: top;
    height: 100%;
    width: 100%;
    font-family: Arial, Helvetica, Sans-Serif;
    font-size: 9pt;
    background-image: url(images/def_bg.jpg);
    background-color: #505050;
    text-align: center;
    background-repeat: repeat-x;
    background-attachment: fixed;
    margin: 5px 0px 0px 0px;
    padding: 0px 0px 10px 0px;
}

body a {
    color: #29435c;
    text-decoration: underline;
}

body a:hover {
    font-style: italic;
}

li {
    padding: 2px;
    list-style-image: url(images/list_bullet.png);
}

li li {
    list-style-image: url(images/list_bullet2.png);
}

li li li {
    list-style-image: url(images/list_bullet3.png);
}

ul {
    padding: 2px 2px 2px 20px;
    margin: 0px;
}

h1 {
    font-family: Times New Roman, Georgia, Serif;
    font-weight: normal;
    font-size: 18pt;
    color: #53789c;
}

h1 a {
    font-family: Times New Roman, Georgia, Serif;
    font-weight: normal;
    font-size: 18pt;
    color: #53789c;
}

h2 {
    font-family: Helvetica, Sans-Serif;
    font-weight: normal;
    font-size: 9pt;
    color: #53789c;
}


#topCont {
    width: 841px;
    margin: 0px;
    padding: 0px;
    text-align: center;
}

#botCont {
    width: 841px;
    margin: 0px;
    padding: 0px;
    text-align: center;
}

.logo {
  	position:absolute;
	z-index:1;
	left: 94px;
	top: 0px;
    width: 89px;
    height: 97px;
}

.header {
    width: 705px;
    height: 118px;
    background: none;
}

.mantra {
    width: 621px;
    padding-left: 158px;
    text-align: left;
    margin-top: 5px;
    margin-bottom: 5px;
}

.contentWrapper {
    position: relative;
    width: 841px;
    margin-left: auto;
    margin-right: auto;
    text-align: -moz-center !important; 
    text-align: center;

}

.contentInner {
    background-position: center top;
    background-image: url(images/def_main_bg.png);
    background-repeat: no-repeat;
    width: 705px;
    text-align: center;
}

.secHDR {
    text-align: left;
    width: 630px;
    padding-top: 20px;
    padding-left: 40px;
}

.secMain {
    background-position: center top;
    text-align: center;
    width: 681px;
    background-image: url(images/def_inner_content_bg.png);
    background-repeat: no-repeat;
    background-color: #fff;
    margin-top: 20px;
    margin-left: 12px;
    margin-right: 12px;
    font-size: 8pt;
    color: #363636;
    overflow: hidden;
}
.center {
    display:block;
    text-align:center;
    width:100%;
}
.bigger {
    font:bold 11pt Arial, Helvetica, Sans-Serif;
    padding:10px;
    border:solid 2px #363636;
}
.bigger a:hover {
    font-style:normal !important;
    color:#53789c;
}
.secInt {
    padding-left: 43px;
    padding-right: 43px;
    text-align: left;
    width: 600px;
    margin-top: 23px;
    padding-bottom: 20px;
    
}

.portal {
    width: 596px;
    padding-top: 10px;
    padding-bottom: 10px;
    border-top: 6px solid #000;
    border-left: none;
    border-right: none;
    text-align: center;
    clear: both;
 }
 
.portalSec1 {
    width: 280px;
    border: none;
    text-align: center;
    float: left;
}

.portalSec2 {
    width: 280px;
    border: none;
    text-align: center;
    float: right;
}
 
.portalCont { 
    text-align: left;
}

.portalMedian {
    width: 4px;
    height: 660px;
    background-color: #e1e1e1;
    color: #e1e1e1;
    float: left;
    margin-left: 15px;
    margin-right: 15px;
}

.divLine {
    width: 310px;
    height: 2px;
    background-color: #c5dcee;
    color: #c5dcee;
    margin-top: 10px;
    margin-bottom: 20px;
    clear: both;
}

.newsBox {
    width:265px;
    margin-left:auto;
    margin-right: auto;
    background-color: #eee;
    border: solid 1px #ccc;
    font-size: 8pt;
    padding: 5px;
}

.newsBox h1 {
    color: #fff;
    font-size: 18pt;
    margin-top:0px;
    padding-top: 0px;
}

.secList {
    width: 350px;
    padding-top: 10px;
    padding-bottom: 10px;
    border-top: solid 1px #c0cfdd;
    border-bottom: solid 1px #c0cfdd;
    border-left: none;
    border-right: none;
    clear: both;
 }   

.footer {
    width: 705px;
    text-align: center;
    clear: both;
    color: #a8a8a8;
    font-size: 7pt;
}

.footer a {
    color: #8097a8;
}

.footer a:hover {
    color: #fff;
}

.footer div {
    color: #a8a8a8;
    font-size: 7pt;
    padding-top: 10px;
}

.bold {
    font-weight: bold;
}

.bold2 {
    font-weight: bold;
    font-size: 12px;
}

.highlight {
    color: #53789c;
}

.clear {
    clear: both;
    height: 1px;
    padding: 0px;
    margin: 0px;
}

.pMarg {
    margin-top: 7px;
    margin-bottom: 7px;
}

.kMarg {
    margin-top: 0px;
    margin-bottom: 0px;
}

.picBord {
    border: solid 4px #53789c;
}

.portLink {
    color: #b68c27;
}  

.deadLang {
    margin-top: 10px;
    margin-bottom: 10px;
    border-top: solid 6px #000;
}

/********************* rounded box code below ***********************/

.dialog {
 position:relative;
 margin:0px auto;
 min-width:8em;
 max-width:760px; /* based on image dimensions */
 color:#fff;
 z-index:1;
 margin-left:12px; /* default, width of left corner */
 margin-bottom:0.5em; /* spacing under dialog */
}

.dialog .content,
.dialog .t,
.dialog .b,
.dialog .b div {
 background:transparent url(/App_Themes/Default/images/dialog2-blue-800x1600.png) no-repeat top right;
 _background-image:url(/App_Themes/Default/images/dialog2-blue.gif);
}

.dialog .content {
 position:relative;
 zoom:1;
 _overflow-y:hidden;
 padding:0px 12px 0px 0px;
}

.dialog .t {
 /* top+left vertical slice */
 position:absolute;
 left:0px;
 top:0px;
 width:12px; /* top slice width */
 margin-left:-12px;
 height:100%;
 _height:1600px; /* arbitrary long height, IE 6 */
 background-position:top left;
}

.dialog .b {
 /* bottom */
 position:relative;
 width:100%;
}

.dialog .b,
.dialog .b div {
 height:30px; /* height of bottom cap/shade */
 font-size:1px;
}

.dialog .b {
 background-position:bottom right;
}

.dialog .b div {
 position:relative;
 width:12px; /* bottom corner width */
 margin-left:-12px;
 background-position:bottom left;
}

.dialog .hd,
.dialog .bd,
.dialog .ft {
 position:relative;
}

.dialog .wrapper {
 /* extra content protector - preventing vertical overflow (past background) */
 position:static;
 max-height:1000px;
 overflow:auto; /* note that overflow:auto causes a rather annoying redraw "lag" in Firefox 2, and may degrade performance. Might be worth trying without if you aren't worried about height/overflow issues. */
}

.dialog h1,
.dialog p {
 margin:0px; /* margins will blow out backgrounds, leaving whitespace. */
 padding:0.5em 0px 0.5em 0px;
}
.dialog h1 {
 color: #fff;
 padding-bottom:10px;
 padding-top:5px;
 text-decoration: underline;
}

.dialog a {
color: #ffcd35;
}