@charset "utf-8";
/* CSS Document */


/* BUTTON HEADER */

#nav_header{
	width: 134px;
	height: 23px;
	/*border-right: 1px solid #000;*/
	padding: 15px 0 0 0px;
	/*margin-bottom: 1em;*/
	font-family: 'Arial', 'Helvetica', Tahoma, sans-serif;
	font-size: 12px;
	font-weight: bold;
	background-color: #6c276a;
	color: #e1df19;
	text-align: center;
	vertical-align: middle;

}


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

/*
-----------BUTTON 1---------------------------
*/

#button1{
	width: 134px;
	height: 38px;
	/*border-right: 1px solid #000;*/
	padding: 0 0 0 0px;
	/*margin-bottom: 1em;*/
	font-family: 'Arial', 'Helvetica', Tahoma, sans-serif;
	font-size: 12px;
	font-weight: bold;
	background-color: #00b1b0;
	color: #ffffff;
	text-align: center;
	vertical-align: middle;

}

* html #button1{ /*IE 6 only */
w\idth: 134px; /*Box model bug: 180px minus all left and right paddings for #button1 */
}

#button1 a{
display: block;
padding: 4px 0px 0px 0px;
/*border-left: 10px solid #1958b7;
border-right: 10px solid #508fc4;*/
background-color: #00b1b0;
color: #fff;
text-decoration: none;
width: 100%;
height: 33px;
vertical-align: middle;
line-height: 14px;
}

html>body #button1 a{ /*Non IE6 width*/
width: auto;
}

#button1 a:hover{
/*border-left: 10px solid #1c64d1;
border-right: 10px solid #5ba3e0;*/
background-color: #00cecd;
color: #fff;
}

/*
-----------BUTTON 2---------------------------
*/

#button2{
	width: 134px;
	height: 38px;
	/*border-right: 1px solid #000;*/
	padding: 0 0 0 0px;
	/*margin-bottom: 1em;*/
	font-family: 'Arial', 'Helvetica', Tahoma, sans-serif;
	font-size: 12px;
	font-weight: bold;
	background-color: #ffc423;
	color: #ffffff;
	text-align: center;
	vertical-align: middle;
}

* html #button2{ /*IE 6 only */
w\idth: 134px; /*Box model bug: 180px minus all left and right paddings for #button1 */
}

#button2 a{
display: block;
padding: 10px 0px 0px 0px;
/*border-left: 10px solid #1958b7;
border-right: 10px solid #508fc4;*/
background-color: #ffc423;
color: #fff;
text-decoration: none;
width: 100%;
height: 28px;
}

html>body #button2 a{ /*Non IE6 width*/
width: auto;
}

#button2 a:hover{
/*border-left: 10px solid #1c64d1;
border-right: 10px solid #5ba3e0;*/
background-color: #ffdf3b;
color: #fff;

}

/*
-----------BUTTON 3---------------------------
*/

#button3{
	width: 134px;
	height: 38px;
	/*border-right: 1px solid #000;*/
	padding: 0 0 0 0px;
	/*margin-bottom: 1em;*/
	font-family: 'Arial', 'Helvetica', Tahoma, sans-serif;
	font-size: 12px;
	font-weight: bold;
	background-color: #007db1;
	color: #ffffff;
	text-align: center;
	vertical-align: middle;
}

* html #button3{ /*IE 6 only */
w\idth: 134px; /*Box model bug: 180px minus all left and right paddings for #button1 */
}

#button3 a{
display: block;
padding: 4px 0px 0px 0px;
/*border-left: 10px solid #1958b7;
border-right: 10px solid #508fc4;*/
background-color: #007db1;
color: #fff;
text-decoration: none;
width: 100%;
height: 33px;
line-height: 14px;

}

html>body #button3 a{ /*Non IE6 width*/
width: auto;
}

#button3 a:hover{
/*border-left: 10px solid #1c64d1;
border-right: 10px solid #5ba3e0;*/
background-color: #009cce;
color: #fff;

}


/*
-----------BUTTON 4---------------------------
*/

#button4{
	width: 134px;
	height: 38px;
	/*border-right: 1px solid #000;*/
	padding: 0 0 0 0px;
	/*margin-bottom: 1em;*/
	font-family: 'Arial', 'Helvetica', Tahoma, sans-serif;
	font-size: 12px;
	font-weight: bold;
	background-color: #7686c2;
	color: #ffffff;
	text-align: center;
	vertical-align: middle;

}

* html #button4{ /*IE 6 only */
w\idth: 134px; /*Box model bug: 180px minus all left and right paddings for #button1 */
}



#button4 a{
display: block;
padding: 10px 0px 0px 0px;
/*border-left: 10px solid #1958b7;
border-right: 10px solid #508fc4;*/
background-color: #7686c2;
color: #fff;
text-decoration: none;
width: 100%;
height: 28px;


}

