/* template.css | Updated: June 11, 2007 */
/* http://arwinclicks.com/template.css   */

body { background:url(../images/bg.jpg); /*background-color:#FFFFFF;*/ margin:0px; padding:0px; }
body, td { font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#333333; } /*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; }
.fs21 { font-size:21px; }
.fs22 { font-size:22px; }
.fs23 { font-size:23px; }
.fs24 { font-size:24px; }






.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:0px 30px 0px 30px; }
.main_td1 { padding:0px 30px 0px 30px; }

.side_td { padding:30px 15px 0px 15px; }
.side_td1 { padding:8px 15px 0px 15px; }

.area_a_td { padding:10px 15px 10px 15px; }
.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:2px 25px 0px 0px; font:"Century Gothic"; font-size:11px; text-align:right}
.nav a { /*display:block; for vertical*/ /*float:left; for horizontal*/
		 /*display:table-cell; display:inline-block;*/ 
         padding:2px 3px 3px 3px; font:"Century Gothic"; font-size:11px; font-weight:bold; 
		 height:auto; width:auto;
       }
.nav a:link, .nav a:visited { color:#FFFFFF; text-decoration:none; }
.nav a:hover{background-color:#98441C}
#currentnavpage { color:#748250; }



/*css navigation2 | main nav*/
.nav_block1 { padding:2px 25px 0px 0px; font:"Century Gothic" ; font-size:10px; text-align:right}
.nav1 a { /*display:block; for vertical*/ /*float:left; for horizontal*/
		 /*display:table-cell; display:inline-block;*/ 
         padding:2px 3px 3px 3px; font:"Century Gothic"; font-size:11px; font-weight:bold; 
		 height:auto; width:auto;
       }
.nav1 a:link, .nav1 a:visited { color:#FFFFFF; text-decoration:none; }
.nav1 a:hover{background-color:#98441C}
#currentnavpage1 { color:#748250; }










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

/*footer nav*/
.footer_block { padding:1px 5px 1px 5px; color:#ffffff; font-weight:normal; font-size:9px; text-align:center; }
.footer a { padding:0px 5px 0px 5px; font-weight:normal;  font-size:9px; }
.footer a:link, .footer a:visited { color:#ffffff; 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;
}

/*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;  }

/*CSS Opacity Hover*/
.linkopacity a img { 
filter:alpha(opacity=50); 
-moz-opacity: 0.5; 
opacity: 0.5;
}

.linkopacity a:hover img {
filter:alpha(opacity=100);   
-moz-opacity: 1.0;   
opacity: 1.0;
}

/*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*/

/*new*/
.top1{background-image:url(../images/backtop_02.jpg); background-repeat:no-repeat;}
.top2{background-image:url(../images/backtop_04.jpg); background-repeat:no-repeat;}
.top3{background-image:url(../images/backtop_05.jpg); background-repeat:no-repeat;}
.banner{background-image:url(../images/banner_07.jpg); background-repeat:no-repeat;}
.banner1{background-image:url(../images/sidebanner_06.jpg); background-repeat:repeat-y; background-position:right;}
.banner2{background-image:url(../images/sideright_09.jpg); background-repeat:repeat-y;background-position:left;}
.mside{background-image:url(../images/mainside_11.jpg); background-repeat:repeat-y; background-position:right;}
.mside1{background-image:url(../images/mainside_12.jpg); background-repeat:repeat-y; background-position:left;}
.bwhite{background-color:#FFFFFF;}
.mline{background-image:url(../images/mainline_12.jpg); background-repeat:repeat-y; }
.mbott{background-image:url(../images/mbott_17.jpg);background-repeat:no-repeat;}
.bot{background-image:url(../images/bot_19.jpg); background-repeat:no-repeat;}
.starf{background-image:url(../images/13_11.jpg); background-repeat:no-repeat; background-position:top right;}
.sbot{background-image:url(../images/14_14.jpg);background-repeat:no-repeat; background-position:top right;}
/*.hve{font:HelveticaNeue; color:#3B82C5}*/
.hve{color:#3B82C5}
.pad1{padding:0px 0px 0px 0px;}

/*other page*/
.banner4{background-image:url(../images/banner_02.jpg); background-repeat:no-repeat;}
.mline3{background-image:url(../images/mainline02.jpg); background-repeat:repeat-y; }
.mbott02{background-image:url(../images/mbott02.jpg);background-repeat:no-repeat;}