/*****reset and clearing********************************************************************/
:link,:visited {text-decoration : none;}
ul,ol {list-style : none;}
h1,h2,h3,h4,h5,h6,pre,code {font-size : 1em;}
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input,a, img,fieldset,dl,dd,dt {margin:0; padding:0;}
a img,:link img,:visited img,fieldset {border : none;}
a{outline: none; color:#0D0196;}
legend {display:none;}
.clearer:after, .defaultNav:after, .containerHomeFlash:after, .content:after, .middle:after, .containerContent:after, .item:after, .imgSet:after,.homeMiddle:after, .componentPublication:after, .row:after, .staffList:after{content: '[HI MUM]'; display: block; height: 0; clear: both; visibility: hidden;}
.clearer, .defaultNav, .containerHomeFlash, .content, .middle, .containerContent, .item,.imgSet, .homeMiddle, .componentPublication,.row,.staffList {display: inline-block;}
/*\*/
.clearer, .defaultNav, .containerHomeFlash, .content, .middle,.containerContent, .item, .imgSet,.homeMiddle,.componentPublication, .row, .staffList {display: block;}
/**body**/

body { color: #666; background-color: #fff; font-family: Arial, Helvetica, sans-serif; font-size: 12px; margin: 0; padding: 0; background-color:#f3f3f3;  }

#container { /*background-image: url(../images/bg/template.png); background-repeat:no-repeat; background-position:center center; width: 1152px; display :block; margin:0 auto;*/ }
#content { overflow-x: hidden;}
/* Tempalte
--------------------------------------------------------------------------*/
.template { width: 100%; height: 100%; position:relative; z-index:0; }

/* Container 
--------------------------------------------------------------------------*/
.containerTemplate {width:950px; margin: 0 auto; padding:0px; min-height: 100%; height: auto !important;}


/* Header
--------------------------------------------------------------------------*/
.header { width: 950px; height: 90px; display:block; position:relative; }
.header .logo{ display:block; padding-left: 30px; width: 183px; height: 92px; float: left;}
#star { background: transparent url(../images/heading.png) no-repeat scroll 0 0; width: 453px; height: 92px; display:block; position: absolute; right: -40px;}

#heading { position: absolute; z-index: -1; background: transparent url(../images/bg/head_bg.png) repeat-x scroll 0 0; display:block; height: 92px; width: 100%; top: 0;}
h1.hero { background: transparent; display: block; width: 956px; height: 288px; }

/*Default Navigation
--------------------------------------------------------------------------*/
.containerNav { width: 100%; height: 53px; position: absolute; top: 90px;  z-index: 0; background: transparent url(../images/bg/nav_bg.png) repeat-x scroll left top; }
.defaultNav { margin: 0 auto; width: 850px; height: 53px;  } 
.defaultNav li {list-style:none; margin-left:0px; display:inline-block;  float:left;}
.defaultNav li.first { margin-left: 20px;}
.defaultNav li a span { height: 53px; display:inline-block; padding-right: 25px; text-align:center; cursor: pointer; }
.defaultNav li a:hover,
.defaultNav li a.selected{text-decoration: none; background: transparent url(../images/bg/nav_li_hover_bg.png) no-repeat scroll 0 0;  }
 .defaultNav li a.selected { font-weight: bold;}
.defaultNav li a:hover span, 
.defaultNav li a.selected span { background: transparent url(../images/bg/nav_li_hover_bg.png) no-repeat scroll right 0; }
.defaultNav li a{ color: #fff; display:block; font-size: 1.4em; line-height: 53px; padding-left: 25px; background: transparent url(../images/template/nav_sep.gif) no-repeat scroll right center; }
.defaultNav li.last a { background:none; padding: 0 0 0 20px;}

/*Content
--------------------------------------------------------------------------*/
.content {width:950px; margin:63px auto 20px auto;}
.content .main  {background-color: #fff;  min-height: 300px;}
.content .mainBot {  background: transparent url(../images/bg/content_bottom.png) no-repeat scroll center bottom;  width: 950px; height: 18px; display:block;}
.tHomePage .content { padding-bottom:35px; }
.tTwoColumns .content { margin: 68px auto 20px auto; width: 949px;} 
.tTwoColumns .main { padding: 15px 15px 0px 35px; background: #fff url(../images/bg/subpage_main_bg.png) repeat-y scroll 0 0;  }
.tTwoColumns .mainBot { background: transparent url(../images/bg/subpage_main_bot.png) no-repeat scroll 0 0;  }

.tHomepage .main { padding:20px 20px 10px 25px;}



/* Tempalte Homepage
--------------------------------------------------------------------------*/
.tHomepage { background: transparent url(../images/bg/home_bg.png) no-repeat scroll center 102px;  }

.homeMiddle  { }

.containerHomeFlah {width:100%;}

.containerHomeFirstTile,
.containerHomeSecondTile
{float:left; display:inline-block; padding:0px 8px;  width: 290px; }
.containerHomeFirstTile { height: 100px;}

.containerHomeThirdTile { float: right;}

/*Template Subpage*/
.tTwoColumns{ background: transparent url(../images/bg/subpage_bg.png) no-repeat scroll center 100px; }
.tTwoColumns .breadcrumbs { /*display:inline; float:left;*/ font-size:0.95em; height:28px; line-height:28px; margin-bottom:10px; overflow:hidden; padding:0 40px 0 0; width:500px; }
.tTwoColumns .containerLeftColumn{ display:inline; float:left; width:543px;}
.tTwoColumns .containerRightColumn{ display: inline; float:right; width: 290px; /*margin-top: -45px;*/ padding: 0 10px;} 
.tTwoColumns .containerLeftColumn ul h1 { font-size: 1.2em; margin: 5px;}
/*Fotoer */

.containerFooter { padding: 0 20px 30px 20px; color:#959595; font-size: 0.95em; }
.containerFooter ul li { float: left; background: none; display:inline; background: transparent url(../images/footer_sep.png) no-repeat scroll left center;padding: 7px 20px; }
.containerFooter ul li.copyright { background: none; padding: 7px 20px 20px 0;}
.containerFooter ul li a { color: #959595; }
.containerFooter a.website_by { float:right; display:block; }