/* Css reset */
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input{
    margin:0;
    padding:0;
}
ul{
    list-style:none;
}
fieldset{
    border:0;
}
a,a:link{
    color:#595344;
    text-decoration:none;
}
a:focus,a:hover{
    text-decoration:underline;
}
a img{
    border:0;
}
.clear{
    clear:both;
}
html{
    background:#a6cfd7 url(../images/html.png) repeat-y center;
    width:100%;
}
body{
    position:relative;
    color:#595344;
    font:62.5% Arial, Helvetica, sans-serif;
    background:url(../images/bg.png) repeat-x;
}
#sub{
    background:url(../images/bg2.jpg) repeat-x;
}
.page{
    width:100%;
    background:url(../images/page.png) no-repeat center top;
}
.replace{
    position:relative;
    margin:0;
    padding:0;
    /* \*/
    overflow:hidden;
    /* */
}
.replace span{
    display:block;
    position:absolute;
    top:0;
    left:0;
    z-index:1;
}
.skiplink{
    display:none;
}
.wrapper{
    margin:0 auto;
    width:987px;
}
/* HEADER */
#header{
    width:100%;
    height:115px;
    background:url(../images/header_bg.png) no-repeat;
}
#logo{
    position:absolute;
    z-index:100;
    width:320px;
    float:left;
}
#hright{
    float:right;
    width:667px;
}
#logo a{
    width:302px;
    height:150px;
    text-indent:-5000px;
    position:relative;
    overflow:hidden;
    display:block;
}
#logo a span{
    background:url(../images/logo.png) no-repeat;
    position:absolute;
    width:100%;
    height:100%;
    cursor:pointer;
}
#htop{
    width:100%;
    height:35px;
    overflow:hidden;
}
#htop ul{
    float:right;
    padding:12px 10px 0 0;
}
#htop ul li{
    float:left;
    color:#bab79a;
    padding:0 2px;
    text-transform:uppercase;
}
#htop ul li a{
    color:#bab79a;
}
.button_go{
    float:right;
    margin-top:-20px;
    margin-right:2px;
}
.button_go:focus{
    border:none;
}
#search{
    float:right;
    padding:0 4px 0 0;
    background:url(../images/search-google.png) no-repeat;
    width:340px;
}
#search fieldset{
    width:174px;
    height:28px;
    
    padding:7px 0 0 6px;
}
#search_val{
    float:left;
    border:0;
    background:#fff;
    font-size:1.2em;
    font-family:Arial, Helvetica, sans-serif;
    color:#859294;
    width:130px;
    padding:3px 4px;
    margin:0 6px 0 0;
}
#search_sub{
    float:left;
}
/* nav */
#nav{
    width:100%;
    padding:45px 0 0;
    float:left;
}
#nav li{
    color:#fff;
    font-size:1.3em;
    line-height:1em;
    float:left;
    padding:0 1px 0 0;
    font-weight:bold;
}
#nav li a{
    color:#fff;
    height:23px;
    padding:19px 12px 0;
    display:block;
    float:left;
}
#nav li a:hover,
#nav li a.selected{
    background:url(../images/menu_ah.png) repeat-x;
    text-decoration:none;
}
/*flash*/
#flash{
    width:100%;
    height:298px;
}
#flash_shadow{
    width:987px;
    height:18px;
    background:url(../images/flash_shadow.png) repeat-x;
    position:absolute;
}
#flash_obj{
    width:100%;
    overflow:hidden;
}
#flash_obj img{
    float:left;
}
#flash_links{
    position:absolute;
    margin:260px 0 0 903px;
}
#flash_links ul{
}
#flash_links ul li{
    display:inline;
    padding:0 2px;
}
/* BODY */
#body{
    width:100%;
    background:url(../images/body_bg.png) repeat-y;
    padding:0 0 40px;
    overflow:hidden;
}
#sub #body{
    background:#fff url(../images/body_bg2.png) repeat-y;
    min-height:550px;
}
#ileft{
    float:left;
    width:350px;
}
#iright{
    float:right;
    width:637px;
}
#sleft{
    float:left;
    width:345px;
}
#sright{
    float:right;
    width:642px;
}
/*sflash*/
#sflash{
    width:100%;
    overflow:hidden;
}
#sflash img{
    float:left;
}
/*breadcrumb*/
#breadcrumb{
    width:565px;
    padding:20px 0 0 40px;
}
#breadcrumb ul{
}
#breadcrumb ul li{
    display:inline;
    font-size:1.1em;
}
/*content*/
#content{
    width:565px;
    padding:20px 0 0 40px;
    min-height:370px;
}
#content h2{
    padding:0 0 12px;
    color:#014179;
    font-weight:normal;
    font-size:2em;
}
#content .typography p{
    padding:0;
}
#content p{
    padding:0 0 16px;
    line-height:1.5em;
    /*font-size:1.3em;*/
}
/*wellcome*/
.wellcome{
    width:316px;
    padding:20px 0 0 10px;
}
.wellcome h2{
    color:#014179;
    font-size:2.0em;
    font-weight:normal;
    padding:0 0 15px 4px;
}
.wellcome h3{
    color:#887a5d;
    font-size:1.4em;
    padding:0 0 0 4px;
}
.wellcome p{
    font-size:1.3em;
    line-height:1.5em;
    padding:0 0 15px 4px;
}
#b_howto{
    width:315px;
    height:62px;
    text-indent:-5000px;
    position:relative;
    overflow:hidden;
    display:block;
    margin:10px 0 15px;
}
#b_howto span{
    background:url(../images/b_howto.png) no-repeat;
    position:absolute;
    width:100%;
    height:100%;
    cursor:pointer;
}
#b_twodays{
    width:180px;
    height:58px;
    text-indent:-5000px;
    position:relative;
    overflow:hidden;
    display:block;
}
#b_twodays span{
    background:url(../images/b_twodays.png) no-repeat;
    position:absolute;
    width:100%;
    height:100%;
    cursor:pointer;
}
/*igallery*/
#all_gal{
    margin:0 0 24px 41px;
    overflow:hidden;
    width:200px; 
}   
#igallery{
    width:100%;
    overflow:hidden;
    background:url(../images/igallery_bg.png) repeat-y;
    margin:0 0 36px;
}
#igallery ul{
    float:left;
    padding:10px 0 10px 13px;
}
#igallery ul li{
    float:left;
    width:300px;
}
#igallery ul li h2{
    float:left;
    width:148px;
    height:135px;
    background:url(../images/img_shad.png) no-repeat;
    margin:0 6px 0 0;
}
#igallery ul li h2 img{
    float:left;
    padding:14px 0 0 13px;
}
#igallery ul li h3{
    color:#00315e;
    font-size:1.8em;
    font-weight:normal;
    width:145px;
    padding:10px 0 4px;
    float:left;
}
#igallery ul li h3 a{
    color:#00315e;
}
#igallery ul li p{
    color:#595344;
    font-size:1.2em;
    line-height:1.4em;
    width:145px;
    padding:0 0 8px;
    float:left;
}
/*sgallery*/
#sgallery{
    width:310px;
    overflow:hidden;
    margin:0 0 24px 21px;
}
#sgallery h2{
    float:left;
    width:148px;
    height:135px;
    background:url(../images/img_shad.png) no-repeat;
    margin:0 8px 0 0;
}
#sgallery h2 img{
    float:left;
    padding:14px 0 0 13px;
}
#sgallery h3{
    color:#00315e;
    font-size:1.8em;
    font-weight:normal;
    width:145px;
    padding:10px 0 4px;
    float:left;
}
#sgallery h3 a{
    color:#00315e;
}
#sgallery p{
    color:#859294;
    font-size:1.2em;
    line-height:1.4em;
    width:145px;
    padding:0 0 7px;
    float:left;
}
#feat-left{
    width:150px;
    display:inline-block;
    vertical-align:top;
}
#feat-right{
    width:150px;
    display:inline-block;
}
/*inews*/
#inews{
    float:left;
    width:299px;
}
#inews h2{
    width:128px;
    height:67px;
    background:url(../images/iblock_title.png) no-repeat;
    margin:0 0 0 14px;
    font-size:1.8em;
    color:#fff;
    font-weight:normal;
    text-transform:uppercase;
}
#inews h2 span{
    display:block;
    text-align:center;
    padding:15px 0 0;
}
#inews ul{
    margin:0 0 0 30px;
}
#inews ul li{
    font-size:1.3em;
    line-height:1.5em;
    background:url(../images/ic01.gif) no-repeat left 6px;
    padding:0 0 0 11px;
}
#inews ul li a{
}
#inews p{
    margin:10px 0 0 30px;
}
/*ievents*/
#ievents{
    float:left;
    width:330px;
}
#ievents h2{
    width:128px;
    height:67px;
    background:url(../images/iblock_title.png) no-repeat;
    margin:0 0 0 14px;
    font-size:1.8em;
    color:#fff;
    font-weight:normal;
    text-transform:uppercase;
}
#ievents h2 span{
    display:block;
    text-align:center;
    padding:15px 0 0;
}
#ievents ul{
    margin:0 0 0 30px;
}
#ievents ul li{
    font-size:1.3em;
    line-height:1.5em;
}
#ievents ul li a{
}
#ievents ul li span{
    color:#00498c;
}
#ievents p{
    margin:10px 0 0 30px;
}
/*srelitems*/
#srelitems{
    width:310px;
    margin:40px 0 24px 21px;
}
#srelitems h2{
    width:189px;
    height:67px;
    background:url(../images/iblock_title2.png) no-repeat;
    font-size:1.8em;
    color:#fff;
    font-weight:normal;
    text-transform:uppercase;
}
#srelitems h2 span{
    display:block;
    text-align:center;
    padding:15px 0 0;
}
#srelitems ul{
    margin:0 0 0 9px;
}
#srelitems ul li{
    font-size:1.4em;
    line-height:1.5em;
    font-weight:bold;
    background:url(../images/ic01.gif) no-repeat left 6px;
    padding:0 0 0 11px;
}
/*snews*/
#snews{
    width:310px;
    margin:0 0 24px 21px;
}
#snews h2{
    width:128px;
    height:67px;
    background:url(../images/iblock_title.png) no-repeat;
    font-size:1.8em;
    color:#fff;
    font-weight:normal;
    text-transform:uppercase;
}
#snews h2 span{
    display:block;
    text-align:center;
    padding:15px 0 0;
}
#snews ul{
    margin:0 0 0 9px;
}
#snews ul li{
    font-size:1.3em;
    line-height:1.5em;
    background:url(../images/ic01.gif) no-repeat left 6px;
    padding:0 0 0 11px;
}
#snews p{
    margin:10px 0 0 9px;
}
/*sevents*/
#sevents{
    width:310px;
    margin:0 0 24px 21px;
}
#sevents h2{
    width:128px;
    height:67px;
    background:url(../images/iblock_title.png) no-repeat;
    font-size:1.8em;
    color:#fff;
    font-weight:normal;
    text-transform:uppercase;
}
#sevents h2 span{
    display:block;
    text-align:center;
    padding:15px 0 0;
}
#sevents ul{
    margin:0 0 0 9px;
}
#sevents ul li{
    font-size:1.3em;
    line-height:1.5em;
}
#sevents ul li span{
    color:#00498c;
}
#sevents p{
    margin:10px 0 0 9px;
}
/* FOOTER */
#footer{
    width:100%;
    height:86px;
    background:url(../images/footer_bg.png) repeat-x;
    
} 

