/* Css document by Svein Erik Storkaas - CssTemplatesWeb.com | 2008 - copied and modified by Danh Huynh*/

* {margin: 0;
padding: 0;}

html {font-size:100.01%;} 

body {
font-family: Arial, Helvetica, sans-serif;
font-size: 1em;
background-image: url(../images/body_bg.gif);
background-attachment: fixed;
}
/******************************************** BEGIN structure *******************************************************/


#container {
width: 841px;
margin: 0px auto;
background-image: url(../images/container_bg.jpg);
background-repeat: repeat-y;
font-size:.9em;
}

#header {
background-image: url(../images/header.jpg);
height: 130px;
}
#headertext1
{
	width:170px;
	font-size:20px;
	font-family:Tahoma;
	color:#ffffff;
	padding:25px 0px 0px 65px;

}
#headertext2
{
	width:290px;
	font-size:25px;
	font-family:Tahoma;
	color:#228802;
	padding:12px 0px 0px 38px;
	float:left;
}

#left {
width: 195px;
float: left;
background-image: url(../images/left_bg.jpg);
background-repeat: no-repeat;
margin-left: 40px!important;
margin-left: 20px;
padding-top: 190px;
}

#right {width: 200px;
float: right;}

#content {
margin-right: 44px; /* was 50px */
margin-left: 258px;
}

#content ul li {
 list-style-image:url(../images/bullet_red.gif);
 margin-bottom:10px;
 margin-left:20px;
}

#content li ul li{
 list-style-image:url(../images/bullet_darkgray.gif);
 margin-bottom:5px;
}

#footer {
clear: both;
background-image: url(../images/footer.jpg);
height: 229px;
}

/*********************************************** END Structure **********************************************

/********************************************** BEGIN Nnavigation *********************************************/

#navcontainer  
{
margin-left: 0px;
margin-top: 0px;
margin-bottom: 10px; 
}

#navcontainer ul
{
margin: 0;
padding: 0;
list-style-type: none;
font-family: verdana, arial, Helvetica, sans-serif;
}

#navcontainer li { margin: 0; }

#navcontainer a
{
display: block;
padding: 5px 10px;
width: 175px;
color: #000;
background-color: #ADC1AD;
text-decoration: none;
border-top: 1px solid #fff;
border-left: 1px solid #999;
border-bottom: 1px solid #999;
border-right: 1px solid #999;
font-weight: bold;
font-size: 0.8em;
background-image: url(../images/vertical06.jpg);
background-repeat: no-repeat;
background-position: 0 0;
}

#navcontainer a:hover
{
color: #000;
background-color: #889E88;
text-decoration: none;
border-top: 1px solid #999;
border-left: 1px solid #999;
border-bottom: 1px solid #fff;
border-right: 1px solid #fff;
background-image: url(../images/vertical06a.jpg);
background-repeat: no-repeat;
background-position: 0 0;
}

#navcontainer ul ul li { margin: 0; }

#navcontainer ul ul a
{
display: block;
padding: 5px 5px 5px 30px;
width: 160px;
color: #000;
text-decoration: none;
font-weight: normal;
}

#navcontainer ul ul a:hover
{
color: #000;
background-color: #889E88;
text-decoration: none;
}

/********************************************** END Nnavigation *********************************************/
/********************************************** TEXT formatting start *********************************************/

#rightheaderbox {
font-size: 1.2em;
text-align: right;
padding-top: 20px;
margin-right: 40px;
float:right;
width: 400px;
}

h2 {
font-size: .8em;
clear: right;
margin-top: 12px;
margin-bottom: 17px;
background-image: url(../images/h2_bg.jpg);
background-repeat: no-repeat;
height: 21px;
padding-top: 15px;
padding-left: 35px;
}

h3 {
font-size: .9em;
}

.pubdate {
font-size: 0.8em;
color: #FFFFFF;
}

/********************************************** TEXT formatting end *********************************************/

/********************************************** MISC start *********************************************/

