@charset "UTF-8";
/*******************************************************************
 * Oak Consulting Style Sheet			                           *
 *******************************************************************/

body {
font-family: Arial, sans-serif;
font-size:13px;
background: #0e1608;
margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
padding: 0;
text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
color: #000000;
background-image: url(images/bg_v01.jpg);
background-repeat: repeat;
background-position: top center;
}

/*******************************************************************
 * Common Elements			                                       *
 *******************************************************************/
#wrapper {
width:883px;
margin: 0 auto;
}

img, a img {
border: none;
margin-bottom: 0px;
}
a, a:link, a:visited {
color: #00548c;
text-decoration: none;
}

a:hover {
color: #6698ba;
text-decoration: underline;
}

a:active {
color: #6698ba;
text-decoration: none;
}
p {
color: #000000;
margin-top: 0;
line-height: 135%;
}
h1 {
font-size: 150%;
color: #2f423c;
}

h2 {
font-size: 125%;
color: #2f423c;
}

h3 {
font-size: 110%;
color: #2f423c;
}

h4 {
font-size: 105%;
color: #2f423c;
}

h5 {
font-size: 103%;
color: #2f423c;
}
ul {
margin: 1em 1.5em 1em 1em;
padding: 0;
color: #000000;
}
ol {
margin: 1em 1.5em 1em 2.5em;
padding: 0;
color: #000000;
}
ol li, ul li {
margin: 0.5em 0.5em 0.5em 1em; /* LTR */
}
ol li a, ol li a:link, ol li a:visited {
color: #00548c;
text-decoration: none;
}
ol li a:hover, ol li a.active {
color: #6698ba;
text-decoration: underline;
}
ul li a, ul li a:link, ul li a:visited {
color: #00548c;
text-decoration: none;
}
ul li a:hover, ul li a.active {
color: #6698ba;
text-decoration: underline;
}
.error {
color: #ba0101;
}

/*******************************************************************
 * Top Content Area Background					                   *
 *******************************************************************/
#container_top {
background: #e1e1e1;
background-image: url(images/top_bg02.gif);
background-repeat: repeat-x;
background-color: #e1e1e1;
background-position: top center;
height:95px;
width:883px;
margin: 0 auto;
margin-top: 40px;
text-align: left; /* this overrides the text-align: center on the body element. */
}

#logo {
padding: 0px 0px 0px 20px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
margin: 0 auto;
text-align: left; /* this overrides the text-align: center on the body element. */
float: left;
height:94px;
}
#hp_top_right {
padding: 20px 0px 0px 0px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
margin-top: 0px;
margin-right: 10px;
text-align: right; /* this overrides the text-align: center on the body element. */
}
#top_right {
padding: 40px 0px 0px 0px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
margin-top: 0px;
margin-right: 3px;
text-align: right; /* this overrides the text-align: center on the body element. */
}
#top_right_member {
padding: 20px 0px 0px 0px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
margin-top: 0px;
margin-right: 3px;
text-align: right; /* this overrides the text-align: center on the body element. */
}

/*******************************************************************
 * Home Page Login			                                       *
 *******************************************************************/
p.hp_login a, p.hp_login a:link, p.hp_login a:visited {
color: #999999;
font-size: 10px;
}
p.hp_login a:hover, p.hp_login a:active {
color: #000000;
font-size: 10px;
text-decoration: underline;
}
.hp_inputtext, .hp_inputpassword {
border:1px solid #5377a6;
font-family:arial, sans-serif;
font-size:14px;
padding:3px;
background: #FFFFFF !important;
width: 150px;
}
.hp_inputsubmit {
background: #5377a6;
color: #FFFFFF;
font-family:arial, sans-serif;
font-size:14px;
padding:3px;
}

/*******************************************************************
 * TOP Navigation			                                       *
 *******************************************************************/
#container_top_links {
font-size: 16px;
}
ul.top_links
{
text-align: right;
margin-bottom: 0px;
}
li.top_links
{
display: inline;
padding: 0 0 0 0;
margin: 0;
}
li.top_links a, li.top_links a:link, li.top_links a:visited {
color: #000;
padding: 0 0 0 10px;
margin: 0;
}
li.top_links a:hover, li.top_links a:active {
color: #000;
text-decoration: underline;
padding: 0 0 0 10px;
margin: 0;
}

/*******************************************************************
 * LEFT Navigation			                                       *
 *******************************************************************/
