#doc4 {
width:974px;
margin-top: 15px;
}


.sidebar {

background: white;
border: 1px solid #C0C0C0; 
padding: 5px;
width: 315px; 
margin-right: 5px; 
margin-top:5px;

}

.hpBlock {
background: white;
border: 1px solid #C0C0C0; 
padding: 5px;
margin-bottom: 5px;
margin-right: 5px;
margin-left: 5px; 
margin-top: 5px;
}


strong {
font-weight: bold;
}

ul, ol {padding-left: 30px;}
ul li {list-style-type: disc;}

ol li {list-style-type: decimal;}


a {
text-decoration:none;
font-weight:bold;
color:#486AC0
}



a:visited {}

a:hover {
text-decoration:underline;
}

h1 {
font-size:180%;
}


   h2 {
font-size:150%;
font-weight:normal;
}

 h3 {
font-size:130%;
}

h4, h5, h6 {
font-size:120%;
}
#doc4 {
border: 1px solid #ccc;
background: #FFF;
}

.browseDate {
margin:5px;
background: #eee;
border 1px solid #999;
width: 23%;
float: left;
padding:10px;
text-align:center;
}


.articleSideBar {
margin: 5px;
border: 1px solid grey;
background: #D3E3FF; 
padding: 5px;
}

.caption {
color: #666;
margin:5px;
font-size: 90%;
font-style:italic;
}

.nav {
background: #ACC3FF;
padding:5px;
}



/**
Article List
**/

.articleListDivider {
  height: 1px; 
  margin-bottom:5px;
  margin-top:5px; 
border-bottom: 1px solid #C0C0C0;
}


.articleListDescription {
font-size:12px;
margin-left: 10px;
}

.articleListDate {
font-size:10px;
color: #444;
margin-left: 10px;
}

.articleListHeadline {
font-size:14px;
}


/**
END Article List
**/



/* TRANSPARENT BORDER FIX FOR IE6 */
/* NOTE - DO NOT CHANGE THIS RULE */
*html .pointer {
filter: chroma(color=pink);
}


/**
Featured content Slider
**/
.featuredContent{ 
position:relative; 
height:370px; 
background:#fff;
overflow:none;
}
.featuredContent ul.ui-tabs-nav{ 
position:absolute; 
top:0; left:600px; 
list-style:none; 
padding:0; margin:0; 
width:30px; 
}
.featuredContent ul.ui-tabs-nav li{ 
padding-left:5px;
padding: 1px; 
font-size:12px;
list-style:none; 
text-align:center;
}

.featuredContent ul.ui-tabs-nav li span{ 
font-size:11px; 
line-height:18px;
color:white;  

}
.featuredContent li.ui-tabs-nav-item a{ 
display:block; 
color:#333;  background:#fff; 
line-height:20px;
text-decoration: none;
background:black;
}
.featuredContent li.ui-tabs-nav-item a:hover{ 
background:#486AC0; 
}
.featuredContent li.ui-tabs-selected{ 
  
}
.featuredContent ul.ui-tabs-nav li.ui-tabs-selected a{ 
background:#486AC0; 
}
.featuredContent .ui-tabs-panel{ 
width:600px; height:250px; 
position:relative;
}
.featuredContent .ui-tabs-panel .info{ 
position:absolute; 
top:280px; left:0; 
padding-bottom: 5px;
background: black ; 
}
.featuredContent .info h2{ 
font-size:18px;
color:#fff; padding:5px; margin:0;
overflow:hidden; 
}
.featuredContent .info p{ 
margin:0 5px; 
line-height:15px; color:#f0f0f0;
}
.featuredContent .info a{ 
text-decoration:none; 
color:#fff; 
}
.featuredContent .info a:hover{ 
text-decoration:underline; 
}
.featuredContent .ui-tabs-hide{ 
display:none; 
}

/**
END Featured content Slider
**/


/**
Nav
**/