html>body #button4 a{ /*Non IE6 width*/
width: auto;
}

#button4 a:hover{
/*border-left: 10px solid #1c64d1;
border-right: 10px solid #5ba3e0;*/
background-color: #95a5dd;
color: #fff;

}


/*
-----------BUTTON 5---------------------------
*/

#button5{
	width: 134px;
	height: 38px;
	/*border-right: 1px solid #000;*/
	padding: 0 0 0 0px;
	/*margin-bottom: 1em;*/
	font-family: 'Arial', 'Helvetica', Tahoma, sans-serif;
	font-size: 12px;
	font-weight: bold;
	background-color: #95a9cc;
	color: #ffffff;
	text-align: center;
	vertical-align: middle;

}

* html #button5{ /*IE 6 only */
w\idth: 134px; /*Box model bug: 180px minus all left and right paddings for #button1 */
}



#button5 a{
display: block;
padding: 10px 0px 0px 0px;
/*border-left: 10px solid #1958b7;
border-right: 10px solid #508fc4;*/
background-color: #95a9cc;
color: #fff;
text-decoration: none;
width: 100%;
height: 28px;

}

html>body #button5 a{ /*Non IE6 width*/
width: auto;
}

#button5 a:hover{
/*border-left: 10px solid #1c64d1;
border-right: 10px solid #5ba3e0;*/
background-color: #b4c7e5;
color: #fff;

}

/*
-----------BUTTON 6---------------------------
*/

#button6{
	width: 134px;
	height: 38px;
	/*border-right: 1px solid #000;*/
	padding: 0 0 0 0px;
	/*margin-bottom: 1em;*/
	font-family: 'Arial', 'Helvetica', Tahoma, sans-serif;
	font-size: 12px;
	font-weight: bold;
	background-color: #009b7b;
	color: #ffffff;
	text-align: center;
	vertical-align: middle;

}

* html #button6{ /*IE 6 only */
w\idth: 134px; /*Box model bug: 180px minus all left and right paddings for #button1 */
}


#button6 a{
display: block;
padding: 10px 0px 0px 0px;
/*border-left: 10px solid #1958b7;
border-right: 10px solid #508fc4;*/
background-color: #009b7b;
color: #fff;
text-decoration: none;
width: 100%;
height: 28px;

}

html>body #button6 a{ /*Non IE6 width*/
width: auto;
}

#button6 a:hover{
/*border-left: 10px solid #1c64d1;
border-right: 10px solid #5ba3e0;*/
background-color: #00b99a;
color: #fff;

}

/*
-----------BUTTON 7---------------------------
*/

#button7{
	width: 134px;
	height: 38px;
	/*border-right: 1px solid #000;*/
	padding: 0 0 0 0px;
	/*margin-bottom: 1em;*/
	font-family: 'Arial', 'Helvetica', Tahoma, sans-serif;
	font-size: 12px;
	font-weight: bold;
	background-color: #9b8c7e;
	color: #ffffff;
	text-align: center;
	vertical-align: middle;

}

* html #button7{ /*IE 6 only */
w\idth: 134px; /*Box model bug: 180px minus all left and right paddings for #button1 */
}



#button7 a{
display: block;
padding: 4px 0px 0px 0px;
/*border-left: 10px solid #1958b7;
border-right: 10px solid #508fc4;*/
background-color: #9b8c7e;
color: #fff;
text-decoration: none;
width: 100%;
height: 33px;
vertical-align: middle;
line-height: 14px;
}

html>body #button7 a{ /*Non IE6 width*/
width: auto;
}

#button7 a:hover{
/*border-left: 10px solid #1c64d1;
border-right: 10px solid #5ba3e0;*/
background-color: #b9ab9d;
color: #fff;
}


/*
-----------BUTTON 8---------------------------
*/

#button8{
	width: 134px;
	height: 71px;
	/*border-right: 1px solid #000;*/
	padding: 0 0 0 0px;
	/*margin-bottom: 1em;*/
	font-family: 'Arial', 'Helvetica', Tahoma, sans-serif;
	font-size: 15px;
	font-weight: bold;
	background-color: #ca2d92;
	color: #ffffff;
	text-align: center;
	vertical-align: middle;

}

* html #button8{ /*IE 6 only */
w\idth: 134px; /*Box model bug: 180px minus all left and right paddings for #button1 */
}



#button8 a{
display: block;
padding: 18px 0px 0px 0px;
/*border-left: 10px solid #1958b7;
border-right: 10px solid #508fc4;*/
background-color: #ca2d92;
color: #fff;
text-decoration: none;
width: 100%;
height: 51px;
vertical-align: middle;
line-height: 16px;
}

html>body #button8 a{ /*Non IE6 width*/
width: auto;
}

#button8 a:hover{
/*border-left: 10px solid #1c64d1;
border-right: 10px solid #5ba3e0;*/
background-color: #e349b1;
color: #fff;
}

