/*
**********************************************
              blue: #233B6B
							gold: #CC9017
**********************************************
*/





body {
		 font: 13px/18px Verdana,Arial,Helvetica,sans-serif;
		 background:gray;
		 text-align: center; 
		 margin: 0px auto; 
		 width:925px;
		 background-image:url(../images/gradient/gr_body_tp_888686_CCCCCC.jpg);		 
		 background-repeat:repeat-x;
}


#wrapper {
	text-align: left;
	width: 925px;	
	background-image:url(../images/gradient/wrapper_gr.jpg);		 
  background-repeat:repeat-y;
	background-color:#233B6B;
	
}


/*
**********************************************
               CONTENT HEADERS, PARAGRAPHS
**********************************************
*/

h1 {
	 font-size: 20px;
	 font-weight:normal;
	 color: #233B6B;
}

h2 {
   font-size:16px;
	 font-weight:normal;
	 color: #233B6B;
}

ul{
	 font-size:12px;
	 display:block;
	 margin-left:20px;
	 padding:10px 30px 10px 0px;/* top right bottom left */	
}

li{
	 padding-bottom:10px;
	 padding-right:40px;
	 list-style-type: disc; 
}

ul ul{
    
	 padding:10px 30px 10px 10px;/* top right bottom left */	
   font-size:10px;
	 display:block;
}

hr{
	 background-color:#84AE84; /*  need background color for firefox and color for ie  */
	 color:#84AE84;
	 height:3px;	 
}
/*
**********************************************
                HEADER
**********************************************
*/

#header {
	height: 140px;
  background: #FFFFFF;
	border-bottom: 2px solid #233B6B;	
}


/*
**********************************************
                BREADCRUMB/PAGE HEADER
**********************************************
*/

#PageHeader{
	margin-left:173px;
	margin-top:10px;
	background-color:#233B6B;
	background: #233B6B url(../images/gradient/gr_sub_main_header.jpg) repeat-x;  /*top CC9017 bottom F3D596 for gradient  width 200 x h 100*/
}
#PageHeader .breadcrumb{
	/* border-top: 2px solid #233B6B; margin-left:176px; need to also change in mainPageHeader div  */
	color: #233B6B;
	font-size:12px;
	padding: 0px 0px 7px 20px;/* top right bottom left */
	/*background: #CC9017;*/
	margin-top:-10px;
	
}


#PageHeader .breadcrumb a:link {
	color: #233B6B;
}

#PageHeader .breadcrumb a:active {
	color: #233B6B;
}

#PageHeader .breadcrumb a:visited{
	color: #233B6B;
}

#PageHeader .breadcrumb a:hover{
 	color: #FFFFFF;
}

#PageHeader .PageHeaderTitle{
	font-size:25px;
	font-weight:bold;
	padding: 10px 0px 12px 20px; /* TOP RIGHT BOTTOM LEFT  */
	color: #233B6B;
	/*background:#CC9933;*/		
}


/*
**********************************************
                LEFT NAV
**********************************************
*/

#leftNav {
	float: left;
	width: 173px;
}

/*
**********************************************
                CONTENT for main page
**********************************************
*/

#contentContainerMainPage { 
	margin: 0;
	float: left;
	width: 752px;
	background:#FFFFFF;
	padding: 0px 0px 10px 0px; /* top right bottom left */
} 
#contentMainPage { /* for main page */
	padding: 10px 40px 10px 20px; /* top right bottom left */
	min-height: 400px;/* sets min-height value for all standards-compliant browsers    */
	display:block;

	background: #FFFFFF url(../images/gradient/gr_sub_main_header.jpg) repeat-x;  /*top CC9017 bottom F3D596 for gradient  width 200 x h 100*/
}
* html div#contentMainPage { /* for main page */
   height: expression( this.scrollHeight < 400 ? "401px" : "auto" ); /* sets min-height for IE */
	 min-height: 400px;/* sets min-height value for all standards-compliant browsers */
}


/*
**********************************************
                CONTENT for sub pages
**********************************************
*/

#contentContainer { 
	margin: 0;
	float: left;
	width: 752px;
	background:#FFFFFF;
	padding: 10px 0px 10px 0px; /* top right bottom left */
}

#content { 
	padding: 10px 40px 10px 20px; /* top right bottom left */
	min-height: 400px;/* sets min-height value for all standards-compliant browsers    */
	display:block;
}


* html div#content { 
   height: expression( this.scrollHeight < 400 ? "401px" : "auto" ); /* sets min-height for IE */
	 min-height: 400px;/* sets min-height value for all standards-compliant browsers */
}

.topLink {
      text-decoration: none;
      font: 13px/18px Verdana,Arial,Helvetica,sans-serif;
			font-weight: bold;
      color: #008E00;
			text-align: right;
}

.topLink a:link{
      text-decoration: none;
      color: #008E00;
}

.topLink a:visited{
      text-decoration: none;
      color: #008E00;
}

.topLink a:active{
      text-decoration: none;
      color: #008E00;
}
.topLink a:hover{
      text-decoration: none;
      color: #84AE84;
}

/*
**********************************************
                FLOATING BOX
**********************************************
*/

.floatBox{
   float: right;
   width: 15em;   
   border: 1px solid #233B6B;	 
   padding: 1em;
   margin: 45px 0px 5px 40px; /* top right bottom left */
   background-color: #F8EECE; 
   color: #000;	 
	 font-size: 80%;
}

.floatHeader{
	border-bottom: 2px dotted #233B6B;
	font-weight:bold;
	font-size:100%;
	padding-bottom:2px;
}

.floatContent{
	padding-top:5px;	
	padding-bottom:15px;
}

/*
**********************************************
                CONTENT LINKS
**********************************************
*/

a:link{
color:#006300;
text-decoration:underline;
}

a:visited{
color:#006300;
text-decoration:underline;
}

a:active{
color:#006300;
text-decoration:underline;
}

a:hover{
color:#008E00;
text-decoration:underline;
}


/*
**********************************************
                ITALIC BOLD WORDING
**********************************************
*/

.italicWording{
	color:#233B6B;/*#ff0000*/
	font-style: italic; 
	font-weight:bold;
}



/*
**********************************************
                FOOTER
**********************************************
*/


#footer {
	clear: both;
	height: 65px;
	background: #FFFFFF;
	color: #233B6B;
	padding: 5px 0px 10px 10px; /* top right bottom left */
	border-top: 2px solid #233B6B;	
}

#footer .leftFooter{
	text-align:left;
	background: #FFFFFF;
	float:left;
}

#footer .rightFooter{
	float:right;
	text-align:right;
	background: #FFFFFF;
	padding-right:15px;
	margin-top:0px;
}

/*
**********************************************
                TABLES
**********************************************
*/

table{
	padding-bottom:20px;
}

table.alternate_rows{
	font: 13px/24px Arial, Helvetica, "Lucida Grande", sans-serif;
	text-align: left; 
}

table.alternate_rows th{
	padding: 5px 5px 5px 5px; /* top right bottom left D7B060 */	
	background:#84AE84;
	font: 16px/24px Arial, Helvetica, "Lucida Grande", sans-serif;
	font-style:normal;
}

table.alternate_rows td{
	padding: 1px 8px 1px 8px; /* top right bottom left */	
}

table.alternate_rows tr.odd td{
	background: #C1E4C1;
	
}
 
table.alternate_rows tr.even td{
	background:#FFFFFF;

}