/*******************   [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 maroon	    ---------------		#C3762A
/*     Red		        ---------------		#E6862B
/*     Body text	    ---------------		#3F3F3F
/*     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; -webkit-fill-color: white; }
body { font: normal normal normal 16px/1.5 Arial, Helvetica, Verdana, Sans-Serif; 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: #C3762A; font-size: 1.2em; }
h3, h3 a { color: #E6862B; font-size: 1em; }
.strong { font-weight: bold; }
hr { color: #E5DFDC; width: 2px; }
.red { color: Red; }
.js-pointer { cursor: pointer; }
.left { float: left !important; }
.right { float: right !important; }
.byteart { float: right; margin-top: -20px; }

/********************** common styles **************************/

#logo_header, #big_header { padding-left: 10px; }


/******************* logo & ad banner [LGHD] ********************/

#logo_header { height: 170px; overflow: hidden; }
#logo { width: 45%; line-height: 1.2em; padding-top: 25px; float: left; font-size: .9em; }
#logo img { display: block; }
#logo .log_tagline { color: #666666; }
#logo .log_tagline_desc { color: #B2B2B2; }

#uti_banner_ctn { width: 53%; 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-left: 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 .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: #E6862B; font-weight: bold; font-size: 0.9em; line-height: 1.75em; 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: #E6862B; }
#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: #E6862B; }

/********************* article  [ACIT] **************************/

#main_content { width: 775px; float: left; }
#main_content h2 { padding: 0 0 0 10px; }
/* cross ref */
div.article_digest { font-size: .7em; line-height: 1.6em; }
.article_items { overflow: auto; margin: 0 0 20px 0; }
.article_item { width: 49%; 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 #B2B2B2; }
.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; }
.article_items_events { overflow: hidden; background-color: #CFBBA7; clear: both; height: 100%; }
.article_items_events .article_item { background: #CFBBA7 !important; }
.article_items_events_bottom { background: #CFBBA7 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: #CFBBA7; }
.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; }
.archive a.current { font-weight: bold; }

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

.updatable-content { padding: 1em 1em 0 10px; color: #3F3F3F; clear: both; }
.updatable-content p, .updatable-content .contact, .searchResults { font-size: 0.75em; line-height: 2; margin-bottom: 1em; }
.updatable-content a { color: #E6862B; text-decoration: underline; }
.updatable-content h3 { line-height: 2.5; }
.updatable-content h4 h4 { font-size: 1em; line-height: 1.5; color: #C3762A; }
.updatable-content img.main { float: left; padding: 10px 10px 0 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: #C3762A; }

.updatable-content ul { margin-left: 5px; }
.updatable-content ul li { list-style-image: url(  "graphics/bulletpoint.gif" ); margin-left: 10px; 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 .rhs_search { height: 25px; background: transparent url(  "graphics/search.gif" ) no-repeat left top; margin: 0 0 1em 0; }
#rhs .rhs_search .search_box { border: 0; font-size: 0.75em; padding: 4px 0 0 0.5em; background-color: Transparent; width: 135px; vertical-align: top; height: 22px; color: #666666; }
#rhs .rhs_search .search_go { width: 20px; border: 0; background-color: Transparent; cursor: pointer; }

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

#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: #C3762A; border-top: 3px solid #E6862B; color: #fff; padding: 0.5em; }
#footer a { color: #fff; }
#footer div { width: 960px; margin: 0 auto; font-size: 0.7em; }
#footer .utima { font-size: 1.43em; text-transform: uppercase; padding-left: 0.55em; }


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

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.imgBtn { cursor: pointer; margin: 5px 20px 0 0; line-height: 24px; }
a.imgBtn:hover { background-position: bottom left !important; }
a.imgBtn span { color: #fff; text-transform: uppercase; font-weight: bold; font-size: 0.9em; padding-left: 0.7em; }
a.smallred { font-size: 0.8em; text-decoration: underline; color: #E6862B; }

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

.content { padding: 1em 1em 0 10px; color: #3F3F3F; clear: both; }
.form-container label, span.label { color: #E6862B; }
.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 { padding-top: 15px; }
.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; margin: 5px 0 0 0; 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 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; }

table.cbx td input { float: left; }
table.cbx td { width: 200px; }
table.cbx td label { width: 160px; font-size: 0.9em; color: Black; margin-left: 5px; margin-top: 1px; }

.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 { }
.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 { }
.search_results h4 a { color: #C3762A; font-size: 0.75em; text-decoration: underline; }
.search_results p { font-size: 0.8em; line-height: 1.5; }

.calendar { }
.calendar h2 { background-color: #C3762A; 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: 100%; }
#story h3 { float: left; }
#story .navigation { overflow: hidden; float: right; list-style: none; }
#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; }

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