/*
-----------BUTTON 9---------------------------
*/

#button9{
	width: 134px;
	height: 48px;
	/*border-right: 1px solid #000;*/
	padding: 0 0 0 0px;
	/*margin-bottom: 1em;*/
	font-family: 'Arial', 'Helvetica', Tahoma, sans-serif;
	font-size: 12px;
	font-weight: bold;
	background-color: #e2a3c9;
	color: #ffffff;
	text-align: center;
	vertical-align: middle;

}

* html #button9{ /*IE 6 only */
w\idth: 134px; /*Box model bug: 180px minus all left and right paddings for #button1 */
}



#button9 a{
display: block;
padding: 14px 0px 0px 0px;
/*border-left: 10px solid #1958b7;
border-right: 10px solid #508fc4;*/
background-color: #e2a3c9;
color: #fff;
text-decoration: none;
width: 100%;
height: 33px;
vertical-align: middle;
line-height: 16px;
}

html>body #button9 a{ /*Non IE6 width*/
width: auto;
}

#button9 a:hover{
/*border-left: 10px solid #1c64d1;
border-right: 10px solid #5ba3e0;*/
background-color: #f3c1e2;
color: #fff;
}


/*
-----------BUTTON 10---------------------------
*/

#button10{
	width: 134px;
	height: 48px;
	/*border-right: 1px solid #000;*/
	padding: 0 0 0 0px;
	/*margin-bottom: 1em;*/
	font-family: 'Arial', 'Helvetica', Tahoma, sans-serif;
	font-size: 12px;
	font-weight: bold;
	background-color: #b1a79b;
	color: #ffffff;
	text-align: center;
	vertical-align: middle;

}

* html #button10{ /*IE 6 only */
w\idth: 134px; /*Box model bug: 180px minus all left and right paddings for #button1 */
}



#button10 a{
display: block;
padding: 14px 0px 0px 0px;
/*border-left: 10px solid #1958b7;
border-right: 10px solid #508fc4;*/
background-color: #b1a79b;
color: #fff;
text-decoration: none;
width: 100%;
height: 33px;
vertical-align: middle;
line-height: 16px;
}

html>body #button10 a{ /*Non IE6 width*/
width: auto;
}

#button10 a:hover{
/*border-left: 10px solid #1c64d1;
border-right: 10px solid #5ba3e0;*/
background-color: #cec5b9;
color: #fff;
}

/*
-----------BUTTON 11---------------------------
*/

#button11{
	width: 134px;
	height: 48px;
	/*border-right: 1px solid #000;*/
	padding: 0 0 0 0px;
	/*margin-bottom: 1em;*/
	font-family: 'Arial', 'Helvetica', Tahoma, sans-serif;
	font-size: 12px;
	font-weight: bold;
	background-color: #00b1b0;
	color: #ffffff;
	text-align: center;
	vertical-align: middle;

}

* html #button11{ /*IE 6 only */
w\idth: 134px; /*Box model bug: 180px minus all left and right paddings for #button1 */
}



#button11 a{
display: block;
padding: 14px 0px 0px 0px;
/*border-left: 10px solid #1958b7;
border-right: 10px solid #508fc4;*/
background-color: #00b1b0;
color: #fff;
text-decoration: none;
width: 100%;
height: 33px;
vertical-align: middle;
line-height: 16px;
}

html>body #button11 a{ /*Non IE6 width*/
width: auto;
}

#button11 a:hover{
/*border-left: 10px solid #1c64d1;
border-right: 10px solid #5ba3e0;*/
background-color: #00cecd;
color: #fff;
}

/* ------------END OF LEF NAV BUTTONS--------------- */



/* ------------TOP BUTTONS---------------------------*/

a.topbutton{
background: transparent url('../images/navigation/top_button_left.gif') no-repeat top left;
background-color:#FFFFFF;
display: block;
float: left;
font: bold 11px Arial; /* Change 13px as desired */
line-height: 11px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background */
height: 19px; /* Height of button background height */
padding-left: 16px; /* Width of left menu image */
text-decoration: none;
}

a:link.topbutton, a:visited.topbutton, a:active.topbutton{
color: #702d6e; /*button text color*/
}

a.topbutton span{
background: transparent url('../images/navigation/top_button_right.gif') no-repeat top right;
background-color:#FFFFFF;
display: block;
padding: 4px 16px 4px 0; /*Set 11px below to match value of 'padding-left' value above*/
}

a.topbutton:hover{ /* Hover state CSS */
background-position: bottom left;
}

a.topbutton:hover span{ /* Hover state CSS */
background-position: bottom right;
color: #ffffff;
}

.buttonwrapper{ /* Container you can use to surround a CSS button to clear float */
overflow: hidden; /*See: http://www.quirksmode.org/css/clearing.html */
width: 100%;
}

