/* General styles */
BODY
{ 
font-family : Arial, Verdana, Helvetica, sans-serif;
font-size: 13px; color: #767676;
font-weight: normal;
line-height: 20px;
}
td        { font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 13px; color: #767676; font-weight: normal; }
 .toptag       { font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 14px; color: #ffffff; font-weight: normal; margin-left: 10px; }
.topphone       { font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 13px; color: #ffffff; font-weight: normal;  }
 td.copyright       { font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 13px; color: #767676; font-weight: normal; line-height: 20px; }
.green       { font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 13px; color: #78B92B; font-weight: bold;  }
    


/* Main container */	
#odContainer {
	border: 0px solid #666666;}
	
	
/* Breadcrumb block */	
#odBreadcrumbContainer {
	border-bottom: 1px dotted #999999;
	margin-bottom: 10px;
	padding: 0.3em 3px 0.3em 3px;}


/* Display category name */	
#odPageTitle {
	font-size: 12px;
	margin-bottom: 10px;
	padding: 0.3em 3px 0.3em 3px;}
	
	
/* Category list block */	
#odCatContainer {
	margin-bottom: 10px;}
#odCatHeader {
	font-size: 12px;
	font-weight: bold;
	padding: 0.3em;}
#odCatList {
	padding: 0.3em;
	padding-left: 20px;}
td.odSubcatCell {
	width: 150px;}

	
/* Category title (viewall) */	
.odCatTitle {
	font-weight: bold;
	padding-top: 0.3em;}
	

/* Answer block */
#odDtlContainer {
	margin-bottom: 20px;
	padding: 0.3em 3px 0.3em 3px;}
#odDtlContent {
	padding: 0.3em 3px 0.3em 3px;}
#odDtlHeader {
	font-size: 12px;
	font-weight: bold;
	padding: 0.3em 3px 0.3em 3px;
	background-color: #f0f0f0;}
.odDtlItem {
	margin-bottom: 1em;}
.odDtlItem small {
	line-height: 3em;}
.odDtlQuestion {
	font-weight: bold; color: #1083BD; }
.odDtlAnswer{}


/* List of question block */	
#odQtnContainer {
	padding: 0.3em 3px 0.3em 3px;
	margin-bottom: 10px;}
#odQtnHeader {
	font-weight: bold;
	font-size: 12px;
	padding: 0.3em 3px 0.3em 3px;
	background-color: #f0f0f0;}
#odQtnList {
	padding: 0.3em;}
.odQtnItem {
	margin-bottom: 0.3em;}


/* Search form */	
#odSearchContainer {
	margin-bottom: 30px;
	padding: 0.3em 3px 0.3em 3px;}
form#odSearchForm table {
	border: 1px solid #666666;}
form#odSearchForm table th {
	background-color: #f0f0f0;
	border-bottom: 1px solid #666666;
	text-align: left;}
input.odCheckbox { 
	vertical-align: top; }

	
/* Search result block */	
#odSearchResult {
	margin-bottom: 30px;
	padding: 0.3em 3px 0.3em 3px;}
#odResultHeader {
	font-size: 12px;
	font-weight: bold;
	padding: 0.3em 3px 0.3em 3px;}
#odResultContent {
	padding: 0.3em 3px 0.3em 3px;}

	
/* Form to jump to other category */	
#odJumpCat {
	padding: 0.3em 3px 0.3em 3px;
	margin-bottom: 10px;
	margin-top: 30px;}
	
	
/* Link: 'View all categories' */	
#odViewallContainer {
	padding: 0.3em 3px 0.3em 3px;}

	
/* Link: 'Search' */		
#odSearchLinkContainer {
	padding: 0.3em 3px 0.3em 3px;}

	
/* Link: Printable view */	
#odPrintableContainer {
	padding: 0.3em 3px 0.3em 3px;
	margin-bottom: 10px;}
	
	
