html,body{
    height:100%;
    margin:0;
    padding:0;
    font-size:14px;
    line-height: 135%;
    min-width:980px;
    font-family: Arial, Verdana, sans-serif; 
    color: #505e7e;
    background: url(../images/style/bg.png) 0 0 repeat;    
}

#page{
    min-height:100%;  
    z-index: 1000;
    position:relative;
}      
*html #page{
    height:100%; 
}
  
#page-clear{
    clear:both;
    height:78px; 
}   

#footer{
    background:#999;
    height:78px;
    margin-top:-78px;     
    width:90%; 
    margin-left: 60px; 
    position:relative;
    z-index: 1000;    
}   
     
                 
  
div#mainb {
    width:100%; 
    min-width:890px;     
}
  
p {
  margin-top: 10px;
  margin-bottom: 15px;
  line-height: 1.3em;
}

h1, h2, h3, h4, h4 {
    padding-bottom: 5px;
    margin: 15px 0;
    font-family: Arial, Helvetica, sans-serif;
}

h1 { 
    font-size: 180%;
    font-family: Helvetica LT Condensed, Arial Narrow, Helvetica, sans-serif;
    color: #293680;
    text-align: center;
    font-weight: bold;
}

h2 {
    font-size: 150%;
    color: #ff7e00;
    margin-left: 0;
    margin-bottom: 10px;
    padding-left: 25px;
    background: url(../images/style/arrow-2.png) 0 2px no-repeat;     
}

h2.green {
    font-size: 150%;
    color: #ff7e00;
    margin-left: 0;
    margin-bottom: 10px;
    padding-left: 25px;
    background: url(../images/style/arrow-1.png) 0 2px no-repeat;     
}


h3 {
    font-size: 120%;
    color: #ff7e00;
    margin-left: 0;
    margin-bottom: 10px;
    padding-left: 25px;
    background: url(../images/style/arrow-2.png) 0 2px no-repeat;  
}

h4 {
    font-size: 120%;
}

hr {
    width:50%;
    color:#999ca3;
    height: 1px;
    background-color:#999ca3;
}

a {
    text-decoration: underline;
    color: #ff7e00;  
}

a.white {          
    color: #fff;  
}

a:hover {
    text-decoration: none;
}  

#logo {
    width: 230px;
    height: 158px;
    margin: 25px 0 14px 50px;
}

a img {
    border: 0;
}
#pathway {
    height: 30px;
    padding: 0 32px;
    overflow: hidden;
}   

.mainbody-padding {
    padding: 10px 25px 10px 25px;
}
   
#intro {   
    font-family: Arial Narrow, Arial, sans-serif;
    font-size: 18px;
    line-height: 1.3em; 
    margin: 11px 0;
}

#news {   
    font-family: Arial Narrow, Arial, sans-serif;
    font-size: 16px;
    line-height: 1.3em; 
    width:33%; 
    float:right; 
    min-width:270px;
}

#calendar {   
    font-family: Arial Narrow, Arial, sans-serif;
    font-size: 16px;
    line-height: 1.3em; 
    width:33%; 
    float:left; 
    min-width:270px;
}

.date {   
    font-family: Arial Narrow, Arial, sans-serif;
    font-size: 18px;
    margin-top: 11px;
    color:#999ca3;
    text-align: center;  
}

.quote {
    font-style: italic;
    padding-left: 25px;
    font-size: 110%;
    width:80%;
}

.clr {
    clear: both;
}


/* Tables */   

table {
    border: 2px solid #919db7;
    border-collapse: collapse;
}

td {
    padding: 5px 10px;
    border: 1px solid #919db7; 
}  

table.noborder {
    border: 0;       
}

table.noborder td {
    border: 0; 
    vertical-alignment:top;      
}

.theader {
    font-weight: bold;
    background-color: #e4e4e4;
}

.t1 {
    background-color: #f4f4f4;
}

.t2 {
    background-color: #fff;
}

div.cell {
    float: left;
    margin-right: 25px;
}  

