/* general */
body, h1, h2, h3, h4, h5, hr, ul, ol, li, blockquote, form, p, fieldset, dd, dl, dt { padding: 0px; margin: 0px } 
body { background: #F6F7F8; color: #4A555D; font-family: arial, verdana, tahoma; font-size: 12px; text-align: center }
input, select, textarea { background-color: #FFFFFF; font-size: 11px; font-family: arial; color: #4A555D }
blockquote { margin-left: 20px }
h1, h2, h3 { font-family: georgia, tahoma, arial; font-weight: normal }
h1 { font-size: 24px; color: #FF0000; margin-bottom: 10px }
h2 { font-size: 17px; margin-bottom: 5px }
h3 { font-size: 14px }
td { font-size: 11px }
a { text-decoration: underline; color: #7F98AA } /* alt #CA000A */

/* colors: 
#4A555D -> text
#7F98AA -> header (special)
#FF0000 -> red (dark)
#CA000A -> red (light)
#BA0009 -> red (category menu)
*/

/* main parts */ 
#top { height: 10px; line-height: 10px; font-size: 10px }
#frame { border: 1px solid #E1E4E6; width: 760px; margin: auto; background: url("design/gray_graphic.gif") 186px 215px no-repeat #FFFFFF }
#main { margin: 3px; background: url("design/top.png") 0px 0px no-repeat; text-align: left }
#main a.home { float: left; width: 180px; height: 60px; display: block }
#main a.home span { display: none }
div.totop { margin: 10px 0px; text-align: right }
div.totop a { font-weight: bold; text-decoration: none; color: #8095A7; background: url("design/ico_top.gif") 0px 5px no-repeat; padding-left: 12px }

/* left column */
#lc { width: 180px; float: left; margin-top: 3px }

/* right column */
#rc { width: 150px; float: right }
#rc h2 { color: #7F98AA; font-size: 11px; font-weight: bold; font-family: arial, verdana, tahoma; background: url("design/dot_gray_light.png") left center no-repeat; padding-left: 10px }

/* monitoring */
#rc div.mm { margin-top: 3px; padding: 10px 5px 0px 0px }
#rc div.mm h2 { margin-bottom: 15px }

#rc .news-latest-item { font-size: 10px }
#rc .news-latest-item h3 { font-size: 10px; font-weight: bold; font-family: tahoma; margin-bottom: 0px }
#rc .news-latest-item h3 a { color: #4A555D; text-decoration: none; color: #CA000A }
#rc .news-latest-item h3 a:hover { text-decoration: underline }
#rc .news-latest-item p.bodytext { font-size: 10px; font-family: tahoma }

.reddot { background: url('design/dot_red_dark_small.png') 1px 0px no-repeat; width: 4px; height: 5px; font-size: 1px; padding: 3px; line-height: 5px}

#rc .news-latest-item div.picbox { display: none }
#rc .news-latest-item img { margin: 1px }
#rc .news-latest-category img { display: none; visibility: hidden }

#rc .news-latest-date, #rc .news-latest-cat { font-size: 10px; font-weight: bold; font-family: tahoma; color: #CA000A; margin: 0px }
#rc .news-latest-info { margin: 0px }
#rc .news-latest-info p.bodytext { display: inline }

#rc .news-latest-morelink a { text-decoration: none; font-weight: bold; padding-left: 9px; background: url("design/dot_red_dark_small.png") 0px 4px no-repeat; white-space: nowrap; color: #7F98AA; font-family: tahoma }

/* main menu - top part */
ul#menu { height: 60px; line-height: 60px; padding-left: 12px; overflow: hidden }
ul#menu li { list-style-type: none; display: inline; background: url("design/dot_red_light.png") left center no-repeat; padding: 0px 18px 0px 12px }
ul#menu li a { text-decoration: none; color: #4A555D; font-size: 14px; font-weight: bold }
ul#menu li a:hover { text-decoration: underline }
ul#menu li.act a { color: #CA000A }

/* submenu */
ul#sub { clear: both; background: url('design/ba.jpg') 183px 0px no-repeat; margin-top: 3px }
ul#sub li { list-style-type: none; background-color: #4A555D; width: 130px; height: 38px; margin-top: 1px; padding: 11px 25px 0px 25px; text-align: center }
ul#sub li a { color: #FFFFFF; font-size: 11px; font-weight: bold; text-decoration: none }
ul#sub li a:hover { text-decoration: underline }

/* page selector */
.homepage { margin: 15px 175px 0px 193px; width: 380px }
.subpage { margin: 15px 12px 0px 0px; width: 548px; float: right }

/* content */
#content { height: 350px; min-height: 350px  }
div[id] #content { height: auto }
#content ul { margin-left: 17px }
#content ol { margin-left: 22px }
#content p { }
#content table.contenttable { border-collapse: collapse; border: 0px }
#content table.contenttable td { font-size: 11px; border: 1px solid #CCCCCC; padding: 2px 3px } 

/* RTE classes */
p.subheader { font-family: georgia, tahoma, arial; font-weight: normal; font-size: 17px; margin: 15px 0px }
span.class10 { font-size: 10px }
span.class11 { font-size: 11px }
span.class12 { font-size: 12px }
span.class13 { font-size: 13px }
span.class14 { font-size: 14px }

/* special elements */
div.divider { height: 3px; line-height: 3px; font-size: 0px; background: url("design/divider.png") 2px 0px no-repeat }
div.divider2 { height: 3px; line-height: 3px; font-size: 0px; background: url("design/divider2.png") 2px 0px no-repeat; margin-bottom: 10px }

/* mailform */
#cform { border-collapse: collapse; border: 0px; padding: 0px }
.FR { float: right }
#cform td { padding-bottom: 2px; border: 0px; padding-left: 10px; vertical-align: top }
#cform input, #cform textarea { border: 1px solid #BCC2C7; width: 180px; padding-left: 2px }
#cform textarea { height: 100px; overflow: auto }
#cform .sbmt { border: 0px; background: url('design/ico_send.gif') 0px 4px no-repeat; padding-left: 8px; font-weight: bold; cursor: pointer; text-align: left }
#cform .chbox, #cform .radio { width: 20px; border: 0px }
#cform .radio { vertical-align: middle }


/* footer */
#footer { clear: both; height: 25px; margin-top: 1px; line-height: 25px; background: url("design/studio21logo.gif") 8px 3px no-repeat #4A555D; color: #A5AAAE; font-size: 11px; text-align: left; padding-left: 68px }
#footer a { text-decoration: none; font-weight: bold; color: #FFFFFF }
#footer a:hover { text-decoration: underline }

/* search */
#search { padding: 10px; background-color: #E1E4E6; margin-top: 3px }
#search h2 { font-family: georgia, times, tahoma; font-size: 12px; font-weight: bold; color: #4A555D; margin-bottom: 5px }
#search input.swrd { border: 1px solid #7F98AA; padding-left: 2px; width: 155px; display: block; margin-bottom: 5px }
#search select.slct { border: 1px solid #7F98AA }
#search input.sbmt { float: right }
#search input.sbmt, #searchf input.sbmt { border: 0px; cursor: pointer; font-weight: bold; background: url("design/dot_red_dark.png") 0px 5px no-repeat #E1E4E6; margin-top: 2px; width: 40px; text-align: left }

#searchf { background: #E1E4E6; width: 524px; padding: 10px 10px 8px 10px; display: block; float: left; font-family: Georgia;font-size: 12px; margin-bottom: 20px}
#searchf input { background: none}
#searchf input#sword { border: 1px solid #7F98AA; background: #FFFFFF; width: 150px; padding-left: 3px; float: left; margin-left: 10px}
#searchf .check { float: left; padding-left: 10px; font-family: Arial; font-weight: normal; font-size: 11px; line-height: 16px; padding-top: 2px;}
#searchf input.chb {float: left}
#searchf .leftfloat { float: left}
#searchf input.sbmt { float: left; margin-left: 10px }
#searchf a { font-family: Arial; font-weight: bold; font-size: 11px; line-height: 16px; text-decoration: underline; display: block; float: left;}
#searchf a:hover { color: #333333}
div.results { font-size: 11px }
#sf h3 a { font-weight: bold; text-decoration: none}

/* listings */
.pages { float: right; padding-bottom: 15px}
.pages a,.pages img.disabled { line-height: 16px; float: left; width: 16px; height: 16px; font-weight: bold; display: block; text-align: center; margin-left: 2px }
.pages a { text-decoration: none }
.pages a:hover { background: #E6E8EF; color: #FFF }
.pages a.selected, .pages a.selected:hover { background: #EA0001; color: #FFF }

/* tip a friend */
table.tip { border-collapse: collapse; border: 0px; padding: 0px }
table.tip td { padding-bottom: 2px; border: 0px; padding-left: 10px; vertical-align: top }
table.tip input, table.tip textarea { border: 1px solid #BCC2C7; width: 180px; padding-left: 2px }
table.tip textarea { height: 80px; overflow: auto; width: 270px }
table.tip .sbmt { border: 0px; background: url('design/ico_send.gif') 0px 4px no-repeat; padding-left: 8px; font-weight: bold; cursor: pointer; text-align: left }
table.tip td.cpt input { height: 14px; width: 50px; padding-top: 3px }
table.tip td.cpt img { border: 1px solid #BCC2C7; vertical-align: top; padding: 0px 2px; background-color: #E7E7E7 }
div.err { font-weight: bold; color: #BA0009 }

/* top news */
#topnews { margin-top: 3px; background: url("design/topnews.gif") 0px 30px no-repeat #6A7983; padding: 10px }
#topnews h4 { font-family: georgia, times, tahoma; font-size: 12px; color: #FFFFFF; margin-bottom: 20px }
#topnews ul { font-size: 11px }
#topnews ul li { list-style-type: none; background: url("design/dot_gray_middle.png") 0px 5px no-repeat; padding: 1px 0px 1px 12px }
#topnews ul li a { color: #FFFFFF; text-decoration: none }
#topnews ul li a:hover { text-decoration: underline }

/* latest items */
.news-latest-item { font-size: 11px }
.news-latest-item h3 { font-size: 17px; font-family: georgia, tahoma, verdana; margin-bottom: 8px }
.news-latest-item h3 a { color: #4A555D; text-decoration: none }
.news-latest-item h3 a:hover { text-decoration: underline }
.news-latest-item h3 a:visited { color: #7F98AA }

.news-latest-item div.picbox { float: left; border: 1px solid #E1E4E6 }
.news-latest-item img { margin: 1px }
.news-latest-category img { display: none; visibility: hidden }

.news-latest-date { color: #7F98AA; font-weight: bold; margin-bottom: 5px }
.news-latest-cat { color: #CA000A }
.news-latest-info { margin-left: 92px }
.news-latest-info p.bodytext { display: inline }

.news-latest-morelink a { text-decoration: none; font-weight: bold; padding-left: 13px; background: url("design/dot_red_dark.png") 3px 5px no-repeat; white-space: nowrap }

/* quick links */
.ql { text-align: right; background: url("design/divider.png") left bottom no-repeat; padding-bottom: 12px; font-size: 11px }
.ql a { font-weight: bold; text-decoration: none; padding-left: 18px; margin-left: 20px; background: url("design/ico_mail.gif") 0px 1px no-repeat }
.ql a.print { background: url("design/ico_print.gif") 0px 1px no-repeat }

/* single */
.news-single-item { font-size: 11px }
.news-single-item h2 { margin: 10px 0px }
 p.perex { font-weight: bold; font-size: 12px; margin-bottom: 10px }

.news-single-img { float: left; border: 1px solid #E1E4E6; margin: 0px 20px 20px 0px }
.news-single-img img { margin: 1px }
.news-single-imgcaption { }

.news-single-backlink a { font-weight: bold; text-decoration: none; color: #8095A7; background: url("design/ico_back.gif") 0px 4px no-repeat; padding-left: 12px }

.news-single-author { margin-top: 15px; text-align: right; font-weight: bold; color: #CA000A }
.news-single-author span.by { color: #7F98AA }
.news-single-author a { font-weight: bold; color: #CA000A; text-decoration: none }

.news-single-item dl { margin-bottom: 15px }
.news-single-related dd, .news-single-links dd, .news-single-files dd { background: url("design/dot_red_dark.png") 0px 4px no-repeat; padding-left: 12px; margin-bottom: 2px; color: #7F98AA }
.news-single-related dd a, .news-single-links dd a, .news-single-files dd a { font-weight: bold; text-decoration: none }
.news-single-related dt, .news-single-links dt, .news-single-files dt { font-family: georgia, tahoma, verdana; font-size: 17px; margin-bottom: 10px }

/* catmenu */
ul#catmenu { font-size: 11px }
ul#catmenu li.news-catmenu-NO, ul#catmenu li.news-catmenu-ACT { list-style-type: none; padding: 5px 10px 4px 11px; margin-bottom: 1px }
ul#catmenu li.news-catmenu-NO { background-color: #BA0009 }
ul#catmenu li.news-catmenu-ACT { background-color: #FF0000 }

ul#catmenu li.news-catmenu-NO a, ul#catmenu li.news-catmenu-ACT a { font-weight: bold; text-decoration: none; color: #FFFFFF }
ul#catmenu li.news-catmenu-NO a:hover, ul#catmenu li.news-catmenu-ACT a:hover { text-decoration: underline }
ul#catmenu li.news-catmenu-ACT a { text-transform: uppercase }
ul#catmenu li.news-catmenu-NO a { background: url("design/dot_red_light.png") 0px 4px no-repeat; padding-left: 13px }

.csc-sword { background: #FF0000; color: #FFFFFF; padding-left: 2px; padding-right: 2px}
#footer .csc-sword { background-color: #4A555D; color: #A5AAAE; padding: 0px }

/* print version */
@media print {
	* { color: #000 }
	body { font-size: 12px; background-color: #FFF }
	body, #main, #content { width: 100%; margin: 0px; padding: 0px; border: 0px; text-align: left; color: #000; float: none }	
	#footer, #lc, #main a.homelink, .ql { display: none }
}