a.topbuttonon{
background: transparent url('../images/navigation/top_button_left.gif') no-repeat top left;
background-position: bottom left;
display: block;
float: left;
font: bold 11px Arial; /* Change 13px as desired */
line-height: 11px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background */
height: 19px; /* Height of button background height */
padding-left: 16px; /* Width of left menu image */
text-decoration: none;
}

a:link.topbuttonon, a:visited.topbuttonon, a:active.topbuttonon{
color: #ffffff; /*button text color*/
}

a.topbuttonon span{
background: transparent url('../images/navigation/top_button_right.gif') no-repeat top right;
background-position: bottom right;
display: block;
padding: 4px 16px 4px 0; /*Set 11px below to match value of 'padding-left' value above*/
}






/* ------------END OF TOP BUTTONS--------------- */


/* ------------TAB BUTTONS---------------------------*/

a.tabbutton{
background: transparent url('../images/navigation/tab_button_1_left.gif') no-repeat top left;
background-color:#00b1b0;
display: block;
float: left;
font: bold 11px Arial; /* Change 13px as desired */
line-height: 12px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background */
height: 20px; /* Height of button background height */
padding-left: 16px; /* Width of left menu image */
text-decoration: none;
}

a:link.tabbutton, a:visited.tabbutton, a:active.tabbutton{
color: #ffffff; /*button text color*/
}

a.tabbutton span{
background: transparent url('../images/navigation/tab_button_1_right.gif') no-repeat top right;
background-color:#00b1b0;
display: block;
padding: 4px 40px 4px 0; /*Set 11px below to match value of 'padding-left' value above*/
}

a.tabbutton:hover{ /* Hover state CSS */
background-position: bottom left;
}

a.tabbutton:hover span{ /* Hover state CSS */
background-position: bottom right;
color: #ffffff;
}

.buttonwrapper{ /* Container you can use to surround a CSS button to clear float */
overflow: hidden; /*See: http://www.quirksmode.org/css/clearing.html */
width: 100%;
}

a.tabbuttonon{
background: transparent url('../images/navigation/tab_button_1_left.gif') no-repeat top left;
background-position: bottom left;
background-color:#00b1b0;
display: block;
float: left;
font: bold 11px Arial; /* Change 13px as desired */
line-height: 12px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background */
height: 20px; /* Height of button background height */
padding-left: 16px; /* Width of left menu image */
text-decoration: none;
}

a:link.tabbuttonon, a:visited.tabbuttonon, a:active.tabbuttonon{
color: #ffffff; /*button text color*/
}

a.tabbuttonon span{
background: transparent url('../images/navigation/tab_button_1_right.gif') no-repeat top right;
background-position: bottom right;
background-color:00b1b0;
display: block;
padding: 4px 40px 4px 0; /*Set 11px below to match value of 'padding-left' value above*/
}

a.tabbutton2{
background: transparent url('../images/navigation/tab_button_2_left.gif') no-repeat top left;
background-color:#007db1;
display: block;
float: left;
font: bold 11px Arial; /* Change 13px as desired */
line-height: 12px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background */
height: 20px; /* Height of button background height */
padding-left: 16px; /* Width of left menu image */
text-decoration: none;
}

a:link.tabbutton2, a:visited.tabbutton2, a:active.tabbutton2{
color: #ffffff; /*button text color*/
}

a.tabbutton2 span{
background: transparent url('../images/navigation/tab_button_2_right.gif') no-repeat top right;
background-color:#007db1;
display: block;
padding: 4px 40px 4px 0; /*Set 11px below to match value of 'padding-left' value above*/
}

a.tabbutton2:hover{ /* Hover state CSS */
background-position: bottom left;
}

a.tabbutton2:hover span{ /* Hover state CSS */
background-position: bottom right;
color: #ffffff;
}

.buttonwrapper{ /* Container you can use to surround a CSS button to clear float */
overflow: hidden; /*See: http://www.quirksmode.org/css/clearing.html */
width: 100%;
}

a.tabbutton2on{
background: transparent url('../images/navigation/tab_button_2_left.gif') no-repeat top left;
background-position: bottom left;
display: block;
float: left;
font: bold 11px Arial; /* Change 13px as desired */
line-height: 12px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background */
height: 20px; /* Height of button background height */
padding-left: 16px; /* Width of left menu image */
text-decoration: none;
}

a:link.tabbutton2on, a:visited.tabbutton2on, a:active.tabbutton2on{
color: #ffffff; /*button text color*/
}

a.tabbutton2on span{
background: transparent url('../images/navigation/tab_button_2_right.gif') no-repeat top right;
background-position: bottom right;
background-color:#007db1;
display: block;
padding: 4px 40px 4px 0; /*Set 11px below to match value of 'padding-left' value above*/
}


