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

body { /*background:url(../images/body_bgnd.jpg) repeat-x scroll top left;*/ background-color:#D9541E; margin:0px; padding:0px; }
body, td { font-family:Arial; font-size:12px; color:#4D4E4F; } /*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: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:#4D4E4F; text-decoration:underline; }
a:hover { color:#4D4E4F; text-decoration:none; }

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

.a2 a:link, .a2 a:visited { color:#D9541E; text-decoration:none; } 
.a2 a:hover { color:#D9541E; text-decoration:underline; }

/*css navigation | main nav*/
.nav_block { padding:5px 0px 0px 50px; 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:0px 0px 0px 0px; 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:21px 0px 13px 0px; font-family:Arial; color:#1B1B1B; font-weight:normal; font-size:11px; text-align:center; }
.footer a { padding:0px 14px 0px 14px; font-family:Arial; font-weight:normal;  font-size:11px; }
.footer a:link, .footer a:visited { color:#1B1B1B; text-decoration:none; }
.footer a:hover { color:#1B1B1B; text-decoration:underline; }

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

/*add-ons*/
.ff_cs { font-family:"Comic Sans MS"; } /*sample font-family to be use*/

/*sample font color to be use*/
.orange { color:#D9541E; }
.light_blue { color:#B8D0ED; }

/*font attrributes for form, e.g., input box, textarea, select*/
.register { font-family:Arial; font-size:11px; color:#1B1B1B; }

/*new*/
#maincontainer{
width: 854px; /*Width of main container*/
margin: 0 auto; /*Center container on page*/
}

/*main*/
#main1 { height:239px; }
#main2 { background:url(../images/dplhype_02.jpg) 0% 0% no-repeat; height:38px; }
#main3bg { background:url(../images/dplhype_03bg.jpg) 0% 0% repeat-y; display:table-cell; height:inherit; }
#main3btm { background:url(../images/dplhype_03btm.jpg) 100% 100% no-repeat; display:table-cell; height:100%; }
#main4 { background:url(../images/dplhype_04.jpg) 0% 0% no-repeat; height:70px; }

/*float*/
.float_R { float:right; }
.float_L { float:left; }

/*width*/
.width_L { width:532px; height:100%; }
.width_R { width:322px; height:100%; }

/*pad*/
.pad_main { padding:24px 73px 10px 63px; width:718px; }
.pad_mainL { padding:24px 22px 10px 63px; }
.pad_mainR { padding:24px 63px 10px 20px; }
.pad_contentL_M { padding:21px 16px 21px 16px; }
.pad_contentR_M { padding:11px 0px 15px 9px; }
.pad_contentR_Mbtm { padding-bottom:9px; }

/*margin*/
.margin_rotimg { margin-left:10px; }
.margin_rotimg1 { margin-right:10px; }
.margin_gal1 { margin-right:10px; }
.margin_txtindexbtm { margin-bottom:8px; }

/*bg for contents*/
.content_bg-left{
background-image: url(../images/content_bg-left.jpg);
background-repeat: repeat-y;
background-position: top left;
height:auto;
}
.content_bg-right{
background-image: url(../images/content_bg-right.jpg);
background-repeat: repeat-y;
background-position: top right;
height:auto;
}
.content_top-left{
background-image: url(../images/content_top-left.jpg);
background-repeat: no-repeat;
background-position: top left;
height:100%;
}
.content_top-right{
background-image: url(../images/content_top-right.jpg);
background-repeat: no-repeat;
background-position: top right;
height:100%;
}
.content_bot-left{
background-image: url(../images/content_bot-left.jpg);
background-repeat: no-repeat;
background-position: bottom left;
height:100%;
}
.content_bot-right{
background-image: url(../images/content_bot-right.jpg);
background-repeat: no-repeat;
background-position: bottom right;
height:100%;
}

/*images*/
.g2 { padding:0px 0px 10px 0px; }
.g2 img { margin:0px 6px 0px 6px; }
.g2 a img { 
filter:alpha(opacity=90); 
-moz-opacity: 0.90; 
opacity: 0.90; border:0px; }

.g2 a:hover img {
filter:alpha(opacity=100);   
-moz-opacity: 1.0;   
opacity: 1.0; border:0px; }