/* Copyright block */	
#odCopyrightContainer {
	border-top: 1px dotted #999999;
	font-size: 10px;
	margin-bottom: 10px;
	padding: 0.3em 3px 0.3em 3px;}
	
 
A:link    { font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 13px; color: #1083BD; text-decoration: underline; font-weight : normal }
A:hover   { font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 13px; color: #00A6F0; text-decoration: underline; font-weight : normal }
A:active  { font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 13px; color: #00A6F0; text-decoration: underline; font-weight : normal }
A:visited { font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 13px; color: #00A6F0; text-decoration: underline; font-weight : normal }
A:visited:hover { font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 13px; color: #1083BD; text-decoration: underline; font-weight : normal }


A.topbox:link    { font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 13px; color: #ffffff; background: #F6A93C; text-decoration: underline; font-weight : bold; line-height: 17px; padding: 2px;   }
A.topbox:hover   { font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 13px; color: #ffffff; background: #5FBEE9; text-decoration: underline; font-weight : bold; line-height: 17px; padding: 2px;  }
A.topbox:active  { font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 13px; color: #ffffff; background: #5FBEE9; text-decoration: underline; font-weight : bold; line-height: 17px; padding: 2px;  }
A.topbox:visited { font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 13px; color: #ffffff; background: #5FBEE9; text-decoration: underline; font-weight : bold; line-height: 17px; padding: 2px;   }
A.topbox:visited:hover { font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 13px; color: #ffffff; background: #5FBEE9; text-decoration: underline; font-weight : bold; line-height: 17px; padding: 2px;   }


A.colorheader:link    { font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 20px; color: #ffffff; text-decoration: none; font-weight: normal; line-height: 20px; padding-bottom: 5px; }
A.colorheader:hover   { font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 20px; color: #ffffff; text-decoration: underline; font-weight: normal; line-height: 20px; padding-bottom: 5px; }
A.colorheader:active  { font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 20px; color: #ffffff; text-decoration: underline; font-weight: normal; line-height: 20px; padding-bottom: 5px; }
A.colorheader:visited { font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 20px; color: #ffffff; text-decoration: none; font-weight: normal; line-height: 20px; padding-bottom: 5px; }
A.colorheader:visited:hover { font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 20px; color: #ffffff; text-decoration: underline; font-weight: normal; line-height: 20px; padding-bottom: 5px; }

 A.next:link    { font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 12px; color: #00A6F0; text-decoration: underline; font-weight : normal; line-height: 17px }
A.next:hover   { font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 12px; color: #00A6F0; text-decoration: underline; font-weight : normal; line-height: 17px }
A.next:active  { font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 12px; color: #00A6F0; text-decoration: underline; font-weight : normal; line-height: 17px }
A.next:visited { font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 12px; color: #00A6F0; text-decoration: underline; font-weight : normal; line-height: 17px }
A.next:visited:hover { font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 12px; color: #00A6F0; text-decoration: underline; font-weight : normal; line-height: 17px }


 
A.bottombar:link    { font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 13px; color: #ffffff; text-decoration: underline; font-weight : normal; padding: 3px;  }
A.bottombar:hover   { font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 13px; color: #ffffff; text-decoration: underline; font-weight : normal; padding: 3px;  }
A.bottombar:active  { font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 13px; color: #ffffff; text-decoration: underline; font-weight : normal; padding: 3px;  }
A.bottombar:visited { font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 13px; color: #ffffff; text-decoration: underline; font-weight : normal; padding: 3px;  }
A.bottombar:visited:hover { font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 13px; color: #ffffff; text-decoration: underline; font-weight : normal; padding: 3px;  }

A.menu:link    { font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 12px; color: #1083BD; text-decoration: underline; font-weight : normal; line-height: 17px }
A.menu:hover   { font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 12px; color: #00A6F0; text-decoration: underline; font-weight : normal; line-height: 17px }
A.menu:active  { font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 12px; color: #00A6F0; text-decoration: underline; font-weight : normal; line-height: 17px }
A.menu:visited { font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 12px; color: #00A6F0; text-decoration: underline; font-weight : normal; line-height: 17px }
A.menu:visited:hover { font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 12px; color: #1083BD; text-decoration: underline; font-weight : normal; line-height: 17px }



 
A.floatbox:link    { font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 14px; color: #ffffff; text-decoration: underline; font-weight : normal; line-height: 22px;    }
A.floatbox:hover   { font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 14px; color: #ffffff; text-decoration: underline; font-weight : normal; line-height: 22px;    }
A.floatbox:active  { font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 14px; color: #ffffff; text-decoration: underline; font-weight : normal; line-height: 22px;    }
A.floatbox:visited { font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 14px; color: #ffffff; text-decoration: underline; font-weight : normal; line-height: 22px;    }
A.floatbox:visited:hover { font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 14px; color: #ffffff; text-decoration: underline; font-weight : normal; line-height: 22px;    }


h1  { 
font-family: Arial, Verdana, Helvetica, sans-serif; 
font-size: 20px; font-weight: normal;  color: #1083BD;
line-height: 22px; 
padding-top: 1px;
margin-top: 1px;
border-bottom: 1px solid #e2e2e2;
padding-bottom: 5px;
 
}

.header1 {
font-family: Arial, Verdana, Helvetica, sans-serif; 
font-size: 20px; font-weight: normal;  color: #00A6F0;
 
} 

.header2 {
font-family: Arial, Verdana, Helvetica, sans-serif; 
font-size: 20px; font-weight: normal;  color: #1083BD;
} 

.blueheader {

font-family: Arial, Verdana, Helvetica, sans-serif; 
font-size: 15px; font-weight: normal;  color: #1083BD;

} 


h2 {

font-family: Arial, Verdana, Helvetica, sans-serif; 
font-size: 15px; font-weight: normal;  color: #1083BD; line-height: 22px; 

} 


 ul 
{
color: #767676;
 
	background-repeat: no-repeat;

	background-position: left top;

	padding-left: 6px;

	margin-left: 6px;

	margin-top: 0px;

	margin-bottom: 3px;

	padding-bottom: 4px;

}
 
 
 

ul.list
{
color: #F6A93C;
 
	background-repeat: no-repeat;

	background-position: left top;

	padding-left: 6px;

	margin-left: 6px;

	margin-top: 0px;

	margin-bottom: 3px;

	padding-bottom: 4px;

}


ul.blue
{
color: #1083BD;
 
	background-repeat: no-repeat;

	background-position: left top;

	padding-left: 6px;

	margin-left: 6px;

	margin-top: 0px;

	margin-bottom: 3px;

	padding-bottom: 4px;

}



#main 
{ width: 500px; 
text-align: left; 
font-family: Arial, Verdana, Helvetica, sans-serif; 
font-size: 13px; 
color: #767676; 
font-weight: normal; 
line-height: 20px; 
padding-top: 1px;
padding-left: 10px;
padding-bottom: 10px;
margin-left: 5px;
 }



#colorbox       { padding: 10px; font-family: Arial, Verdana, Helvetica, sans-serif; 
font-size: 13px; color: #ffffff; font-weight: normal; line-height: 20px; 
margin-left: 10px; 
}

.colorheader  { 
font-family: Arial, Verdana, Helvetica, sans-serif; 
font-size: 20px; color: #ffffff; font-weight: normal; line-height: 20px; 
padding-bottom: 5px; 
}



#navmenu
{ width: 225px; 
text-align: left; 
font-family: Arial, Verdana, Helvetica, sans-serif; 
font-size: 13px; 
color: #767676; 
font-weight: normal; 
line-height: 20px; 
padding: 5px;
margin-left: 5px;
 }
.navmenuheader  { 
font-family: Arial, Verdana, Helvetica, sans-serif; 
font-size: 17px; color: #1083BD; font-weight: normal; line-height: 20px; 
margin-bottom: 10px; 
margin-top: 5px; 
padding-top: 3px;
}

	 
#greenbox
{ width: 245px; 
background-image: url(images/greenbox.gif);

	background-repeat: repeat-y;

 

 
 

 
 
 }
 
 
	 
.greenboxbody
{ width: 215px; 
text-align: center; 
font-family: Arial, Verdana, Helvetica, sans-serif; 
font-size: 15px; 
color: #ffffff; 

font-weight: normal; 
line-height: 24px; 
padding: 15px;
 
 
 }


#topbox
 {
  width: 100%; 
  margin-left: 5px;
 margin-top: 8px; 
  padding-left: 10px;
  background: #ffffff;
  color: #767676;
  font-family: Arial, Verdana, Helvetica, sans-serif, sans-serif;
  font-size: 13px; 
  line-height: 20px;
}

.topheader       { font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 20px; 
color: #0083BD; font-weight: normal; margin-bottom: 5px;   }


 


	#copyright
 {
  width: 95%; 
  margin-left: 5px;
 
  padding: 10px;
  background: #ffffff;
  color: #767676;
  font-family: Arial, Verdana, Helvetica, sans-serif, sans-serif;
  font-size: 13px; 
}



	#bottombar
 {
  width: 95%; 
  margin-left: 5px;
 
  padding: 10px;
 
  color: #ffffff;
  font-family: Arial, Verdana, Helvetica, sans-serif, sans-serif;
  font-size: 13px; 
}

 
#next
{ width: 80%; 
 text-align: center; 
font-family: Arial, Verdana, Helvetica, sans-serif; 
font-size: 13px; 
color: #00A6F0; 
background: #E0EDF0;
font-weight: normal; 
 
line-height: 17px; 

 
 }


hr {border: none 0;
border-top: 1px solid #f3f3f3;/*the border*/
width: 95%;
margin-left: 0px;
height: 2px;/*whatever the total width of the border-top and border-bottom equal*/
padding: 0px;
}
.float {
float:right; 
margin-left:3px; 
padding:0px;
 
}

.contentslide{
 
padding: 0px;
width: 529px;
height: 160px;

}

.contentslide .contentdiv{
display: none;
 margin-left: 5px;
 margin-top: 8px; 

  padding-left: 10px;
  background: #ffffff;
  color: #767676;
  font-family: Arial, Verdana, Helvetica, sans-serif, sans-serif;
  font-size: 13px; 
  line-height: 19px;
}

.pagination{
width: 180px; /*Width of pagination DIV. To equal that of Content Slider's width, take into account the later's left/right paddings!*/
margin-left: 50px;
text-align: center;
background-color: #E0EDF0;
border: 0px solid;
border-width: 0; /*Left/ right border width of pagination DIV.*/
padding: 5px;
}

* html .pagination{ /*Simplified box model hack to get IE5 to display width equal to that of Content Slider's*/
width: 180px; /*IE5 width*/
w\idth: 196px; /*IE6 width*/
}

.pagination a{
  background-color: #E0EDF0; padding: 5px; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 12px; color: #00A6F0; text-decoration: underline; font-weight : normal; margin-left: 5px; margin-right: 5px;  
}

.pagination a:hover, .pagination a.selected{
   background-color: #00A6F0; padding: 5px; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 12px; color: #ffffff; text-decoration: underline; font-weight : normal;  margin-left: 5px; margin-right: 5px; 
  }
  
  #sidenote
 {
  width: 95%; 
  margin-left: 5px;
  border: 1px solid #E9F2FB;
  padding: 10px;
  background: #E9F2FB;
  color: #1083BD;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px; 
}



	#floatbox
 {
  width: 185px;
  float:right; 
margin-left:15px; 

padding: 10px;
  
 
  border: 1px solid #48bcf0;
 
  background: #48bcf0;
  color: #ffffff;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px; 
  text-align: center; 
  
  line-height: 22px; 
}