a.tabbutton3{
background: transparent url('../images/navigation/tab_button_3_left.gif') no-repeat top left;
background-color:#7686c2;
display: block;
float: left;
font: bold 11px Arial; /* Change 13px as desired */
line-height: 12px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background */
height: 20px; /* Height of button background height */
padding-left: 16px; /* Width of left menu image */
text-decoration: none;
}

a:link.tabbutton3, a:visited.tabbutton3, a:active.tabbutton3{
color: #ffffff; /*button text color*/
}

a.tabbutton3 span{
background: transparent url('../images/navigation/tab_button_3_right.gif') no-repeat top right;
background-color:#7686c2;
display: block;
padding: 4px 40px 4px 0; /*Set 11px below to match value of 'padding-left' value above*/
}

a.tabbutton3:hover{ /* Hover state CSS */
background-position: bottom left;
}

a.tabbutton3:hover span{ /* Hover state CSS */
background-position: bottom right;
color: #ffffff;
}

.buttonwrapper{ /* Container you can use to surround a CSS button to clear float */
overflow: hidden; /*See: http://www.quirksmode.org/css/clearing.html */
width: 100%;
}

a.tabbutton3on{
background: transparent url('../images/navigation/tab_button_3_left.gif') no-repeat top left;
background-position: bottom left;
display: block;
float: left;
font: bold 11px Arial; /* Change 13px as desired */
line-height: 12px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background */
height: 20px; /* Height of button background height */
padding-left: 16px; /* Width of left menu image */
text-decoration: none;
}

a:link.tabbutton3on, a:visited.tabbutton3on, a:active.tabbutton3on{
color: #ffffff; /*button text color*/
}

a.tabbutton3on span{
background: transparent url('../images/navigation/tab_button_3_right.gif') no-repeat top right;
background-position: bottom right;
background-color:#7686c2;
display: block;
padding: 4px 40px 4px 0; /*Set 11px below to match value of 'padding-left' value above*/
}


a.tabbutton4{
background: transparent url('../images/navigation/tab_button_4_left.gif') no-repeat top left;
background-color:#95a9cc;
display: block;
float: left;
font: bold 11px Arial; /* Change 13px as desired */
line-height: 12px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background */
height: 20px; /* Height of button background height */
padding-left: 16px; /* Width of left menu image */
text-decoration: none;
}

a:link.tabbutton4, a:visited.tabbutton4, a:active.tabbutton4{
color: #ffffff; /*button text color*/
}

a.tabbutton4 span{
background: transparent url('../images/navigation/tab_button_4_right.gif') no-repeat top right;
background-color:#95a9cc;
display: block;
padding: 4px 40px 4px 0; /*Set 11px below to match value of 'padding-left' value above*/
}

a.tabbutton4:hover{ /* Hover state CSS */
background-position: bottom left;
}

a.tabbutton4:hover span{ /* Hover state CSS */
background-position: bottom right;
color: #ffffff;
}

.buttonwrapper{ /* Container you can use to surround a CSS button to clear float */
overflow: hidden; /*See: http://www.quirksmode.org/css/clearing.html */
width: 100%;
}

a.tabbutton4on{
background: transparent url('../images/navigation/tab_button_4_left.gif') no-repeat top left;
background-position: bottom left;
display: block;
float: left;
font: bold 11px Arial; /* Change 13px as desired */
line-height: 12px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background */
height: 20px; /* Height of button background height */
padding-left: 16px; /* Width of left menu image */
text-decoration: none;
}

a:link.tabbutton4on, a:visited.tabbutton4on, a:active.tabbutton4on{
color: #ffffff; /*button text color*/
}

a.tabbutton4on span{
background: transparent url('../images/navigation/tab_button_4_right.gif') no-repeat top right;
background-position: bottom right;
background-color:#95a9cc;
display: block;
padding: 4px 40px 4px 0; /*Set 11px below to match value of 'padding-left' value above*/
}

a.tabbutton5{
background: transparent url('../images/navigation/tab_button_5_left.gif') no-repeat top left;
background-color:#9b8c7e;
display: block;
float: left;
font: bold 11px Arial; /* Change 13px as desired */
line-height: 12px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background */
height: 20px; /* Height of button background height */
padding-left: 16px; /* Width of left menu image */
text-decoration: none;
}

a:link.tabbutton5, a:visited.tabbutton5, a:active.tabbutton5{
color: #ffffff; /*button text color*/
}

a.tabbutton5 span{
background: transparent url('../images/navigation/tab_button_5_right.gif') no-repeat top right;
background-color:#9b8c7e;
display: block;
padding: 4px 40px 4px 0; /*Set 11px below to match value of 'padding-left' value above*/
}

a.tabbutton5:hover{ /* Hover state CSS */
background-position: bottom left;
}

a.tabbutton5:hover span{ /* Hover state CSS */
background-position: bottom right;
color: #ffffff;
}

