@import url(global.css);

/* #[ FONT ]#################### */


.font, h1 {font-weight:normal; font-style:normal; line-height:100%; font-family:"Myriad Pro", Verdana, Arial, Helvetica, sans-serif;}
	
/* #[ CONSTRUCT ]#################### */

.clearfix:after {  content: "."; display:block; font-size:0; line-height:0; height:0; clear:both; visibility:hidden; }
.clearfix { display:inline-block; }		
* html .clearfix { height:1%; }
.clearfix { display:block; }

.tpl-width {width:850px; padding:0; margin:0 auto;}
.pos-l #header, .pos-l #center, .pos-l #footer {margin:0 0 0 10px;}
.pos-c #header, .pos-c #center, .pos-c #footer {margin:0 auto;}
.pos-r #header, .pos-r #center, .pos-r #footer {margin:0 10px 0 auto;}

#tpl-header,#tpl-center,#tpl-footer {width:100%; z-index:2; min-width:850px;}
#header,#center,#footer {position:relative;}

/* #[ BODY ]#################### */
html, body { height:100%; overflow:hidden; }
#tpl-center { min-height:500px; height:100%; overflow:auto; position:relative; width:100%; }

a:hover {color:#000;}

/* #[ HEADER ]#################### */
#tpl-header { padding:0px; }
#header { padding:0px 0 15px 0; text-align:left; position:relative; z-index:22; margin:0;  }
.image { vertical-align:top; padding:18px;  overflow:hidden; border:solid 0px #d9d9d9; margin:0 0 20px 316px; background:url(../img/transprant-bg.png);  border-radius:13px;  }
.noimg .image{ display:none;  }
.image img { vertical-align:top; width:100%;}

a.name:link, a.name:visited { text-align:center;  line-height:100%; display:block; color:#FFF; font-size:38px; vertical-align:top; text-transform:none; margin:0 0 40px 0;  z-index:1; padding:0px 0px 0 0px; text-decoration:none !important;}
a.name:link span, a.name:visited span {  font-weight:bold ; color:#000;}

/* #[ CENTER ]#################### */
#center {position:relative; padding:0 ;   }
.spacer {padding:50px 0 0 0; margin:0; }
#content { margin:0px 0px 0 316px; padding:18px 18px 25px 18px; min-height:350px; border-radius:13px;}
.spacer .spacer { padding:0} 
.noimg #content { padding-top:10px;}

h1 {font-size:24px; line-height:140%; font-weight:normal; margin:0 0 10px 0;  color:#FFF;  }

#col { float:left;  margin:0px; width:240px; display:block; padding:0px 12px 25px 28px; }
#extra { padding:0 15px 10px 15px;  margin:0 10px 0 0; color:#363636; text-align:justify;  line-height:140%; box-shadow:1px 1px 1px rgba(000,000,000,0.1); border-top-left-radius:8px; border-top-right-radius:8px  }
#extra h1{ margin:0 -15px 8px -15px; font-size:15px; text-align:left; padding:8px 0 8px 14px; border-top-left-radius:8px; border-top-right-radius:8px }

#col ul.menu { margin:0 20px 40px 0px;  padding:0px 0px 0 0; text-align:left }
#col ul.menu li  { display:block; vertical-align:top; width:100%;  margin:0 0 6px 0; padding:0px 10px 0 0; position:relative; background:#fefefe url(../img/nav-li-bg.png) repeat-x left top; border:solid 1px #e5e5e5}
#col ul.menu li a{ display:block; line-height:150%; text-transform:none; font-weight:bold;  padding:7px 10px 7px 12px; text-decoration:none; /*font-size:12px;*/ color:#c0c2c4; margin:0;   }
#col ul.menu > li.dropMenu > a { background:url(../img/arrow.png) no-repeat 100% center;   }
#col ul.menu ul li { border:0;  padding:0 0 1px 0; margin:0; border-top:solid 1px #d1d1d1 }
#col ul.menu ul li:first-child{ border-top-width:0}
#col ul.menu ul li a { white-space:nowrap; font-weight:normal; padding:7px 16px; line-height:20px; display:block; margin:0}



/* #[ FOOTER ]#################### */
span.cr { padding:0 6px;  color:#000; float:left; text-align:center; margin:0 0 0 10px; margin-left:-300px; }

#footer { margin:15px 0 0 316px !important; padding:15px 0 15px 0; font-size:11px; clear:both; background:url(../img/transprant-bg.png);  border-radius:13px; }
#footer ul.menu{ list-style:none; margin:0 0 0 0; padding:0 10px 0 0; text-align:right; float:right;}
#footer ul.menu li { display:inline; line-height:16px;  padding:0 6px 0 8px; float:left}
#footer ul.menu li:first-child { border-left:0px; background:none;}
#footer ul.menu li a{ color:#464646;}
#footer ul.menu li a:hover, #footer ul.menu li.current a { text-decoration:underline;}
#footer ul.menu ul{ padding:0 0 4px 0; background:#fff; border:solid 1px #f7f7f7; left:-1px; border-top-width:0px; border-bottom-width:0px; background:#FFF}
#footer ul.menu ul ul { border-bottom-width:1px; padding-bottom:0px; left:auto; right:100%;  }
#footer ul.menu ul li a, #footer ul.menu ul li a:link,  #footer ul.menu ul li a:visited{ border:0;  padding:8px 16px; text-decoration:none; margin:0;}
#footer ul.menu ul li {padding:0px 0 0 0;  margin:0px 0 0 0px;  border-top:solid 1px #f7f7f7; background:none  }



#col ul.menu li li a.dropMenuArrow, #footer ul.menu ul li a.dropMenuArrow {  background-repeat:no-repeat;  background-position:8px 14px; background-image:url(../img/subarrow.png) }
#footer ul.menu ul li a.dropMenuArrow { background-repeat:no-repeat; background-position:8px 12px }

#col ul.menu li:hover li a, #col ul.menu li.current li a, #col ul.menu li li a, 
#col ul.menu li:hover li:hover li a, #col ul.menu li:hover li.current li a,
#col ul.menu li:hover li:hover li:hover li a, #col ul.menu li:hover li:hover li.current li a,
#col ul.menu li:hover li:hover li:hover li:hover li a, #col ul.menu li:hover li:hover li:hover li.current li a { background-color:transparent; color:#444444  }

#footer ul.menu li:hover li a, #footer ul.menu li.current li a, #footer ul.menu li li a, 
#footer ul.menu li:hover li:hover li a, #footer ul.menu li:hover li.current li a,
#footer ul.menu li:hover li:hover li:hover li a, #footer ul.menu li:hover li:hover li.current li a,
#footer ul.menu li:hover li:hover li:hover li:hover li a, #footer ul.menu li:hover li:hover li:hover li.current li a{ background-color:transparent; color:#444444  }
#LogoImage { position : relative ; left : 0px; top : 0px;}span.cr { font-family : Arial,Helvetica,sans-serif; font-size : 11px;}
#MainNavigation { font-family : Arial,Helvetica,sans-serif; font-size : 12px;}
#SubNavigation { font-family : Arial,Helvetica,sans-serif; font-size : 11px;}