#nav_wrapper {
width:209px;
margin: 0 auto;
float: left;
}
#navbar {
background-image: url(images/nav_bg_v1.gif);
background-repeat: no-repeat;
background-color: #ebebea;
background-position: top center;
margin-top: 20px;
margin-left: 20px;
text-align: left;
font-size: 13px;
font-weight: bold;
padding: 10px 0px 0px 0px;
color:#000000;
float: left;
width:209px;
}
#navbar_btm {
background-image: url(images/nav_bg_btm_v1.gif);
background-repeat: no-repeat;
background-color: #ebebea;
background-position: top center;
margin-top: 0px;
margin-left: 20px;
float: left;
clear: both;
width:209px;
height:18px;
}
#navbar ul /* Primary links */
  {
margin: 0;
padding: 0;
text-align: left;
}
#navbar ul.subnav /* Secondary links */
  {
margin: 0;
padding: 0 0 0 12px;
text-align: left;
}
#navbar li
{
list-style: none;
padding: 8px 0 0 0;
}
#navbar li a, li a:link, li a:visited {
color: #000000;
text-decoration: none;
}
#navbar li a:hover, li a.active {
color: #000000;
text-decoration: underline;
}

/*******************************************************************
 * Billboard Area								                   *
 *******************************************************************/
#container_billboard {
background: #FFFFFF;
width:883px;
margin: 0 auto;
margin-top: 0px;
margin-bottom: 0px;
text-align: left; /* this overrides the text-align: center on the body element. */
clear: left;
}

/*******************************************************************
 * Middle Content Area Background					                   *
 *******************************************************************/
#container_mid {
background: #FFF;
background-image: url(images/bg_interior_top_v01.gif);
background-repeat: no-repeat;
background-color: #FFF;
background-position: top center;
width:883px;
margin: 0 auto;
margin-top: 0px;
text-align: left; /* this overrides the text-align: center on the body element. */
}
#main_content_nonav {
padding: 20px 0px 20px 0px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
margin-top: 0px;
margin-left: 60px;
width:600px;
text-align: left; /* this overrides the text-align: center on the body element. */
}
#main_content {
padding: 20px 0px 20px 0px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
margin-top: 0px;
margin-left: 260px;
width:582px;
text-align: left; /* this overrides the text-align: center on the body element. */
}

/*******************************************************************
 * Bottom Content Area Background					                   *
 *******************************************************************/
#container_btm {
background-image: url(images/bg_interior_btm_v01.gif);
background-repeat: no-repeat;
background-position: top center;
height:184px;
width:883px;
margin: 0 auto;
margin-top: 0px;
margin-bottom: 40px;
text-align: left; /* this overrides the text-align: center on the body element. */
}

/*******************************************************************
 * Home Page Bottom Content Area Background			               *
 *******************************************************************/
#hp_container_btm {
background-image: url(images/btm_bg01.gif);
background-repeat: no-repeat;
background-position: top center;
height:313px;
width:883px;
margin: 0 auto;
margin-top: 0px;
margin-bottom: 40px;
text-align: left; /* this overrides the text-align: center on the body element. */
}

/*******************************************************************
 * Bottom Copyright & Navigation				           *
 *******************************************************************/
#btm_left {
padding: 160px 0px 0px 20px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
margin: 0 auto;
text-align: left; /* this overrides the text-align: center on the body element. */
float: left;
}

#btm_right {
padding: 140px 0px 0px 0px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
margin: 0 auto;
text-align: right; /* this overrides the text-align: center on the body element. */
float: right;
}

/*******************************************************************
 * Home Page Main Area					    		               *
 *******************************************************************/
#hp_left {
padding: 20px 0px 0px 20px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
margin: 0 auto;
text-align: left; /* this overrides the text-align: center on the body element. */
float: left;
}

#hp_right {
padding: 20px 0px 0px 0px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
margin-top: 0px;
margin-left: 350px;
margin-right: 18px;
width:500px;
font-size: 18px;
font-weight: bold;
color:#000000;
text-align: left; /* this overrides the text-align: center on the body element. */
}

/*******************************************************************
 * Home Page Bottom Copyright & Navigation				           *
 *******************************************************************/
#hp_btm_left {
padding: 67px 0px 0px 20px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
margin: 0 auto;
text-align: left; /* this overrides the text-align: center on the body element. */
float: left;
}

#hp_btm_right {
padding: 50px 0px 0px 0px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
margin: 0 auto;
text-align: right; /* this overrides the text-align: center on the body element. */
float: right;
}

/*******************************************************************
 * Bottom Links				                                       *
 *******************************************************************/