.def {
    border: 0;
    padding: 0;
    vertical-alignment: top;
}
      
/* @end */


/* Horizontal Menu */

#horiz-menu {
    height: 29px; 
    background: url(../images/style/menu-bg.png) 0 0 repeat-x; 
}

#horiz-menu ul.nav { 
    padding-left: 15px;
    padding-top:2px;
    height: 31px;
}

#horiz-menu ul {
    list-style: none;
    margin: 0;
}

#horiz-menu ul ul {
    margin-top: 2px;
}

#horiz-menu li {
    background: none;
    display: block;
    float: left;
    margin: 0;
    margin-right: 4px;
    padding: 0;
}

#horiz-menu li span {
    display: block;
    float: left;
}

#horiz-menu a {
    font-family: Arial Narrow, Helvetica, sans-serif;
    display: block;
    float: left;
    line-height: 29px;
    padding: 0 10px;
    font-size: 100%;
    color: #fff;
    text-decoration: none;
    font-weight: bold;
    text-transform: uppercase; 
}

#horiz-menu li li a {
    font-size: 80%;  
    width:230px; 
}

#horiz-menu a:hover {
    text-decoration: none;
}

#horiz-menu a.main {
    background: url(../images/style/menu_div.png) 100% 0 no-repeat;
    padding-right:15px;  
} 

#horiz-menu li:hover {
    background: none;    
}

#horiz-menu li.active a {
    color: #fff;  
    text-decoration:underline;
}

#horiz-menu ul li:hover{
    text-decoration: underline;
}

#horiz-menu ul li:hover a{
    text-decoration: underline; 
    
}

#horiz-menu ul li:hover li:hover a{  
    color:#ffc22b;   
}

#horiz-menu ul li:hover li a {
    text-decoration: none; 
}

#horiz-menu ul ul li.norm {
    height:25px;
    background: url(../images/style/menu_subbg.png) 0 100% repeat-x;         
}
#horiz-menu ul ul li.norm a, #horiz-menu ul ul li.norm a:hover  {
    text-decoration: none;    
}

#horiz-menu ul ul li.norm:hover {
    height:25px;
    background: url(../images/style/menu_subbg_hover.png) 0 100% repeat-x;  
    text-decoration: none;     
}  

li.top_last a {
    height:29px;
    margin-top:-1px;
    background: url(../images/style/menu_bot_sq.png) 0 100% repeat-x;   
}


li.top_last a:hover {  
    background: url(../images/style/menu_bot_sq_hover.png) 0 100% repeat-x;  
}

/* @end */

/* Sub Menu */

ul.sidenav {
    margin: 0;
    padding: 0;
}

ul.sidenav li {
    list-style: none;
    margin: 0;
    padding: 0;
}

ul.sidenav li.active a {
    font-weight: bold;
}

ul.sidenav li.active li a {
    font-weight: normal;
}

ul.sidenav a {
    display: block;        
}

ul.sidenav ul {
    margin: 0;
    padding-left: 10px;
}

ul.sidenav ul a {
    background-image: none;  
}

ul.sidenav a:hover {
    background-position: 5px -20px;
}

/* @end */

/* Typography */

ul.number,
ul.arrow-1,
ul.arrow-2,
ul.arrow-3,
ul.arrow-6,
ul.triangle-1,
ul.triangle-2,
ul.triangle-3,
ul.bullet-1,
ul.bullet-2,
ul.bullet-3,
ul.bullet-4,
ul.bullet-5,
ul.bullet-6 {
    padding-left: 20px;
    margin-left: 0;
}

ul.number li,
ul.arrow-1 li,
ul.arrow-2 li,
ul.arrow-3 li,
ul.arrow-4 li,
ul.arrow-5 li,
ul.arrow-6 li,
ul.triangle-1 li,
ul.triangle-2 li,
ul.triangle-3 li,
ul.bullet-1 li, 
ul.bullet-2 li, 
ul.bullet-3 li,
ul.bullet-4 li, 
ul.bullet-5 li, 
ul.bullet-6 li {
    list-style: none;
    margin-left: 0;
    margin-bottom: 10px;
    padding-left: 28px;
}