.buttonwrapper{ /* Container you can use to surround a CSS button to clear float */
overflow: hidden; /*See: http://www.quirksmode.org/css/clearing.html */
width: 100%;
}

a.tabbutton5on{
background: transparent url('../images/navigation/tab_button_5_left.gif') no-repeat top left;
background-position: bottom left;
display: block;
float: left;
font: bold 11px Arial; /* Change 13px as desired */
line-height: 12px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background */
height: 20px; /* Height of button background height */
padding-left: 16px; /* Width of left menu image */
text-decoration: none;
}

a:link.tabbutton5on, a:visited.tabbutton5on, a:active.tabbutton5on{
color: #ffffff; /*button text color*/
}

a.tabbutton5on span{
background: transparent url('../images/navigation/tab_button_5_right.gif') no-repeat top right;
background-position: bottom right;
background-color:#9b8c7e;
display: block;
padding: 4px 40px 4px 0; /*Set 11px below to match value of 'padding-left' value above*/
}

/* ------------END OF TAB BUTTONS--------------- */


/*-------------About us buttons------------------*/

#aboutus{
margin-left: 65px;
margin-top: 8px;
}

#recruitment{
margin-left: 275px;
margin-top: 8px;
}

a.aboutbutton{
background-color: #FFFFFF;
display: block;
float: left;
font: bold 10px Arial; /* Change 13px as desired */
line-height: 11px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background */
height: 19px; /* Height of button background height */
padding-left: 8px; /* Width of left menu image */
text-decoration: none;
}

a:link.aboutbutton, a:visited.aboutbutton, a:active.aboutbutton{
color: #6c276a; /*button text color*/
}

a.aboutbutton span{
background-color: #FFFFFF;
background-image: url(../images/navigation/menu_divider.gif);
background-position:right;
background-repeat:no-repeat;
display: block;
padding: 4px 9px 4px 0; /*Set 11px below to match value of 'padding-left' value above*/
}

a.aboutbutton:hover{ /* Hover state CSS */
background-color: #d5c6d5;
}

a.aboutbutton:hover span{ /* Hover state CSS */
background-color: #d5c6d5;
}

a.aboutbuttonend{
background-color: #FFFFFF;
display: block;
float: left;
font: bold 10px Arial; /* Change 13px as desired */
line-height: 11px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background */
height: 19px; /* Height of button background height */
padding-left: 8px; /* Width of left menu image */
text-decoration: none;
}

a:link.aboutbuttonend, a:visited.aboutbuttonend, a:active.aboutbuttonend{
color: #6c276a; /*button text color*/
}

a.aboutbuttonend span{
background-color: #FFFFFF;
display: block;
padding: 4px 9px 4px 0; /*Set 11px below to match value of 'padding-left' value above*/
}

a.aboutbuttonend:hover{ /* Hover state CSS */
background-color: #d5c6d5;
}

a.aboutbuttonend:hover span{ /* Hover state CSS */
background-color: #d5c6d5;
}

a.aboutbuttonon{
background-color: #d5c6d5;
display: block;
float: left;
font: bold 10px Arial; /* Change 13px as desired */
line-height: 11px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background */
height: 19px; /* Height of button background height */
padding-left: 8px; /* Width of left menu image */
border-left: 1px;
text-decoration: none;
}

a:link.aboutbuttonon, a:visited.aboutbuttonon, a:active.aboutbuttonon{
color: #702d6e; /*button text color*/
}

a.aboutbuttonon span{
background-color: #d5c6d5;
background-image: url(../images/navigation/menu_divider.gif);
background-position:right;
background-repeat:no-repeat;
display: block;
padding: 4px 8px 4px 0; /*Set 11px below to match value of 'padding-left' value above*/
}

a.aboutbuttonendon{
background-color: #d5c6d5;
display: block;
float: left;
font: bold 10px Arial; /* Change 13px as desired */
line-height: 11px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background */
height: 19px; /* Height of button background height */
padding-left: 8px; /* Width of left menu image */
border-left: 1px;
text-decoration: none;
}

a:link.aboutbuttonendon, a:visited.aboutbuttonendon, a:active.aboutbuttonendon{
color: #702d6e; /*button text color*/
}

a.aboutbuttonendon span{
background-color: #d5c6d5;
display: block;
padding: 4px 9px 4px 0; /*Set 11px below to match value of 'padding-left' value above*/
}



.aboutbuttonwrapper{ /* Container you can use to surround a CSS button to clear float */
overflow: hidden; /*See: http://www.quirksmode.org/css/clearing.html */
width: 100%;
}

/*---------------End about us buttons-------------------*/

/*-------------What We Do buttons------------------*/

#whatwedo{
margin-left: 1px;
margin-top: 8px;
}

a.whatwedobutton{
background-color: #FFFFFF;
display: block;
float: left;
font: bold 10px Arial; /* Change 13px as desired */
line-height: 11px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background */
height: 19px; /* Height of button background height */
padding-left: 8px; /* Width of left menu image */
text-decoration: none;
}