#container_btm_links {
font-size: 13px;
}
ul.btm_links
{
text-align: right;
}
li.btm_links
{
display: inline;
padding: 0 0 0 0;
margin: 0;
}
li.btm_links a, li.btm_links a:link, li.btm_links a:visited {
color: #000;
padding: 0 0 0 10px;
margin: 0;
}
li.btm_links a:hover, li.btm_links a.active {
color: #000;
text-decoration: underline;
padding: 0 0 0 10px;
margin: 0;
}
p.copyright {
color: #000;
font-size: 85%;
}

/*******************************************************************
 * Home Page Hover Buttons	                                       *
 *******************************************************************/
 * html a:hover {
/* to insist on a redraw */
visibility: visible;
}

/* button 1 */
.hp_btn1 {
padding: 0px 0px 10px 0px; 
width: 451px;
height: 29px;
border: 0px;
}

.hp_btn1 a {
display: block;
width: 451px;
height: 29px;
background: url(images/hp_btn01_on.gif) no-repeat 0 0;
border: 0px;
text-decoration: none;
}

.hp_btn1 a:hover {
background: url(images/hp_btn01_on.gif) no-repeat;
}

.hp_btn1 a:hover img {
visibility: hidden;
}
	
.hp_btn1 img {
width: 451px;
height: 29px;
border: 0px;
}

/* button 2 */
.hp_btn2 {
padding: 0px 0px 10px 0px; 
width: 451px;
height: 29px;
border: 0px;
}

.hp_btn2 a {
display: block;
width: 451px;
height: 29px;
background: url(images/hp_btn02_on.gif) no-repeat 0 0;
border: 0px;
text-decoration: none;
}

.hp_btn2 a:hover {
background: url(images/hp_btn02_on.gif) no-repeat;
}

.hp_btn2 a:hover img {
visibility: hidden;
}
	
.hp_btn2 img {
width: 451px;
height: 29px;
border: 0px;
}

/* button 3 */
.hp_btn3 {
padding: 0px 0px 10px 0px; 
width: 451px;
height: 29px;
border: 0px;
}

.hp_btn3 a {
display: block;
width: 451px;
height: 29px;
background: url(images/hp_btn03_on.gif) no-repeat 0 0;
border: 0px;
text-decoration: none;
}

.hp_btn3 a:hover {
background: url(images/hp_btn03_on.gif) no-repeat;
}

.hp_btn3 a:hover img {
visibility: hidden;
}
	
.hp_btn3 img {
width: 451px;
height: 29px;
border: 0px;
}

/* button 4 */
.hp_btn4 {
padding: 0px 0px 10px 0px; 
width: 451px;
height: 29px;
border: 0px;
}

.hp_btn4 a {
display: block;
width: 451px;
height: 29px;
background: url(images/hp_btn04_on.gif) no-repeat 0 0;
border: 0px;
text-decoration: none;
}

.hp_btn4 a:hover {
background: url(images/hp_btn04_on.gif) no-repeat;
}

.hp_btn4 a:hover img {
visibility: hidden;
}
	
.hp_btn4 img {
width: 451px;
height: 29px;
border: 0px;
}

/* button 5 */
.hp_btn5 {
padding: 0px 0px 10px 0px; 
width: 451px;
height: 29px;
border: 0px;
}

.hp_btn5 a {
display: block;
width: 451px;
height: 29px;
background: url(images/hp_btn05_on.gif) no-repeat 0 0;
border: 0px;
text-decoration: none;
}

.hp_btn5 a:hover {
background: url(images/hp_btn05_on.gif) no-repeat;
}

.hp_btn5 a:hover img {
visibility: hidden;
}
	
.hp_btn5 img {
width: 451px;
height: 29px;
border: 0px;
}

/* button 6 */
.hp_btn6 {
padding: 0px 0px 10px 0px; 
width: 451px;
height: 29px;
border: 0px;
}

.hp_btn6 a {
display: block;
width: 451px;
height: 29px;
background: url(images/hp_btn06_on.gif) no-repeat 0 0;
border: 0px;
text-decoration: none;
}

.hp_btn6 a:hover {
background: url(images/hp_btn06_on.gif) no-repeat;
}

.hp_btn6 a:hover img {
visibility: hidden;
}
	
.hp_btn6 img {
width: 451px;
height: 29px;
border: 0px;
}

/*******************************************************************
 * Login			        		                               *
 *******************************************************************/