.nounder {
    text-decoration: none;
    border: 0;
    cursor: pointer;
}

/* @end */

/* structure */

#body-b {
    background: url(../images/style/bg-bottom.png) 0 100% repeat-x;   
}

#body-t {
    background: url(../images/style/bg.png) 0 0 repeat;
}

#frame-bg {
    background: url(../images/style/masthead-bg.png) 0 0 repeat-x; 
}

#frame-r {
    background: url(../images/car2.png) 100% 0 no-repeat;
}

#frame-l {
    background: url(../images/style/shadow-tl.png) 0 0 no-repeat;
}
 
#menu-l {
    background: url(../images/style/menu-l.png) 0 0 no-repeat;
}

#menu-r {
    background: url(../images/style/menu-r.png) 100% 0 no-repeat;
    padding: 0 20px;
}  

.mainbody-l { 
    background: #f4f4f4  url(../images/style/body-l.png) 0 0 repeat-y;
    width:90%; 
    margin-left: 60px; 
    height: 100%;   
} 
      
.mainbody-r { 
    background: url(../images/style/body-r.png) 100% 0 repeat-y;  
    height: 100%;
}

.mainbody-lbg { 
    background: #f4f4f4  url(../images/style/body-l.png) 0 0 repeat-y;
    width:90%; 
    height: 100%;  
    margin-left: 60px; 
} 
      
.mainbody-rbg { 
    background: url(../images/style/body-r.png) 100% 0 repeat-y; 
    height: 100%;
}

#bg {
    position: absolute;
    z-index:0;
    width: 100%;
    left:0;
    right:0;
    top: 0;
    min-height:100%;
    height:100%;
}


#mainbody-1 {
    background: url(../images/style/body-t.png) 0 0 repeat-x; 
}

#mainbody-2 {
    background: url(../images/style/body-tr.png) 100% 0 no-repeat;
}

#mainbody-3 {
    background: url(../images/style/body-tl.png) 0 0 no-repeat;
} 

#foot-1 {
    min-width:880px;   
    text-align:center;
    background: url(../images/style/body-b.png) 0 0 repeat-x;   
}

#foot-2 {
    background: url(../images/style/body-br.png) 100% 0 repeat-y;
}

#foot-3 {
    height:78px; 
    background: url(../images/style/body-bl.png) 0 0 no-repeat;
    color: #fff;
    font-size: 12px;
}

#foot-3 a {
    color: #fff;
    margin: 0 5px;
}  

#spacer {
    height:35px;
    overflow:hidden;
} 

.copyright {
    color: #919db7;
}

/* content */

.center { 
    text-align: center;
    margin: 15px 0;
}
.center2 { 
    text-align: center;  
    float:left;    
}

.right { 
    float: right;
    margin-right: 45px;
}

.left { 
    float: left;
    margin-right: 25px;
}
.dleft {
    float:left;
}
.clr {
    clear:both;
}

.right2 { 
    float: right;
    margin: 25px 30px 0 15px;
}

.right3 { 
    float: right;
    margin: 25px 0 0 15px;
}

div.pathway {
    color: #101848;
    font-size: 12px;
    border-bottom: 1px solid #c7cbd5;
    height: 20px;
    margin-top: -10px;
}

div.pathway a {
    background: url(../images/style/path.png) 100% 50% no-repeat;
    padding-right: 13px;
    text-decoration: none;
}

div.pathway a:hover {
    color: #101848;
}

.dotline
{
width: 100%;
height: 1px;
margin: 20px 0 20px 0;
background: url(../images/style/dotline.gif) repeat-x right;
}

.readon {
    background: url(../images/style/readon-default.png) 0 0 no-repeat;
}

li.number-1 {
    background: url(../images/style/number-1.png) 0 2px no-repeat;    
}

li.number-2 {
    background: url(../images/style/number-2.png) 0 2px no-repeat;    
}