.footertext {
text-align: right;
padding-top: 210px;
font-size: 70%;
padding-right: 10px;
}

.newsimages {
float: right;
margin-left: 4px;
margin-bottom: 2px;
}

a:link {color: #1e7a02}
a:visited {color: #1e7a02}
a:hover {color: #59ad3f}
a:active {color: #1e7a02}

ul.linkList 
{
margin-left: 40px;
list-style-image: url(../images/list_bullet.png)
}

/********************************************** MISC end *********************************************/
/*---------------------------------------------*/
/*  tabpanel_module                            */
/*  Tab Panel section with hover effects   */
/*---------------------------------------------*/

.block_with_image_and_tabpanel {
 padding-bottom:8px;
 min-width:400px;
 height:15.8em; /*DH-Needed if there is no image to hold the container open. Adjust this depending on the height of your tabpanel */
}

.block_with_image_and_tabpanel .image_container {
 border: 1px solid #bcc5d0;
 background:#fff;
 padding:7px 7px 0px 7px;
 margin:5px 0px 0px 5px;
 text-align:center;
 float:left;
 display:inline;
 width:137px; /* Width for portrait photos, 123 + 14 = 137, needed for IE 5.0 */
 overflow: hidden;

 voice-family:"\"}\"";
 voice-family:inherit;
 width:auto; /* Width for portrait photos, for non-broken browsers */
}

.block_with_image_and_tabpanel .image_container img {
 width: 123px;
 height: 193px; /* Width and height are needed if images are turned off in the browser */
 display:block;
}

#tabpanel_container {
 padding:8px 8px 0px 0px;
 margin:0 0 0 10px;
}

.contains_landscape_photo, .contains_portrait_photo {
 height:auto;
}

.contains_landscape_photo #tabpanel_container {
 margin:0 0 0 180px; /* Width for landscape photos up to 167px wide, 167 + 13 padding = 180 */
}

.contains_portrait_photo #tabpanel_container {
 margin:0 0 0 150px; /* Width for portrait photos up to 123px wide, 123 + 27 padding = 150 */
}

#tabpanel {
 margin:0;
 width:99%; 
}

#tab_list {
 padding: 0;
 position:relative; /* Makes this the containing block */
 white-space: nowrap;
 display:block;
 z-index:10;
 width:100%;
}

#tab_list ul {
 position: absolute; /* Needed for IE 5.x */
 margin: 0;
 z-index:1;
 padding: 0;
 width:100%;
}
#tab_list ul#tab_ul {
 height: 30px;
}

li#tabpanel_1, li#tabpanel_2, li#tabpanel_3, li#tabpanel_4, li#tabpanel_5, li#tabpanel_6 {
 background: #7E98BA url(../images/tabpanel_tabs.gif) 0px -60px  no-repeat; /* normal tabs - dh - added 5 & 6*/
 margin: 0;
 float: left;
 display: inline;
 padding: 0;
}

#tab_list a.tab_link {
 z-index:10;
 position:relative;
 color: #fff;
 font-weight: bold;
 text-decoration: none;
 padding: 8px 12px 0px 6px; /* Adjust left and right padding to adjust width of the tabs */
 display: block; /* Needed for Opera */
 float:left; /* Needed for IE, breaks Opera */
 background: transparent url(../images/tabpanel_tabs.gif) 100% -60px  no-repeat;

 height:30px; /* Needed for IE 5.x broken box */

 voice-family:"\"}\"";
 voice-family:inherit;
 height:22px; /* 30 - 8, for non-broken browsers */
}

html[xmlns] #tab_list a.tab_link {
 float:none; /* Needed for Opera, breaks IE 6. Hack hides this from IE 6 */
}

#tab_list a:hover {
 text-decoration: underline;
}

#tabpanel #tab_list li {
 list-style-type: none;
 list-style-image: none;
}

#tab_list ul ul {
 position:absolute;
 top:29px;
 left:0px;
 display:none;
 z-index:-10;
 border:1px solid #7E98BA; /* dark blue */
 padding:12px 0px 16px 0px; /* DH - change the border library list */
 background:#E8EFF6; /* Light blue */
}