.inputtext {
border:1px solid #5377a6;
font-family:arial, sans-serif;
font-size:14px;
padding:6px;
background: #FFFFFF !important;
width: 300px;
margin-top: 4px;
margin-bottom: 4px;
}
.inputsubmit {
background: #5377a6;
color: #FFFFFF;
font-family:arial, sans-serif;
font-size:16px;
padding:8px 18px;
margin-top: 4px;
margin-bottom: 4px;
}

/*******************************************************************
 * Login Top Right			                                       *
 *******************************************************************/
p.top_login_text, p.top_login_text a, p.top_login_text a:link, p.top_login_text a:visited {
color: #999999;
font-size: 10px;
}
p.top_login_text a:hover, p.top_login_text a:active {
color: #000000;
font-size: 10px;
text-decoration: underline;
}

/*******************************************************************
 * Page Style Items			                                       *
 *******************************************************************/
img.pic_rightside {
float:right;
margin:0px;
padding:8px;
border: none;
}

/*******************************************************************
 * Program Hover Buttons	                                       *
 *******************************************************************/
/* button 1 */
.program_btn1 {
padding: 0px 0px 10px 0px; 
width: 290px;
height: 29px;
border: 0px;
}

.program_btn1 a {
display: block;
width: 290px;
height: 29px;
background: url(images/program_btn01_on.gif) no-repeat 0 0;
border: 0px;
text-decoration: none;
}

.program_btn1 a:hover {
background: url(images/program_btn01_on.gif) no-repeat;
}

.program_btn1 a:hover img {
visibility: hidden;
}
	
.program_btn1 img {
width: 290px;
height: 29px;
border: 0px;
}

/* button 2 */
.program_btn2 {
padding: 0px 0px 10px 0px; 
width: 290px;
height: 29px;
border: 0px;
}

.program_btn2 a {
display: block;
width: 290px;
height: 29px;
background: url(images/program_btn02_on.gif) no-repeat 0 0;
border: 0px;
text-decoration: none;
}

.program_btn2 a:hover {
background: url(images/program_btn02_on.gif) no-repeat;
}

.program_btn2 a:hover img {
visibility: hidden;
}
	
.program_btn2 img {
width: 290px;
height: 29px;
border: 0px;
}

/* button 3 */
.program_btn3 {
padding: 0px 0px 10px 0px; 
width: 290px;
height: 29px;
border: 0px;
}

.program_btn3 a {
display: block;
width: 290px;
height: 29px;
background: url(images/program_btn03_on.gif) no-repeat 0 0;
border: 0px;
text-decoration: none;
}

.program_btn3 a:hover {
background: url(images/program_btn03_on.gif) no-repeat;
}

.program_btn3 a:hover img {
visibility: hidden;
}
	
.program_btn3 img {
width: 290px;
height: 29px;
border: 0px;
}

/* button 4 */
.program_btn4 {
padding: 0px 0px 10px 0px; 
width: 290px;
height: 29px;
border: 0px;
}

.program_btn4 a {
display: block;
width: 290px;
height: 29px;
background: url(images/program_btn04_on.gif) no-repeat 0 0;
border: 0px;
text-decoration: none;
}

.program_btn4 a:hover {
background: url(images/program_btn04_on.gif) no-repeat;
}

.program_btn4 a:hover img {
visibility: hidden;
}
	
.program_btn4 img {
width: 290px;
height: 29px;
border: 0px;
}

/* button 5 */
.program_btn5 {
padding: 0px 0px 10px 0px; 
width: 290px;
height: 29px;
border: 0px;
}

.program_btn5 a {
display: block;
width: 290px;
height: 29px;
background: url(images/program_btn05_on.gif) no-repeat 0 0;
border: 0px;
text-decoration: none;
}

.program_btn5 a:hover {
background: url(images/program_btn05_on.gif) no-repeat;
}

.program_btn5 a:hover img {
visibility: hidden;
}
	
.program_btn5 img {
width: 290px;
height: 29px;
border: 0px;
}

/* button 6 */
.program_btn6 {
padding: 0px 0px 10px 0px; 
width: 290px;
height: 29px;
border: 0px;
}

.program_btn6 a {
display: block;
width: 290px;
height: 29px;
background: url(images/program_btn06_on.gif) no-repeat 0 0;
border: 0px;
text-decoration: none;
}

.program_btn6 a:hover {
background: url(images/program_btn06_on.gif) no-repeat;
}

.program_btn6 a:hover img {
visibility: hidden;
}
	
.program_btn6 img {
width: 290px;
height: 29px;
border: 0px;
}

