/* template.css | Updated: May 29, 2007 */
/* http://arwinclicks.com/template.css  */

body {  background:url(../images/bg.jpg); no-repeat scroll top center; background-color:#013a01; margin:0px; padding:0px; }
body, td { font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#ffffff; } /*default font-family and font color*/

/*some standards*/
form, ul, ol, h1, h2, h3, h4, h5 { padding-top:0px; padding-bottom:0px; margin-top:0px; margin-bottom:0px; }
p { margin:0px; }
a img { border: none; } /*default border attribute on images that have a link*/

/*basics*/
.fs10 { font-size:10px; }
.fs11 { font-size:11px; }
.fs12 { font-size:12px; }
.fs13 { font-size:13px; }
.fs14 { font-size:14px; }
.fs15 { font-size:15px; }
.fs16 { font-size:16px; }
.fs17 { font-size:17px; }
.fs18 { font-size:18px; }
.fs19 { font-size:19px; }
.fs20 { font-size:20px; }

.b { font-weight:bold; }
.i { font-style:italic; }
.u { text-decoration:underline; /*border-bottom:1px solid #3366FF;*/ }

#left { text-align:left; }
#right { text-align:right; }
#center { text-align:center; }
#justify { text-align:justify; }

/*td's padding or sample padding to be use*/
.main_td { padding:20px 15px 20px 15px; }
.area_a_td { padding:15px 5px 5px 10px; }
.footer_td { padding:5px 15px 5px 15px; }
.p10 { padding:10px; }
.p15 { padding:15px; }
.p20 { padding:20px; }

/*default color on text-links and text-decoration*/
a:link, a:visited { color:#365F91; text-decoration:underline; }
a:hover { }

/*to override default color on text-links and text-decoration*/
.a1 a:link, .a1 a:visited { color:gray; text-decoration:underline; } 
.a1 a:hover { } 

/*css navigation | main nav*/
.nav_block { padding:0px 0px 0px 0px; font-family:Arial, Helvetica, sans-serif; font-size:12px; }
.nav a { /*display:block; for vertical*/ /*float:left; for horizontal*/
		 /*display:table-cell; display:inline-block;*/ 
         padding:5px 10px 5px 10px; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; 
		 height:auto; width:auto;
       }
.nav a:link, .nav a:visited { color:#96AE57; text-decoration:none; }
.nav a:hover { }
#currentnavpage { color:#748250; }

#navfirst { }
#navlast { }
#navfirst:hover { }
#navlast:hover { }
#currentnavfirst { }
#currentnavlast { }

/*footer nav*/
.footer_block { padding:10px 0px 10px 0px; color:#fefefe; font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:normal; font-size:14px; text-align:center; }
.footer_block2 { padding:8px 0px 10px 0px; color:#fefefe; font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:normal; font-size:14px; text-align:center; }
.footer a { padding:0px; font-weight:normal;  font-size:14px; }
.footer a:link, .footer a:visited { color:#C1F77D; text-decoration:none; }
.footer a:hover { }

/*CSS Box Model | w3.org standards and explanation, http://www.w3.org/TR/REC-CSS2/box.html */
/*sample css box model hack | Technique no. 3 of Alternate Box Model Hacks, http://css-discuss.incutio.com/?page=BoxModelHack */
.csshack {
padding:10px 20px 10px 20px; 
width: 360px !important; 
width /**/: 400px; 
background-color:orange;
}
a, a:link {color:#C1F77D; text-decoration:underline;}
a:hover {text-decoration:none;}
/*css box model hack alternative | Trick no. 6, http://www.evolt.org/article/Ten_CSS_tricks_you_may_not_know/17/60369/ */
#box { width:400px; background-color:yellow; }
#box .box2 { padding:10px 20px 10px 20px;  }

/*add-ons
.ff_cs { font-family:"Comic Sans MS"; } /*sample font-family to be use*/
.brown { color:#B29D90; } /*sample font color to be use*/
.form { font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#333333; } /*font attrributes for form, e.g., input box, textarea, select*/

.rep_left1{ background-image:url(../images/rep_left1.jpg); background-position:right top; background-repeat:repeat-x;}
.rep_left2{ background-image:url(../images/rep_left2.jpg); background-position:right top; background-repeat:repeat-x;}
.rep_left3{ background-image:url(../images/rep_left3.jpg); background-position:right top; background-repeat:repeat-x;}
.rep_left4{ background-image:url(../images/rep_left4.jpg); background-position:right top; background-repeat:repeat-x;}
.rep_ryt1{ background-image:url(../images/rep_ryt1.jpg); background-position:left top; background-repeat:repeat-x;}
.rep_ryt2{ background-image:url(../images/rep_ryt2.jpg); background-position:left top; background-repeat:repeat-x;}
.rep_ryt3{ background-image:url(../images/rep_ryt3.jpg); background-position:left top; background-repeat:repeat-x;}
.rep_ryt4{ background-image:url(../images/rep_ryt4.jpg); background-position:left top; background-repeat:repeat-x;}
.main_bg{ background-image:url(../images/main_bg2.jpg); background-position:left top; background-repeat:no-repeat;}
.index_rep_left{ background-image:url(../images/index_left.jpg); background-position:right top; background-repeat:repeat-x;}
.index_rep_ryt{ background-image:url(../images/index_right.jpg); background-position:left top; background-repeat:repeat-x;}
.index_rep_left1{ background-image:url(../images/index_left1.jpg); background-position:right top; background-repeat:repeat-x;}
.index_rep_ryt1{ background-image:url(../images/index_right1.jpg); background-position:left top; background-repeat:repeat-x;}
.index_rep_left2{ background-image:url(../images/index_left2.jpg); background-position:right top; background-repeat:repeat-x;}
.index_rep_ryt2{ background-image:url(../images/index_right2.jpg); background-position:left bottom; background-repeat:repeat-x;}
.index_rep_left3{ background-image:url(../images/index_left3.jpg); background-position:right top; background-repeat:repeat-x;}
.index_rep_ryt3{ background-image:url(../images/index_right3.jpg); background-position:left top; background-repeat:repeat-x;}
.index_rep_left4{ background-image:url(../images/index_left4.jpg); background-position:right top; background-repeat:repeat-x;}
.index_rep_ryt4{ background-image:url(../images/index_right4.jpg); background-position:left top; background-repeat:repeat-x;}

.overflow {
height: 400px;
width: 630px;
overflow: auto;
}

.overflow1 {
height: 300px;
width: 508px;
overflow: auto;
}

.overflow1a {
height: 225px;
width: 295px;
overflow: auto;
}

.overflow23 {
height: 300px;
width: 200px;
overflow:auto;
}

.overflow24 {
height: 200px;
width: 220px;
overflow:auto;
}

.overflow7 {
height: 350px;
width: 200px;
overflow:auto;
}
.overflow2 {
height: 530px;
width: 465px;
overflow:auto;
}


.overflow3 {
height: 380px;
width: 736px;
overflow: auto;
}


.overflow4 {
height: 538px;
width: 956px;
overflow: auto;
}
.overflow5 {
height: 225px;
width: 320px;
overflow: auto;

}
/*#opacity{
filter:alpha(opacity:69);
}*/
form,body{
scrollbar-face-color:#c0df5e;
scrollbar-highlight-color:#c0df5e;
scrollbar-3dlight-color:gray;
scrollbar-darkshadow-color:#c0df5e;
scrollbar-shadow-color:gray;
scrollbar-arrow-color:black;
scrollbar-track-color:#a9c941;
}


#dropmenudiv{ 
position:absolute;
border:1px solid white;
border-bottom-width: 0;
font:bold 16px Arial;
line-height:18px;
z-index:100;
margin: 0px !important;
}

#dropmenudiv a{
width: 77px;
display: block;
text-indent: 0px;
border-bottom: 1px solid white;
padding: 0px 0;
text-decoration: none;
color: #ffffff;

}

#dropmenudiv a:hover{ /*hover background color*/
text-decoration:underline;
background-color:#254D1E;

}

.story_back{
background-image:url(../images/pic3_blank_1.png); 
background-position:left top;
}

.green{color:#033106;}
.header {background-image:url(../images/new/header.jpg); background-position:top center; background-repeat:no-repeat; height:277px;}