a:link.whatwedobutton, a:visited.whatwedobutton, a:active.whatwedobutton{
color: #6c276a; /*button text color*/
}

a.whatwedobutton span{
background-color: #FFFFFF;
background-image: url(../images/navigation/menu_divider.gif);
background-position:right;
background-repeat:no-repeat;
display: block;
padding: 4px 9px 4px 0; /*Set 11px below to match value of 'padding-left' value above*/
}

a.whatwedobutton:hover{ /* Hover state CSS */
background-color: #d5c6d5;
}

a.whatwedobutton:hover span{ /* Hover state CSS */
background-color: #d5c6d5;
}

a.whatwedobuttonend{
background-color: #FFFFFF;
display: block;
float: left;
font: bold 10px Arial; /* Change 13px as desired */
line-height: 11px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background */
height: 19px; /* Height of button background height */
padding-left: 8px; /* Width of left menu image */
text-decoration: none;
}

a:link.whatwedobuttonend, a:visited.whatwedonbuttonend, a:active.whatwedobuttonend{
color: #6c276a; /*button text color*/
}

a.whatwedobuttonend span{
background-color: #FFFFFF;
display: block;
padding: 4px 9px 4px 0; /*Set 11px below to match value of 'padding-left' value above*/
}

a.whatwedobuttonend:hover{ /* Hover state CSS */
background-color: #d5c6d5;
}

a.whatwedobuttonend:hover span{ /* Hover state CSS */
background-color: #d5c6d5;
}

a.whatwedobuttonendon{
background-color: #d5c6d5;
display: block;
float: left;
font: bold 10px Arial; /* Change 13px as desired */
line-height: 11px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background */
height: 19px; /* Height of button background height */
padding-left: 8px; /* Width of left menu image */
text-decoration: none;
}

a:link.whatwedobuttonendon, a:visited.whatwedonbuttonendon, a:active.whatwedobuttonendon{
color: #6c276a; /*button text color*/
}

a.whatwedobuttonendon span{
background-color: #d5c6d5;
display: block;
padding: 4px 9px 4px 0; /*Set 11px below to match value of 'padding-left' value above*/
}

a.whatwedobuttonendon:hover{ /* Hover state CSS */
background-color: #d5c6d5;
}

a.whatwedobuttonendon:hover span{ /* Hover state CSS */
background-color: #d5c6d5;
}

a.whatwedobuttonon{
background-color: #d5c6d5;
display: block;
float: left;
font: bold 10px Arial; /* Change 13px as desired */
line-height: 11px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background */
height: 19px; /* Height of button background height */
padding-left: 8px; /* Width of left menu image */
border-left: 1px;
text-decoration: none;
}

a:link.whatwedobuttonon, a:visited.whatwedobuttonon, a:active.whatwedobuttonon{
color: #702d6e; /*button text color*/
}

a.whatwedobuttonon span{
background-color: #d5c6d5;
background-image: url(../images/navigation/menu_divider.gif);
background-position:right;
background-repeat:no-repeat;
display: block;
padding: 4px 8px 4px 0; /*Set 11px below to match value of 'padding-left' value above*/
}



.whatwedowrapper{ /* Container you can use to surround a CSS button to clear float */
overflow: hidden; /*See: http://www.quirksmode.org/css/clearing.html */
width: 100%;
}

/*---------------End What We Do buttons-------------------*/


/*---------------Adoption Buttons-------------------------*/

#postadoptionbutton{
margin-left: 1px;
margin-top: 8px;
}

a.postadoptionbutton{
background-color: #FFFFFF;
display: block;
float: left;
font: bold 10px Arial; /* Change 13px as desired */
line-height: 11px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background */
height: 19px; /* Height of button background height */
padding-left: 3px; /* Width of left menu image */
text-decoration: none;
}

a:link.postadoptionbutton, a:visited.postadoptionbutton, a:active.postadoptionbutton{
color: #00b1b0; /*button text color*/
}

a.postadoptionbutton span{
background-color: #FFFFFF;
background-image: url(../images/navigation/menu_divider_adoption.gif);
background-position:right;
background-repeat:no-repeat;
display: block;
padding: 4px 5px 4px 0; /*Set 11px below to match value of 'padding-left' value above*/
}

a.postadoptionbutton:hover{ /* Hover state CSS */
background-color: #74d0cf;
color: #ffffff;
}

a.postadoptionbutton:hover span{ /* Hover state CSS */
background-color: #74d0cf;
color: #ffffff;
}

a.postadoptionbuttonon{
background-color: #74d0cf;
display: block;
float: left;
font: bold 10px Arial; /* Change 13px as desired */
line-height: 11px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background */
height: 19px; /* Height of button background height */
padding-left: 3px; /* Width of left menu image */
border-left: 1px;
text-decoration: none;
color: #ffffff;
}