li.number-3 {
    background: url(../images/style/number-3.png) 0 2px no-repeat;    
}

li.number-4 {
    background: url(../images/style/number-4.png) 0 2px no-repeat;    
}

li.number-5 {
    background: url(../images/style/number-5.png) 0 2px no-repeat;    
}

li.number-6 {
    background: url(../images/style/number-6.png) 0 2px no-repeat;    
}

li.number-7 {
    background: url(../images/style/number-7.png) 0 2px no-repeat;    
}

li.number-8 {
    background: url(../images/style/number-8.png) 0 2px no-repeat;    
}

li.number-9 {
    background: url(../images/style/number-9.png) 0 2px no-repeat;    
}
     
ul.arrow-1 li {
    background: url(../images/style/arrow-1.png) 2px 2px no-repeat;
}

ul.arrow-2 li {
    background: url(../images/style/arrow-2.png) 2px 2px no-repeat;
}

ul.arrow-3 li {
    background: url(../images/style/arrow-3.png) 2px 2px no-repeat;
}   

ul.arrow-6 li {
    background: url(../images/style/arrow-6.png) 2px 2px no-repeat;
}

ul.triangle-1 li {
    background: url(../images/style/triangle-1.png) 6px 4px no-repeat;
}

ul.triangle-2 li {
    background: url(../images/style/triangle-2.png) 6px 4px no-repeat;
}

ul.triangle-3 li {
    background: url(../images/style/triangle-3.png) 6px 4px no-repeat;
}

ul.bullet-1 li {
    background: url(../images/style/bullet-1.png) 6px 4px no-repeat;
}

ul.bullet-2 li {
    background: url(../images/style/bullet-2.png) 9px 4px no-repeat;
    color: #434343;
    font-weight: 600;
}

ul.bullet-3 li {
    background: url(../images/style/bullet-3.png) 6px 4px no-repeat;
}

ul.bullet-4 li {
    background: url(../images/style/bullet-4.png) 6px 4px no-repeat;
}

ul.bullet-5 li {
    background: url(../images/style/bullet-5.png) 6px 4px no-repeat;
}

ul.bullet-6 li {
    background: url(../images/style/bullet-6.png) 6px 4px no-repeat;
}

blockquote {
    color: #1e507d;
}

pre {
    background: #f5f5f5;
}
      
span.download {
    color: #57861A;
    border-top: 3px solid #c2df88;
    border-bottom: 3px solid #c2df88;
    background: #EEF7DD url(../images/status-download.png) 10px 50% no-repeat;
}


/*Rounded containers*/
/* curve height, background image */
.box_light .t, .box_light .b, .box_light .b b, .box_light .t b{
height:15px;
background-image:url(../images/box.png);
}

/* inner color, border color, border width */
.box_light .c{
background:#fff;
border-color:#919db7;
border-left-width:5px;
border-right-width:5px;
}     

/* curve height, background image */
.box_dark .t, .box_dark .b, .box_dark .b b, .box_dark .t b {
height:15px;
background-image:url(../images/box-dark.png);
}

.box_dark2 .t, .box_dark2 .b, .box_dark2 .b b, .box_dark2 .t b {
height:15px;
background-image:url(../images/box-dark2.png);
}

/* inner color, border color, border width */
.box_dark .c, .box_dark2 .c {
background:#3a455f;
border-color:#919db7;
border-left-width:5px;
border-right-width:5px;
color: #a2afcc;
}


/* surrounding margins (optional) */
.round {
margin-top:10px;
margin-bottom:10px;
}
.round .c {
/* inner content padding */
padding:5px 20px 10px 20px;
border-top:0;
border-bottom:0;
border-style:solid;
}
.round .t, .round .b, .round .t b, .round .b b {
display:block;
overflow:hidden;
}
.round .t b, .round .b b {
float:right;
width:50%;
}
.round .t .r {
background-position:top right;
}
.round .b .r {
background-position:bottom right;
}
.round .b {
background-position:bottom left;
}
.round .br {
clear:both;
display:block;
overflow:hidden;
height:0px;
}