#fcontent{
    margin:0 auto;
    width:987px;
    overflow:hidden;
    background:url(../images/fcontent_bg.png) no-repeat;
}
#sub #fcontent{
    background:url(../images/fcontent_bg2.png) no-repeat;
}
#fbc_durham{
    float:left;
}
#fbc_durham p{
    color:#bab79a;
    padding:27px 0 0 34px;
}
#fbc_durham p a{
    color:#bab79a;
}
#flinks{
    float:right;
    padding:30px 56px 0 0;
}
#flinks li{
    float:left;
    padding:0 0 0 10px;
}

#flinks #icon-facebook-footer {}
#flinks #icon-twitter-footer {margin: 0px 10px 0px 10px;}
#flinks #icon-itunes-footer {margin-right: 80px;}

#left-links {margin-top: 15px;}
#left-links li {float: left; margin: 10px; margin-bottom: 0px;}


#b_login{
    width:44px;
    height:20px;
    text-indent:-5000px;
    position:relative;
    overflow:hidden;
    display:block;
    margin:3px 0 0;
}
#b_login span{
    background:url(../images/b_login.png) no-repeat;
    position:absolute;
    width:100%;
    height:100%;
    cursor:pointer;
}
#b_northstar{
    width:97px;
    height:31px;
    text-indent:-5000px;
    position:relative;
    overflow:hidden;
    display:block;
}
#b_northstar span{
    background:url(../images/NSlogo.png) no-repeat;
    position:absolute;
    width:100%;
    height:100%;
    cursor:pointer;
}
/* Drop-down menu */
#nav li ul{
    position:absolute;
    text-align:left;
    left:-999em;
    z-index:100;

    display:block;
    padding:9px 0 0;
    width:158px;
    border:1px solid #3c8ecd;
    margin:40px 0 0;
    background:url(../images/bgr_submenu.png) repeat-y;
}
#nav li:hover ul,
#nav li.sfhover ul {
    display:block;
    left:auto;
}
#nav ul li{
    display:block;
    clear:both;
    width:157px;
    line-height:normal;
    font-size:13px;
    border-top:1px solid #b2d0ec;
}
#nav ul a,
#nav ul a:visited{
    float:left;
    display:block;
    text-decoration:none;
    font-size:13px;
    width:141px;
    padding:7px 0 0 17px;
    color:#5f5f47;
}
#nav ul a:hover{
    color:#fff;
    background:url(../images/bgr_submenu_on.png) repeat-x;
}
/*--- page-2 ---*/
.bg-content {
	width: 800px;
	overflow: hidden;
	background: url("../images/bg-content.gif") repeat-y;
}
.primary-content-2 {
	float: left;
	width: 451px;
	padding: 0 32px 0 38px;
}
.primary-content-3 {
	float: left;
	padding: 0 32px 0 38px;
}
.breadcrumbs {
	width: 452px;
	padding: 20px 38px 17px 0px;
	text-transform: uppercase;
}
.breadcrumbs li {
	color: #696a6a;
	font-size: 9px;
	display: inline;
}
.breadcrumbs li span {color: #b7b7b7;}
.breadcrumbs li a {color: #b7b7b7;}

.secondary-content-2 {
    float: right;
    width: 200px;
    height: 100%;
    margin: 35px 20px 0 0;
    padding: 0px 0px 10px;
    background-color:#F5F5F5;
}
.sublink-box {
    padding: 0;
    background:#EEE;
}
.sublink-box h3 {
    color: #828282;
    font-size: 16px;
    padding: 6px 0 6px 10px;
    /*background: url("../images/h-line.gif") no-repeat 0 100%;*/
}
.sublink-box ul {padding: 9px 0 0 0;}

.sublink-box ul li {
    font-size: 14px;
    padding: 0 0 6px 29px;
    background: url("../images/i-2.gif") no-repeat 15px 5px;
}
.sublink-box ul li  a {color: #fc9400;}

.related-box {
	padding: 8px 0 12px 0;
	background: url("../images/h-line.gif") no-repeat 0 100%;
}

.related-box h3,
.separator h3,
.gallery-box h3 {
	color: #0061aa;
	font-size: 14px;
	padding: 0 0 3px 29px;
	background: url("../images/i-2.gif") no-repeat 15px 3px;
}
.related-box p {
	color: #FC9400;
	font-size: 11px;
	line-height: 14px;
	padding: 0 22px 9px 29px;
}
.related-box p a {color: #B7B7B7;}
.mb-1 {margin-bottom: 5px !important;}

.separator {
	margin: 9px 0 0 0;
	padding: 7px 0 0 0;
	background: url("../images/h-line.gif") no-repeat;
}
.separator p ,
.gallery-box p {padding: 17px 0 0 0;}

.button-box {padding: 2px 0 0 25px;}
.button-box a {margin: 0;}

.flashElement {
	float: left;
	width: 800px;
	height: 196px;
	background: url("../images/flashElement.jpg") no-repeat;
	padding: 0px 0px 0 0px;
}
.whiteBG {
	width: 845px;
	margin: 0 auto;
	background: url("../images/whiteBG.png") repeat-y;
	padding: 0px 0px 0 0px;
}