body {margin:0; padding:0; background: #3A8ED6 url(../images/bg_t.jpg) repeat-x top; font-family: Arial, Helvetica, sans-serif; font-size: 12px;}
table, td { font-size: 12px;}

.outer_main { background: transparent url(../images/bg_b.jpg) repeat-x left bottom; text-align: center;}
.inner_main {margin:0 auto; width: 980px;  text-align: left;}

.footer_bg { background: transparent url(../images/bbg.jpg) repeat-x center bottom; height: 218px;}
.logo {background: #094375 url(../images/scoalaalpina_logo.jpg) repeat-x bottom; width: 242px; height: 166px; display: block; float: left;}
.logo span {display: none;}

.header_banner {float: left; background: transparent url(../images/cool_banner.jpg) no-repeat 0px 7px; height:157px; width:725px;}

.outer_menu {background: #FFFFFF url(../images/menu_l.jpg) no-repeat top left; margin: 0;}
.inner_menu {background: #FFFFFF url(../images/menu_r.jpg) no-repeat top right; margin: 0 0 0 16px;}

.inner_menu ul {height: 47px; background: #FFFFFF url(../images/menu_bg.jpg) repeat-x top right; margin: 0 16px 0 0;}
.inner_menu ul li {display: block; float: left; font-size: 16px; font-weight: bold; line-height: 46px; margin: 0 5px;}
.inner_menu ul li a {color: #2c2c2c; margin: 0; display: block; float: left;}
.inner_menu ul li a span { padding: 0 20px 0 10px; height: 47px; margin: 0 0 0 10px; display: block; float: left;}

/*.inner_menu ul li a span span {margin: 0 10px 0 0; }*/
/*.inner_menu ul li a:hover span {background: #FFFFFF url(../images/menu_sel_r.jpg) no-repeat top right; }
.inner_menu ul li a:hover span span {background: #FFFFFF url(../images/menu_sel_bg.jpg) repeat-x top left; }*/

.inner_menu ul li a:hover {color: #FFFF00; background: #225F8E url(../images/menu_sel_l.jpg) no-repeat top left; }
.inner_menu ul li a:hover span {background: #225F8E url(../images/menu_sel_rbg.jpg) no-repeat top right; }

.clear {clear: both; width: 1px; height: 1px; overflow: hidden;}


.content {background: #FFFFFF url(../images/cbgf.jpg) repeat-y top left;}


#contentwrapper{float: left; width: 100%; background: transparent url(../images/mcbgf.jpg) no-repeat 0px 0px; }
#contentcolumn{ margin: 0px 200px 0 200px; /*background: #FFFFFF url(../images/cbg.jpg) repeat-y top left; Margins for content column. Should be "0 RightColumnWidth 0 LeftColumnWidth*/}
#leftcolumn{ float: left; width: 200px; /*background: #CBDEFC url(../images/main_c_bgc.jpg) repeat-y top left; Width of left column*/ margin-left: -100%;}
#rightcolumn{ float: left; width: 200px; /*background: #FDE95E url(../images/main_c_bgc.jpg) repeat-y top right;Width of right column*/ margin-left: -200px; /*Set left marginto -(RightColumnWidth)*/}
.innertube{margin: 10px; /*Margins for inner DIV inside each column (to provide padding)*/ margin-top: 5px; }

#leftcolumn .innertube {margin: 5px 0px 10px 5px;}
#rightcolumn .innertube {margin: 5px 5px 10px 0px;}

.content_footer {background: transparent url(../images/mcbgb.jpg) no-repeat 0px 0px; height: 14px; width: 980px; }
.outer_footer { background: transparent url(../images/fbbg.jpg) repeat-y 0px 0px;}
.footer { background: transparent url(../images/fb.jpg) no-repeat left bottom; padding: 15px; color: #FFFF00;}

.content_table {background-color: #FFFFFF;}
.content_table td {padding: 3px 5px;}

h1 {color: #08457C; font-size: 20px; font-weight: bold;}
h2 {color: #F28D01; font-size: 16px; font-weight: bold;}
h3 {color: #08457C;}

.page_info {color: #999999; display: block;}
.article {border: solid 1px #AAAAAA; border-width: 0px 0px 1px 0px; padding: 0px 0px 5px 0px;}
.article .date { color: #999999; margin: 0px 10px 15px 0px;}
.article .author {color: #999999; font-style:italic;}
.content .article a {color: #3A8ED6;}
.content .article a:hover {color: #0B4577;}
.article div.article_image {display:block; float:left; }
.article div.article_image a.main_image img {display:block; border: solid 1px #DDDDDD; margin:0;}
.article div.article_image a.main_image {display:block; float:left;}
.article div.article_image a.main_image span {display:block; border: solid 1px #DDDDDD; background-color: #EEEEEE;padding: 5px 5px 20px 5px; margin: 0px 10px 10px 0px;}
.article div.article_image a.main_image span span { border: none 0px; background-color: transparent;padding: 0; margin: 0; text-align: center;}

.article a.zoom {background: url(../images/magnifier.png) no-repeat; width: 16px; height: 16px; display: block; float: left; margin: 10px 0px 0px -35px;}
.article a.zoom span {display: none;}
.article .article_details {margin: 0px 0px 10px 0px}

.contest_image {border: 5px solid #EEEEEE; display: block; float:left; margin: 0px 10px 10px 0px; }
.link_image {border: 5px solid #EEEEEE; display: block; float:right; margin: 0px 10px 10px 0px; }

.pages {height:20px; margin: 10px 0px;}
.pages h4 {display: block;  float:left; margin:0px 5px 0px 0px; padding: 0; line-height:20px; }
.pages ul {display: block;  float:left;  margin: 0; padding: 0; float:left; list-style-type: none;}
.pages ul li {display: block;  float:left;  width: 20px; height: 20px; border: solid 1px #DDDDDD; text-align: center; line-height:20px; margin: 0px 3px 0px 0px;}
.pages ul li a {color: #3A8ED6;}
.pages ul li a:hover {display: block; background-color: #3A8ED6; color: #FFFFFF;}


.gallery {width:550px;}
.gallery h2 {font-size: 10px; margin: 5px; text-align: center; }
.gallery ul {list-style-type: none;  margin: 0; padding: 0;}

.gallery ul li {display:block; float: left; border: solid 1px #DDDDDD; background-color: #EEEEEE; margin: 0px 10px 10px 0px; text-align: center; width: 120px;}
.gallery span.photo_title {display:block; text-align: center;color: #08457C; font-size: 14px; }
.gallery span.photo_author {display:block; text-align: center; color: #888888;}
.gallery a.main_image {width:115px; height:105px; display: block; margin: 5px auto;}
.gallery a.main_image span { display: none; }
.gallery a.main_image .categ_title { display: block; }

.gallery .categ_title {font-weight: bold;}

.show_pic h1 {color: #FFFFFF;}

.note {font-size: 11px; color: #666666;}
.text_gray {color: #3A8ED6;}
.text_red { color: #FF0000;}

.sidebox h2 {background-color: #DFEBFF; color:#08457C; border: 1px solid #AFCEFF; border-width: 0px 0px 1px 0px; padding: 5px;}
#rightcolumn .sidebox h2 {background-color: #EFEFEF; color:#08457C; border: 1px solid #CFCFCF; border-width: 0px 0px 1px 0px; }
#rightcolumn .sidebox form {margin: 10px;}

.sidebox .gallery {width:auto;  text-align: center;}
.sidebox .gallery div {display:block; width:125px; border: solid 1px #BBBBBB; background-color: #FFFFFF; margin: 0px auto; text-align: center;}
.sidebox .gallery h2 {text-align: center; width:auto; background-color:transparent; border: 0px none; padding: 0;}
.sidebox .gallery span.photo_title {display: none;}
.sidebox .gallery span.photo_author {display: none;}
.sidebox .gallery a.main_image img {border: 1px solid #BBBBBB;}
.sidebox .gallery a.main_image span {margin: 0 auto;}

.sidebox h3 {margin: 0px 0px 0px 15px;}

.sidebox .sidebox_content {margin: 5px; }
.sidebox .sidebox_link {display: block; margin: 5px; }
.sidebox .sidebox_image {display: block; margin: 10px; border: 10px solid #EEEEEE; }

/*.sidebox .gallery a.menu_link {width:auto;}
.sidebox .gallery a.main_image img {border: solid 1px #EEEEEE; }
.sidebox .gallery a.main_image span { background-color: #FFFFFF; border: solid 1px #7FB0FF; }
.sidebox .gallery a.main_image span span { border: none 0px;}
.sidebox .gallery a {margin: 0 auto; width: 100px; float:none;}
*/
.content a {color: #316E9F;}
.content a:hover {color: #000000;}

.contact_form {margin: 10px;}


.ribbon {position: absolute; top: 0; right: 0;}
.ribbon a, .ribbon img {border: 0 none;}