#tabpanel #tab_list ul ul li {
 float: left;
 width:48%; /* 96% for 1 column, 48% for 2 columns, 32% for 3 columns in the block  - Here set default for 2 columns - DH */
 background:transparent url(../images/bullet_black.gif) 6px .3em no-repeat;
}

#tabpanel #tab_list ul ul li a {
 float:none;
 height:auto;
 margin:0 0 0 24px;
}

#tab_list ul li.tabpanel_default ul, #tab_list ul li:hover ul {
 display:block;
}

#tab_list li.tabpanel_default a.tab_link, #tab_list li:hover a.tab_link {
 background: transparent url(../images/tabpanel_tabs.gif) top right no-repeat;
 color:#000;
 text-decoration: none;
}
#tab_list li.tabpanel_default, #tabpanel_1:hover, #tabpanel_2:hover, #tabpanel_3:hover, #tabpanel_4:hover, #tabpanel_5:hover, #tabpanel_6:hover {
 background: #E8EFF6 url(../images/tabpanel_tabs.gif) top left no-repeat; /* Hovered tab background  - dh added 5&6 */
}

#tabpanel #tab_list li a.tab_link:hover { /* Needed for IE */
 text-decoration: none;
}

#tabpanel #tab_list a:hover, #tabpanel #tab_list li.tabpanel_default ul a:hover {
 text-decoration:underline;
}

#tabpanel ul ul a:hover {
 background:transparent;
}

#tab_list .bottom_right { /* For the rounded corner */
 position:absolute;
 width:6px;
 
 
 height:6px;
 font-size:1px;
 bottom:-2px;
 right:-2px;
 background: url(../images/tabpanel_corners.gif) top left no-repeat;
}
#tab_list .bottom_left { /* For the rounded corner */
 position:absolute;
 width:6px;
 height:6px;
 font-size:1px;
 bottom:-2px;
 left:-2px;
 background: url(../images/tabpanel_corners.gif) top right no-repeat;
}

/* End of tabpanel_module */

/*********************************/
/*--------------------------------------------------*/
/*  block_with_rounded_corners                      */
/*  Adds rounded corners and blue bar for heading   */
/*--------------------------------------------------*/

.block_with_rounded_corners {
 width:750px; /*dh - was set 99% - change get fixed block */
 background:#ECECE7;
 border-style:solid;
 border-color:#5d7493;
 border-width:0 1px 1px 1px;
 position:relative; /* Make this the containing block of the corner spans */
 margin-bottom:16px;
}

.block_with_rounded_corners h3 {
 background:#5d7493;
 color:#fff;
 padding:5px 10px 5px 10px;
 margin:0px;
}

.block_with_rounded_corners .bottom_right {
 position:absolute;
 width:6px;
 height:6px;
 font-size:1px;
 bottom:-2px;
 right:-2px;
 background: url(../images/block_with_image_corners.gif) top left no-repeat;
}
.block_with_rounded_corners .bottom_left {
 position:absolute;
 width:6px;
 height:6px;
 font-size:1px;
 bottom:-2px;
 left:-2px;
 background: url(../images/block_with_image_corners.gif) top right no-repeat;
}
.block_with_rounded_corners .top_right {
 position:absolute;
 width:6px;
 height:6px;
 font-size:1px;
 top:-1px;
 right:-2px;
 background: url(../images/block_with_image_corners.gif) bottom left no-repeat;
}
.block_with_rounded_corners .top_left {
 position:absolute;
 width:6px;
 height:6px;
 font-size:1px;
 top:-1px;
 left:-2px;
 background: url(../images/block_with_image_corners.gif) bottom right no-repeat;
}

.block_with_rounded_corners .list_decorative_dark a:hover {
 background:transparent; /* Fixes problem in IE (dotted line disappears) */
}

/* End of block_with_rounded_corners */
/*********************************/