a:link.postadoptionbuttonon, a:visited.postadoptionbuttonon, a:active.postadoptionbuttonon{
color: #ffffff; /*button text color*/
}

a.postadoptionbuttonon span{
background-color: #74d0cf;
background-image: url(../images/navigation/menu_divider_adoption.gif);
background-position:right;
background-repeat:no-repeat;
display: block;
padding: 4px 5px 4px 0; /*Set 11px below to match value of 'padding-left' value above*/
}

#postadoptionbuttonend{
margin-left: 1px;
margin-top: 8px;
}

a.postadoptionbuttonend{
background-color: #FFFFFF;
display: block;
float: left;
font: bold 10px Arial; /* Change 13px as desired */
line-height: 11px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background */
height: 19px; /* Height of button background height */
padding-left: 3px; /* Width of left menu image */
text-decoration: none;
}

a:link.postadoptionbuttonend, a:visited.postadoptionbuttonend, a:active.postadoptionbuttonend{
color: #00b1b0; /*button text color*/
}

a.postadoptionbuttonend span{
background-color: #FFFFFF;
/*background-image: url(../images/navigation/menu_divider.gif);*/
background-position:right;
background-repeat:no-repeat;
display: block;
padding: 4px 5px 4px 0; /*Set 11px below to match value of 'padding-left' value above*/
}

a.postadoptionbuttonend:hover{ /* Hover state CSS */
background-color: #74d0cf;
color: #ffffff;
}

a.postadoptionbuttonend:hover span{ /* Hover state CSS */
background-color: #74d0cf;
color: #ffffff;
}

a.postadoptionbuttonon{
background-color: #74d0cf;
display: block;
float: left;
font: bold 10px Arial; /* Change 13px as desired */
line-height: 11px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background */
height: 19px; /* Height of button background height */
padding-left: 3px; /* Width of left menu image */
border-left: 1px;
text-decoration: none;
color: #ffffff;
}

a:link.postadoptionbuttonon, a:visited.postadoptionbuttonon, a:active.postadoptionbuttonon{
color: #ffffff; /*button text color*/
}

a.postadoptionbuttonon span{
background-color: #74d0cf;
background-image: url(../images/navigation/menu_divider.gif);
background-position:right;
background-repeat:no-repeat;
display: block;
padding: 4px 5px 4px 0; /*Set 11px below to match value of 'padding-left' value above*/
}

/*----------Recruitment buttons--------------------*/

#applynow{
	width: 95px;
	height: 15px;
	padding-top: 4px;
	/*border-right: 1px solid #000;*/

	/*margin-bottom: 1em;*/
	font-family: 'Arial', 'Helvetica', Tahoma, sans-serif;
	font-size: 9px;
	font-weight: bold;
	background-color: #ca2d92;
	color: #ffffff;
	text-align: center;
}

* html #applynow{ /*IE 6 only */
w\idth: 60px; /*Box model bug: 180px minus all left and right paddings for #button1 */
}



#applynow a{
display: block;

/*border-left: 10px solid #1958b7;
border-right: 10px solid #508fc4;*/

background-color: #ca2d92;
color: #fff;
text-decoration: none;
width: 100%;
height: 15px;
}

html>body #applynow a{ /*Non IE6 width*/
width: auto;
}

#applynow a:hover{
/*border-left: 10px solid #1c64d1;
border-right: 10px solid #5ba3e0;*/
background-color: #e349b1;
color: #fff;
}


#readmore{
	width: 134px;
	height: 48px;
	/*border-right: 1px solid #000;*/
	padding: 0 0 0 0px;
	/*margin-bottom: 1em;*/
	font-family: 'Arial', 'Helvetica', Tahoma, sans-serif;
	font-size: 12px;
	font-weight: bold;
	background-color: #b1a79b;
	color: #ffffff;
	text-align: center;
	vertical-align: middle;

}

* html #readmore{ /*IE 6 only */
w\idth: 134px; /*Box model bug: 180px minus all left and right paddings for #button1 */
}



#readmore a{
display: block;
padding: 14px 0px 0px 0px;
/*border-left: 10px solid #1958b7;
border-right: 10px solid #508fc4;*/
background-color: #b1a79b;
color: #fff;
text-decoration: none;
width: 100%;
height: 33px;
vertical-align: middle;
line-height: 16px;
}

html>body #readmore a{ /*Non IE6 width*/
width: auto;
}

#readmore a:hover{
/*border-left: 10px solid #1c64d1;
border-right: 10px solid #5ba3e0;*/
background-color: #cec5b9;
color: #fff;
}



/*-------------------End Recruitment buttons------------------*/


.topnavbg{background-color:#FFFFFF;}

.navbreaksm {
	line-height:10px;
}
.navbreakmd {
	line-height:18px;
}

.lineheight {
	line-height: 14px;
}