.topnav {
margin: 0; padding: 0;
float: left;
width: 100%;
list-style: none;
position: relative;
font-size: 12px;
background: #1376c9;
color: #fff;
}
.topnav li {
float: left;
margin: 0; padding: 0;
list-style: none;
border-right: 1px solid #eee;
}
.topnav li a {
padding: 8px 10px;
display: block;
color:#fff;
text-decoration: none;
}
.topnav li:hover, .navPageActive { background: #1376c9 url(/module-resources/nav/topnav_active.gif) repeat-x; }


.subPageNav {
float: left;
padding: 5px 0;
width: 100%;
background: #0055a4;
color: #fff;
}


.subPageNav a{
color: #fff;
text-decoration: none;
margin-left: 10px;
order-right: 1px solid white;

}
.subPageNav ul {
padding-left: 0px;
}

.subPageNav ul li {
float: left;
margin: 0; padding: 0;
list-style: none;
}


.subPageNav ul li a:hover {
text-decoration: underline;
}

/* Form CSS */




.myform{
margin:5px;
width:400px;
padding:14px;
border:solid 2px #b7ddf2;
background:#ebf4fb;
}



.myform label{
display:block;
font-weight:bold;
text-align:right;
width:140px;
float:left;
}

.myform .small{
color:#666666;
display:block;
font-size:11px;
font-weight:normal;
text-align:right;
width:140px;
}

.myform input{
float:left;
font-size:12px;
padding:4px 2px;
border:solid 1px #aacfe4;
width:200px;
margin:2px 0 20px 10px;
}

.myform fieldset{
float:left;
font-size:12px;
padding:4px 2px;
margin:2px 0 20px 10px;
}


.myform fieldset label{

color:#666666;
display:block;
font-size:11px;
font-weight:normal;
text-align:right;
width:140px;
}




.myform select{
float:left;
font-size:12px;
padding:4px 2px;
width:200px;
margin:2px 0 20px 10px;
}


.myform textarea{
float:left;
font-size:12px;
padding:4px 2px;
border:solid 1px #aacfe4;
width:200px;
margin:2px 0 20px 10px;
}

.spacer{clear:both; height:1px;}

.formError, .formQuestionInValid {
color: red;
font-size: 14px;
font-weight: bold;
}

.formError {
margin:2px 0 20px 10px;
}

.ui-datepicker {
background: white;
border: 2px solid #ccc; 
}
/*
 * jQuery UI Datepicker 1.8.9
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Datepicker#theming
 */
.ui-datepicker { width: 17em; padding: .2em .2em 0; display: none; }
.ui-datepicker .ui-datepicker-header { position:relative; padding:.2em 0; }
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position:absolute; top: 2px; width: 1.8em; height: 1.8em; }
.ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { top: 1px; }
.ui-datepicker .ui-datepicker-prev { left:2px; }
.ui-datepicker .ui-datepicker-next { right:2px; }
.ui-datepicker .ui-datepicker-prev-hover { left:1px; }
.ui-datepicker .ui-datepicker-next-hover { right:1px; }
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px;  }
.ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; }
.ui-datepicker .ui-datepicker-title select { font-size:1em; margin:1px 0; }
.ui-datepicker select.ui-datepicker-month-year {width: 100%;}
.ui-datepicker select.ui-datepicker-month, 
.ui-datepicker select.ui-datepicker-year { width: 49%;}
.ui-datepicker table {width: 100%; font-size: .9em; border-collapse: collapse; margin:0 0 .4em; }
.ui-datepicker th { padding: .7em .3em; text-align: center; font-weight: bold; border: 0;  }
.ui-datepicker td { border: 0; padding: 1px; }
.ui-datepicker td span, .ui-datepicker td a { display: block; padding: .2em; text-align: right; text-decoration: none; }
.ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding:0 .2em; border-left: 0; border-right: 0; border-bottom: 0; }
.ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width:auto; overflow:visible; }
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float:left; }

/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi { width:auto; }
.ui-datepicker-multi .ui-datepicker-group { float:left; }
.ui-datepicker-multi .ui-datepicker-group table { width:95%; margin:0 auto .4em; }
.ui-datepicker-multi-2 .ui-datepicker-group { width:50%; }
.ui-datepicker-multi-3 .ui-datepicker-group { width:33.3%; }
.ui-datepicker-multi-4 .ui-datepicker-group { width:25%; }
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header { border-left-width:0; }
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { border-left-width:0; }
.ui-datepicker-multi .ui-datepicker-buttonpane { clear:left; }
.ui-datepicker-row-break { clear:both; width:100%; }

/* RTL support */
.ui-datepicker-rtl { direction: rtl; }
.ui-datepicker-rtl .ui-datepicker-prev { right: 2px; left: auto; }
.ui-datepicker-rtl .ui-datepicker-next { left: 2px; right: auto; }
.ui-datepicker-rtl .ui-datepicker-prev:hover { right: 1px; left: auto; }
.ui-datepicker-rtl .ui-datepicker-next:hover { left: 1px; right: auto; }
.ui-datepicker-rtl .ui-datepicker-buttonpane { clear:right; }
.ui-datepicker-rtl .ui-datepicker-buttonpane button { float: left; }
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current { float:right; }
.ui-datepicker-rtl .ui-datepicker-group { float:right; }
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header { border-right-width:0; border-left-width:1px; }
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { border-right-width:0; border-left-width:1px; }

/* IE6 IFRAME FIX (taken from datepicker 1.5.3 */
.ui-datepicker-cover {
    display: none; /*sorry for IE5*/
    display/**/: block; /*sorry for IE5*/
    position: absolute; /*must have*/
    z-index: -1; /*must have*/
    filter: mask(); /*must have*/
    top: -4px; /*must have*/
    left: -4px; /*must have*/
    width: 200px; /*must have*/
    height: 200px; /*must have*/
}

/* END form CSS */