body, td { color:#000; font:12px Arial, Helvetica, Geneva, sans-serif; line-height:130%; }
body { margin:0; padding:0; background:#9B9B9B; }

a { color:#6d2336; text-decoration:underline; }
a:hover { text-decoration:underline; }

.col-image a, .col-text a { color:#6d2336; text-decoration:underline; }
.col-image a, .col-text a:hover { color:#444; }

img { border:0; }
h1 { font-size:19px; margin:0px 0px 10px; color:#6d2336; }
h2 { font-size:15px; margin:0px 0px 10px; color:#6d2336; }
p { margin:0px 0px 10px; }

th { text-align:left; color:#6d2336; padding:0px 0px 10px; }
td { padding:0px 0px 10px; }

.clear { clear:both; }

#container { margin:0 auto; padding:0; width: 1000px; position: relative; }

#head-home, #head { position:absolute; top: 0px; left: 20px; width:960px; height:130px; padding:0px 0px; z-index:500; background:url(bg-tear-top.png) left bottom no-repeat; }
#head-home .logo, #head .logo { float:left; width:340px; padding:5px 0px 0px 5px; }
#head-home .sponsors, #head .sponsors { float:left; width:600px; padding:5px 10px 0px 0px; text-align: right; }
#head { height:170px; }
#head .nav { margin-top:5px; height:30px; }

#main { float:left; width:960px; background:url(bg-main.png) left top repeat-y; padding:50px 20px 0px; margin:0; }
#footer { float:left; width:940px; height:30px; padding:10px 30px 20px; background:url(bg-footer.png) left bottom no-repeat; text-align: right; }
#loader { position:absolute; top:10px; left:10px; display:none; }

.col2 { float:left; width:960px; margin:50px 0px 0px; padding:0; background:#e4e5e6 url(bg-2col.png) left top repeat-y; }
.col2 .col-left { float:left; width:300px; padding:65px 0px 20px; }
.col2 .col-image { float:left; width:660px; min-height:525px; padding:20px 0px 0px; }
.col2 .col-image .story { float:left; width:620px; padding:20px; }
.col2 .col-text { float:left; width:620px; min-height:550px; padding:75px 20px 10px; }

.col-left div.item { clear:both; height:77px; padding: 5px 10px; margin: 0px; width:280px; overflow: hidden; }
.col-left div.item a { color:#000; text-decoration:none; }
.col-left div.item img { border: 1px solid #6d2336; float: left; margin-right:10px; }
.col-left div.current { background:#6d2336; color: white; }
.col-left div.current a { color:#FFF; }
.col-left div.current img { border: 1px solid #FFF; }

.col-left .paging { clear:both; width:280px; margin:10px 0px 0px 10px; }
.col-left .paging .left { float:left; width:120px; }
.col-left .paging .right { float:right; width:150px; text-align: right; }
.col-left .paging a { text-transform: uppercase; font-weight:bold; color:#6d2336; }
.col-left ul { margin:0; padding:0; list-style:none; }
.col-left ul li { float:left; width:300px; border-bottom:2px solid #6d2336; }
.col-left ul li a { float:left; text-decoration:none; text-transform: uppercase; color:black; font-weight:bold; padding:9px 10px 0px; height:21px; width:280px;  }
.col-left ul li a:hover, .col-left ul li a.current { color:white; background:#6d2336;  }

.nav { float:left; width:960px; height:30px; background:#999 url(bg-nav.png) left top repeat-x; }
.nav a { float:left; border-left:1px solid black; padding:9px 10px 0px; height:21px; text-decoration:none; font-size:13px; line-height:normal; color:black; text-transform:uppercase; font-weight:bold; }
.nav a:hover, .nav a.current { background-color:#666; }
.nav a.first { border-left:0px; }

.hp-col { float:left; width:960px; margin:0; padding:0; background:#e4e5e6 url(bg-2col.png) left top repeat-y; }
.hp-col .col-left { float:left; width:300px; padding:75px 0px 20px; }
.hp-col .col-image { float:left; width:660px; min-height:525px; padding:20px 0px 0px; }
.hp-col .col-image .story { float:left; width:620px; padding:10px 20px; }

.hp-nav { position: absolute;z-index:501; top:520px; left:20px; width:960px; padding-top:45px; background:url(bg-tear-bottom.png) left top no-repeat; }
.hp-slideshow { width:660px; height:495px; overflow:hidden; }
.hp-footer { float:left; width:950px; padding:12px 0px 10px 10px; background:#6d2336 url(bg-purple.png) left top repeat-x; }

/* @group media */

.media { float: left; width: 408px; height:250px; padding:0px; background-color:black; color:#ccc; }
.media .col { float:left; width:184px; padding:10px; }
.media h2, .media p, .calendar h2, .calendar p { clear: both; margin: 0px; padding: 0px; color:#FFF; }
.media h2, .calendar h2 { font-size:17px; border-bottom:1px solid #FF0; padding-bottom:7px; }
.media p, .calendar p { line-height:110%; padding-top:10px; border-top:1px solid #FF0; }
.media .gallery { float:left; margin:0px 0px 0px -10px; width:174px; padding:10px 10px 0px; }
.media .gallery img { float:left; border: 1px solid #5E5C5C; margin: 0px 0px 10px 10px; width:75px; }
.media a, .calendar a { color: white; text-transform:uppercase; text-decoration:none; }

/* @end */

.news-language { float:left; padding:0px 0px 0px 10px; }

/* @group calendar */

.calendar { float:left; width:260px; padding:10px; min-height:230px;  background-color:black; margin:0px 0px 0px 10px; }

.calendar .events { float: left; line-height:110%; color:#FFF; width:260px; min-height:170px; padding: 10px 0px 0px 0px; margin:0px; }
.calendar .event-row { float:left; width:260px; padding:5px 0px 2px 0px; }
.calendar .event-date { float:left; width:50px; }
.calendar .event-title { float:left; width:210px; }

.banner { float:left; }
/* @end */


/* @group media */

.col2 .col-media { float:left; width:620px; padding:65px 20px 10px; }
#media-photo { position:relative; float:left; width:500px; margin:0px 54px; padding:5px; background-color: white; border:1px solid #6d2336; text-align:center; }
#media-nav { float:left; margin-top:10px; margin-left:14px; width:620px; }
#media-nav img { border:1px solid #6d2336; margin-right:5px; }
#media-info, #media-comments, #media-download { float:left; width:500px; margin:10px 60px 0px; }
#media-comments h2, #media-download h2 { margin:0px; }
#media-comments a, #media-download a { text-transform:uppercase; font-size:90%; color:#6d2336; }

/* @end */

/* @group your media */

#group-cloud { padding:10px 0px; width:266px; margin-left:10px; }
#group-cloud .smallestTag { font-size: 80%; }
#group-cloud .smallTag { font-size: 100%; }
#group-cloud .mediumTag { font-size: 120%; }
#group-cloud .largeTag { font-size: 140%; }
#group-cloud .largestTag { font-size:160%; }
#group-description { color:white; padding:10px 0px; width:266px; margin-left:10px; font-size:110%; font-weight:bold; }
#group-info { padding:0px; width:262px; margin-left:10px; }
#group-info ol { list-style-position:outside; }
#group-info ol li { margin:0px 0px 5px -1em; }
#group-info a, #group-cloud a { color:black; }

/* @end */