/*******************************************************************
 * MEMBER Home Page Hover Buttons	                                       *
 *******************************************************************/
/* button 1 */
.member_btn1 {
padding: 0px 0px 10px 0px; 
width: 451px;
height: 29px;
border: 0px;
}

.member_btn1 a {
display: block;
width: 451px;
height: 29px;
background: url(images/hp_btn01_on.gif) no-repeat 0 0;
border: 0px;
text-decoration: none;
}

.member_btn1 a:hover {
background: url(images/hp_btn01_on.gif) no-repeat;
}

.member_btn1 a:hover img {
visibility: hidden;
}
	
.member_btn1 img {
width: 451px;
height: 29px;
border: 0px;
}

/* button 2 */
.member_btn2 {
padding: 0px 0px 10px 0px; 
width: 451px;
height: 29px;
border: 0px;
}

.member_btn2 a {
display: block;
width: 451px;
height: 29px;
background: url(images/hp_btn02_on.gif) no-repeat 0 0;
border: 0px;
text-decoration: none;
}

.member_btn2 a:hover {
background: url(images/hp_btn02_on.gif) no-repeat;
}

.member_btn2 a:hover img {
visibility: hidden;
}
	
.member_btn2 img {
width: 451px;
height: 29px;
border: 0px;
}

/* button 3 */
.member_btn3 {
padding: 0px 0px 10px 0px; 
width: 451px;
height: 29px;
border: 0px;
}

.member_btn3 a {
display: block;
width: 451px;
height: 29px;
background: url(images/hp_btn03b_on.gif) no-repeat 0 0;
border: 0px;
text-decoration: none;
}

.member_btn3 a:hover {
background: url(images/hp_btn03b_on.gif) no-repeat;
}

.member_btn3 a:hover img {
visibility: hidden;
}
	
.member_btn3 img {
width: 451px;
height: 29px;
border: 0px;
}

/* button 4 */
.member_btn4 {
padding: 0px 0px 10px 0px; 
width: 451px;
height: 29px;
border: 0px;
}

.member_btn4 a {
display: block;
width: 451px;
height: 29px;
background: url(images/hp_btn04_on.gif) no-repeat 0 0;
border: 0px;
text-decoration: none;
}

.member_btn4 a:hover {
background: url(images/hp_btn04_on.gif) no-repeat;
}

.member_btn4 a:hover img {
visibility: hidden;
}
	
.member_btn4 img {
width: 451px;
height: 29px;
border: 0px;
}

/* button 5 */
.member_btn5 {
padding: 0px 0px 10px 0px; 
width: 451px;
height: 29px;
border: 0px;
}

.member_btn5 a {
display: block;
width: 451px;
height: 29px;
background: url(images/hp_btn05_on.gif) no-repeat 0 0;
border: 0px;
text-decoration: none;
}

.member_btn5 a:hover {
background: url(images/hp_btn05_on.gif) no-repeat;
}

.member_btn5 a:hover img {
visibility: hidden;
}
	
.member_btn5 img {
width: 451px;
height: 29px;
border: 0px;
}

/* button 6 */
.member_btn6 {
padding: 0px 0px 10px 0px; 
width: 451px;
height: 29px;
border: 0px;
}

.member_btn6 a {
display: block;
width: 451px;
height: 29px;
background: url(images/hp_btn06_on.gif) no-repeat 0 0;
border: 0px;
text-decoration: none;
}

.member_btn6 a:hover {
background: url(images/hp_btn06_on.gif) no-repeat;
}

.member_btn6 a:hover img {
visibility: hidden;
}
	
.member_btn6 img {
width: 451px;
height: 29px;
border: 0px;
}

/*******************************************************************
 * Pagination Styles		                                       *
 *******************************************************************/
div.pagination {
	padding: 3px;
	margin: 3px;
}

div.pagination a {
	padding: 2px 5px 2px 5px;
	margin: 2px;
	border: 1px solid #AAAADD;
	
	text-decoration: none; /* no underline */
	color: #000099;
}
div.pagination a:hover, div.pagination a:active {
	border: 1px solid #000099;

	color: #000;
}
div.pagination span.current {
	padding: 2px 5px 2px 5px;
	margin: 2px;
		border: 1px solid #000099;
		
		font-weight: bold;
		background-color: #000099;
		color: #FFF;
	}
	div.pagination span.disabled {
		padding: 2px 5px 2px 5px;
		margin: 2px;
		border: 1px solid #EEE;
	
		color: #DDD;
	}