/*******************   [Table of Contents]   ******************/
/*
/*     General Styles	---------------	    [GNST]
/*     Logo heaser	    ---------------	    [LGHD]
/*     main navigation  ---------------     [MSNV]
/*     magazine cover & overview    ---     [MGCO]
/*     RHS              ---------------     [RHSB]
/*     article items    ---------------     [ACIT]
/*     Footer           ---------------     [FOOT]
/*
/***************************************************************/

/************************   [Colors]   *************************/
/*     Colors
/*
/*     Dark Blue	    ---------------		#5A627C #5A627C
/*     Blue		        ---------------		#005293 #005293
/*     Event box        ---------------     #005293
/*     Body text	    ---------------		#3F3F3F
/*     RHS box          ---------------     #005293 #005293
/*     head gray link	---------------		#8C8C8C
/*     Logo dark gray	---------------		#666666
/*     Logo light gray	---------------		#B2B2B2
/*     Dark maroon link	---------------		#281206
/*
/***************************************************************/

/******************* general styles [GNST] *********************/
* { margin: 0; padding: 0; border: 0; }
body, textarea, input { font: normal normal normal 16px/1.5 Arial, Helvetica, Verdana, Sans-Serif; }
body { background: #fff url(        "graphics/whole_gradient.jpg" ) repeat-x 0 385px; }
#wrap { width: 960px; max-width: 960px; overflow: hidden; margin: 0 auto 1em; }
a { text-decoration: none; }

a:hover { text-decoration: underline; }

h2 { text-transform: uppercase; color: #5A627C; font-size: 1.2em; }
h3, h3 a { color: #005293; font-size: 1em; }
.strong { font-weight: bold; }
hr { color: #E5DFDC; /*width: 2px;*/ border: 1px inset #000; width: 100%; }
.red { color: Red; }
.js-pointer { cursor: pointer; }
.left { float: left !important; }
.right { float: right !important; }
.byteart { float: right; margin-top: -20px; }
.nomargin { margin: 0 !important; }

/********************** common styles **************************/
#logo_header, #big_header { padding-left: 10px; }

/******************* logo & ad banner [LGHD] ********************/
#logo_header { height: 170px; overflow: hidden; }
#logo { width: 300px; line-height: 1.2em; padding-top: 20px; float: left; font-size: .9em; }
#logo img { display: block; }
#logo .log_tagline { color: #666666; }
#logo .log_tagline_desc { color: #B2B2B2; }

#uti_banner_ctn { width: 570px; text-align: right; float: right; }
#uti_banner_ctn ol { margin-right: 5px; padding-top: 25px; line-height: 1.5em; }
#uti_banner_ctn ol li { display: inline; font-family: Verdana, Arial, Helvertica, Sans-Serif; }
#uti_banner_ctn ol li a { color: #8C8C8C; font-size: 0.7em; padding: 0 2px 0 19px; background: url(        "graphics/icon_top_menu.gif" ) no-repeat 2px; }
#uti_banner_ctn ol li a.rssicon span { display: none; }
/*#uti_banner_ctn ol li a.rssicon { background: url( "graphics/feedicon.jpg" ) no-repeat 2px; }*/
#uti_banner_ctn ol li a.rssicon { background: url(graphics/feed.gif) no-repeat bottom right; padding: 0 20px 0 0 !important; }
#uti_banner_ctn ol li a.exclude { padding: 0; background: none; }
#uti_banner_ctn .banner_ctn { margin-right: 10px; }

/************** main navigation   [MSNV] ************************/
#mainnavi ol, #mainnavi ol li { list-style: none; }
#mainnavi ol { width: 10em; }
#mainnavi ol li a { color: #005293; font-weight: bold; font-size: 0.9em; line-height: 1.5em; border-bottom: 1px solid #E5DFDC; width: 10.5em; display: block; padding-left: 0.5em; text-decoration: none; }
#mainnavi ol li:hover { background: url(        "graphics/nav_rollover.jpg" ) repeat-y top right; }

/** sub menus **/
#mainnavi li { position: relative; }
#mainnavi ol ol, #mainnavi ol ol ol { position: absolute; top: 0; left: 100%; width: 100%; }
#mainnavi ol ol a, #mainnavi ol ol ol a { color: #6590c6; }
#mainnavi ol ol li a:hover, #mainnavi ol ol ol li a:hover { background-color: #FFFEDD; }

div#mainnavi ol ol, div#mainnavi ol ol ol { display: none; background: url(        "graphics/submenu_bg.jpg" ) repeat-x top left; margin-top: -1px; border: 1px solid #E5DFDC; border-bottom-width: 2px; border-right-width: 2px; }
div#mainnavi ol li:hover ol { display: block; }
div#mainnavi ol li:hover ol ol { display: none; }
div#mainnavi ol ol li:hover ol { display: block; }

/************** magazine cover & overview [MGCO] ****************/
#big_header { height: 271px; background: transparent url(        "graphics/glowing_top.jpg" ) no-repeat left bottom; clear: both; }
#mainnavi { width: 300px; float: left; }
#coverstory { width: 600px; float: left; }
#coverstory .cover { float: left; width: 170px; }
#coverstory .story { float: left; width: 21em; padding: 20px 0 0 20px; }
h3.cover_tagline a { font-size: 1.125em; color: #005293; }

/********************* article  [ACIT] **************************/
#main_content { width: 775px; float: left; }
#main_content h2 { padding: 0 0 0 10px; width: 550px; }
#main_content .calendar h2 { width: auto; }
/* cross ref */
div.article_digest { font-size: .7em; line-height: 1.6em; }
.article_items { overflow: auto; margin: 0 0 20px 0; }
.article_item { width: 48%; float: left; margin: 15px 0; }
.article_item img { float: left; border: 2px solid #fff; margin: 0 10px; }
.article_item a:hover img { border: 2px solid #BDC0CB; }
.article_item h3 { line-height: 1.3em; padding: 0.5em 0 0.15em 0.3em; }
span.pagenumber { height: 17px; width: 22px; padding-left: 15px; background: url(        "graphics/page_icon.gif" ) no-repeat left top; display: block; float: left; font-size: 0.9em; color: #fff; font-weight: bold; font-family: Verdana, Arial, Helvertica, Sans-Serif; }
span.pagenumber a { color: #fff; }

.article_items_events_outer { overflow: hidden; background: transparent url(        "graphics/top_events.gif" ) no-repeat top left; padding: 5px 0; clear: both; }
.article_items_events { overflow: hidden; background-color: #BDC0CB; clear: both; height: 100%; }
.article_items_events .article_item { background: #BDC0CB !important; }
.article_items_events_bottom { background: transparent url(        "graphics/bottom_events.gif" ) no-repeat bottom left; height: 5px; clear: both; margin: 0 0 20px 0; }
.article_items_events h2, .article_items_events h3 a { color: #fff; text-transform: uppercase; }
.article_items_events h2 { margin-bottom: -5px; }
.article_items_events .article_item { background-color: #005293; }
.article_items_events span.pagenumber { background: url(        "graphics/page_icon_brown.gif" ) no-repeat left top; }

h3.subtitle { color: #fff; text-transform: uppercase; font-size: .9em; padding: 10px 0 0 0; margin-bottom: -5px; }
.archive a { color: #fff; text-decoration: underline; font-size: .78em; line-height: 0.9em; padding: 0 5px 0 0; }
#ctl00_cph_MainCont_newsArchiveList { padding: 0 10px 10px; }
#NewsArchiveTitle { float: right; margin: 0px 0 3px; }
.archive a.current { font-weight: bold; }

/****************** content from cms  [CTFC] ******************/

.updatable-content { padding: 0 1em 0 10px; color: #3F3F3F; clear: both; line-height: 1.25em; }
.updatable-content-news { font-size: 0.75em; }
.updatable-content p, .updatable-content .contact, .searchResults { line-height: 2; margin-bottom: 1em; }
.updatable-content a { color: #005293; text-decoration: underline; }
.updatable-content h3 { line-height: 2.5; }
.updatable-content h4 h4 { font-size: 1em; line-height: 1.5; color: #5A627C; }
.updatable-content img.main { float: left; padding: 10px 10px 10px 0; }
.updatable-content .imglist { clear: both; overflow: auto; }
.updatable-content .imglist img { float: left; margin: 20px 2px 0pt 0pt; }

.updatable-content .contact span { display: block; }
.updatable-content .contact span.name { font-weight: bold; color: #000; }
.updatable-content .contact span.email a { color: #3F3F3F; text-decoration: underline; }

.searchResults a { color: #5A627C; }

.updatable-content ul { margin-left: 5px; }
.updatable-content ul, .updatable-content li { list-style: none; }
.updatable-content ul li { background: url(        "graphics/bulletpoint.gif" ) no-repeat scroll 0 20%; padding: 0 0 0 15px; font-size: 0.8em; line-height: 1.8; }

.login-register { overflow: hidden; border-bottom: 1px solid #E5DFDC; display: block; margin-bottom: 1.5em; }
.login-register h3 { float: left; }


/*********************** RHS  [RHSB] **************************/

#rhs { width: 170px; float: right; margin: 0 auto; }
.rhs_search { height: 24px; overflow: hidden; background: transparent url(graphics/search.gif) no-repeat top left; margin: 0 0 1em 0; }
.rhs_search .search_box { border: 0; font-size: 0.75em; padding: 2px 0 2px 0.5em; background: transparent; width: 135px; vertical-align: top; height: 20px; color: #666; }
.rhs_search .search_go { height: 24px; width: 22px; overflow: hidden; border: 0; background-color: Transparent; cursor: pointer; }
#story .rhs_search { position: absolute; right: 21px; width: 168px; top: 0; }

#rhs .subscrip { width: 166px; background: transparent url(        "graphics/red_top.gif" ) no-repeat left top; padding: 5px 0 0 0; }
#rhs .subscrip_bottom { width: 166px; height: 5px; background: transparent url(        "graphics/red_bottom.gif" ) no-repeat left bottom; margin-bottom: 1em; }
#rhs .subscrip, #rhs .subscrip a { color: #fff; font-weight: bold; }
#rhs .subscrip .inContent { background-color: #005293; }
#rhs .subscrip .inContent div { padding: 0 8px; }

#rhs .quicklinks { width: 166px; background: transparent url(        "graphics/top_news.gif" ) no-repeat left top; padding: 5px 0 0 0; }
#rhs .quicklinks_bottom { width: 166px; height: 5px; background: transparent url(        "graphics/bottom_news.gif" ) no-repeat left bottom; margin-bottom: 1em; }
#rhs .quicklinks, #rhs .quicklinks a { color: #fff; font-weight: bold; }
#rhs .quicklinks .inContent { background-color: #BDC0CB; }
#rhs .quicklinks .inContent div { padding: 0 8px; }


#rhs .rhs_banner, #rhs .sponsers { margin: 0 auto; text-align: center; margin-bottom: 1em; }
#rhs .sponsers a { display: block; overflow: hidden; margin: 0 auto 15px; }


/********************* footer  [FOOT] **************************/

#footer { clear: both; height: 120px; background-color: #5A627C; border-top: 3px solid #005293; color: #fff; padding: 0.5em; }
#footer a { color: #fff; }
#footer div { width: 960px; margin: 0 auto; font-size: 0.7em; position: relative; }
#footer .utima { font-size: 1.43em; text-transform: uppercase; padding-left: 0.55em; }
#footer .footlinks { position: absolute; right: 10px; top: 5px; font-size: 1em; width: auto; }

/********************* buttons  [BTNS] **************************/

a.imgBtn { cursor: pointer; margin: 5px 20px 0 0; line-height: 26px; }
a.imgBtn:hover { background-position: bottom left !important; }
a.imgBtn span { color: #fff; text-transform: uppercase; font-weight: bold; font-size: 0.9em; font-size: 14px; padding-left: 0.7em; }

a#login { display: block; width: 90px; height: 26px; background: url(        "graphics/bt_login.gif" ) top left no-repeat; float: right; text-decoration: none; }
a#register { display: block; width: 114px; height: 26px; background: url(        "graphics/bt_register.gif" ) top left no-repeat; float: right; text-decoration: none; }

a.mediapacksub { display: block; width: 90px; height: 26px; background: url(        "graphics/bt_login.gif" ) top left no-repeat; float: right; text-decoration: none; }
a.clearform { display: block; width: 114px; height: 26px; background: url(        "graphics/bt_register.gif" ) top left no-repeat; float: right; text-decoration: none; }

a.btnBack { display: block; width: 114px; width: 270px; height: 26px; background: url(        "graphics/bt_login.gif" ) top left no-repeat; background: url(graphics/bt_backtoarchive.gif) top left no-repeat; float: right; text-decoration: none; margin: 12px 20px 15px 0; }

a.smallred { font-size: 0.8em; text-decoration: underline; color: #005293; }

.updatable-content { position: relative; }
.updatable-content .btnBack { position: absolute; top: 30px; right: 0; margin: 0 20px 0 0; }

#news-search { background: transparent url(        "graphics/search_long.gif" ) no-repeat scroll left top; height: 25px; margin: 0 10px 1em; }

.content { padding: 1em 1em 0 10px; color: #3F3F3F; clear: both; }
.form-container label, span.label { color: #005293; }
.form-container label { width: 210px; display: block; float: left; }
span.label { font-weight: bold; font-size: 1.1em; }
.form-container ul, .form-container ul li { list-style: none; clear: both; }
.form-container ul li { line-height: 35px; font-size: 0.85em; }
.form-container ul li span.validation-msg { font-weight: bold; font-size: .9em; }
/* for the validation controls */
.form-container ul li span.tbxbg { background: transparent url(graphics/form_long.gif) no-repeat top left; height: 27px; display: block; float: left; width: 230px; padding: 0 5px; }
.form-container ul li span.desc { font-size: .9em; }

.form-container legend span { background: transparent url(graphics/title_box.gif) no-repeat scroll left top; color: #FFFFFF; display: block; font-size: 0.8em; font-weight: bold; line-height: 40px; margin: 14px 0 18px -8px; padding: 0 0 0 10px; text-transform: uppercase; width: 755px; }

.form-container .tbx, .form-container .ddl, .form-container .ddl_s { color: #666666; border: 0 !important; height: 22px; width: 218px; padding: 4px 0 0 0; background: transparent; vertical-align: top; }
.form-container .ddl_s { background-image: url(graphics/form_small.gif); width: 48px; height: 26px; }
.form-container .ddl { width: 220px; }
.form-container textarea { border: 1px solid #7FA3EC; width: 523px; }

.form-container td { clear: both; line-height: 15px; width: 140px; height: 25px; }
.form-container .rdo_btns label, .form-container span.cbx label { color: #3F3F3F; float: left; font-size: .85em; width: 110px; padding: 2px 0 0 5px; }
.form-container .rdo_btns input { float: left; }

.form-container span.cbx { line-height: 15px; }
.form-container span.cbx input { float: left; }

.form-container .news-search { width: 225px; float: left; padding: 4px 0pt 0pt 0.5em; height: 22px; font-size: 0.8em; }
.form-container .search-news-btn { display: block; width: 22px; background: transparent; cursor: pointer; float: left; }
.form-container .search-desc { font-size: 0.65em; font-weight: bold; line-height: 22px; padding: 0pt 0pt 0pt 13px; text-transform: uppercase; vertical-align: top; }

p.meta { font-size: 0.8em; }

/********************** [NEWS] *************************/
.search_meta { font-size: 0.8em; font-weight: bold; }
.news_items { padding: 10px 0; }
.news_item { overflow: hidden; clear: both; padding: 10px 0; border-bottom: 2px solid #F0EDE6; }
.news_item .news_title { }
.news_item .news_cont { font-size: .75em; }
.news_item .news_thmb { width: 170px; height: 110px; float: left; display: inline; margin: 0 5px; border: 2px solid #fff; }
.news_item a:hover img { border-color: #f0ede5; }
.news_item .news_date { font-size: 0.7em; color: #6c6c6c; }

.search_results { padding: 0 10px; }
.search_results h4 a { color: #5A627C; font-size: 0.75em; text-decoration: underline; display: block; height: 1.5em; margin: 1em 0 0; }
.search_results h4 a:hover, .search_results h4 a:focus { text-decoration: none; }
.search_results p { font-size: 0.8em; line-height: 1.5; }

.calendar { }
.calendar h2 { background-color: #5A627C; font-size: 0.85em; color: #fff; text-transform: none; }
.calendar td { padding: 3px; vertical-align: top; }
.calendar .calenderItems { padding: 3px 10px; }


.newstitle { width: 580px; float: left; }
.newstitle span { font-weight: normal; }
#story .newsdatetitlebar { overflow: hidden; height: 65px; font-size: 1.3333em; }
#story h3 { float: left; }
#story .navigation { overflow: hidden; float: right; list-style: none; /*position: absolute; right: 25px; top: -28px;*/ padding: 3px 10px 0 0; }
#story .navigation li { float: left; list-style: none; }
#story .navigation li a { background: transparent url(graphics/icon_top_menu.gif) no-repeat scroll 2px 50%; color: #8C8C8C; font-size: 0.7em; padding-left: 19px; text-decoration: none; }
#story .navigation li a:hover { text-decoration: underline; }

#story { position: relative; overflow: hidden; height: 100%; }
#story .navigation2 { float: left; position: absolute; right: auto; top: auto; left: 10px; bottom: 15px; }
#story .navigation2 li a { margin: 0 5px 0 0; }
#story .navigation li a.exclude { background: none; padding: 0; }

p a#register { display: inline-block; width: 114px; height: 26px; background: url(        "graphics/bt_register.gif" ) top left no-repeat; float: none; text-decoration: none; }

.loginbtn { cursor: pointer; display: block; padding: 0 0 0 6px; width: 90px; height: 26px; background: transparent url(graphics/bt_login.gif) no-repeat scroll left top; border: 0; text-transform: uppercase; font-size: 12.2333px; font-family: Arial,Helvetica,Verdana,Sans-Serif; text-align: left; color: #fff; font-weight: bold; }
.loginbtn:hover { background-position: left bottom; }

.form-container span.kmli label { width: auto; }
.newsdate { font-size: 12px; color: black; margin: 0 0 0 5px; }

.pager span span, .pager a { color: #000; font-size: 12px; /*border: 1px solid;*/ padding: 2px 3px; background: transparent; font-family: Arial, Helvetica, Verdana, Sans-Serif; }
.pager span span { color: #999; padding: 2px 3px; }
.pager a { text-decoration: underline; }
.lastmile .lastmile_item h3 { width: 590px; }

.pager { position: absolute; right: 20px; top: 30px; }
.bpager { bottom: 30px; top: auto; }

.lastmiletitle { text-transform: none; }
.lastmiletitle span { display: block; font-size: 12px; }
.lastmiletitle a { color: inherit; text-decoration: underline; }
.lastmiletitle a:hover { text-decoration: none; }

.lastmile .newsdatetitlebar { height: 75px !important; }
.lastmile .newsdatetitlebar h3 { font-size: 12px; line-height: 1.5em; width: 450px; }
.lastmile .newsdatetitlebar h3 span { overflow: hidden; display: block; }

.fmContainer { font-size: 0.75em; }
.fmContainer ul, .fmContainer li { list-style: none; }
.fmContainer ul { padding: 20px; }
.fmContainer li { clear: both; line-height: 25px; }
.fmContainer li label { width: 120px; display: block; float: left; }
.fmContainer li span.notice { color: Green; }
.fmContainer li input[type="text"], .fmContainer li textarea { width: 240px; float: left; border: 1px solid #666; background: #f6f6f6; margin: 0 2px 0 0; height: 20px; }
.fmContainer li textarea { height: 120px; }

.form { font-size: 12px; }
.form td { clear: both; line-height: 21px; vertical-align: top; padding: 0 0 5px; }
.form label { width: 120px; display: block; float: left; }
.form span.notice { color: Green; }
.form input, .form textarea, .form select { width: 240px; float: left; border: 1px solid #666; background: #f6f6f6; margin: 0 2px 0 0; font-size: 12px; padding: 2px 3px; }
.form textarea { padding-right: 1px; width: 242px; }
.form .btn { border: 1px solid #666; width: auto; cursor: pointer; }
.form .btn:hover { background: #999; }
.form h5 { font-weight: bold; font-size: 14px; }
.commentparentid { display: none; }

.comments .parent0 { margin: 0 10px 20px; }
.commentspadded { padding: 0 0 150px; }
.comments ul { margin: 0; list-style: none; }
.comments ul li { position: relative; border: 1px solid #bbb; /*padding: 10px;*/ margin: 5px 0 0; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; overflow: visible; font-size: 11px; padding: 10px 2px 2px 10px; height: 100%; }
.commentsie7 ul li { /*z-index: -1;*/ float: left; }
.comments ul ul { margin: 0 0 0 0px; }
.comments ul li:first-child { margin: 0; }
.comments ul li .date { float: left; padding: 0 0 2px; }
.comments ul li .reply { padding: 0 0 0 20px; background: url(graphics/reply.png) no-repeat; margin: 0 0 0 1em; margin-right: 8px; }
.comments ul li .directlink { background: url(graphics/link_go.png) no-repeat; text-indent: -9000em; height: 16px; width: 16px; position: relative; top: -2px; }

.comments ul li .links { opacity: 0.7; filter: alpha(opacity=70); cursor: pointer; float: right; }
.comments ul li .links:hover { opacity: 1; filter: alpha(opacity=100); }

.comments ul li .text { clear: both; font-size: 12px; border-top: 1px solid #bbb; padding: 10px 0; margin-right: 8px; }
.comments ul li .screenname { font-size: 14px; font-weight: bold; }
.comments ul li .repliestitle { font-weight: bold; padding: 0 0 5px; }
.comments .form { margin: 0 auto; }

.mobileform { position: absolute; background: #ddd; border: 1px solid; top: 49px; right: 10px; z-index: 10; padding: 5px; width: 400px; }
.article_item { position: relative; height: 114px; overflow: visible; }
.article_item .homehovertext { display: none; border: 1px solid #999; background: #eee; padding: 10px; max-width: 300px; font-size: 12px; z-index: 10; position: absolute; top: 98%; left: 12px; }
.article_item:hover .homehovertext { display: block; }
.article_item .homehovertext h5 { font-size: 14px; }
.article_item .homehovertext p { margin: 1em 0 0; }
.article_item .homehovertext ul { padding: 0 0 0 1.5em; margin: 1em 0 0; }
.article_item .homehovertext a { color: #005293; }
.article_items { overflow: visible; height: 100%; clear: both; }
div.article_digest { height: 4.8em; overflow: hidden; text-overflow: ellipsis-word; -ms-text-overflow: ellipsis; }

.search_meta { display: block; clear: both; padding: 0 10px; }