﻿
/* - - - - - - - - - - - - - - - - - - - - -

Title :    SIFE Albania National Competition 2009
URL :      http://www.sifealbania.org/

Created :  17.03.2009
Modified : 02.04.2009

- - - - - - - - - - - - - - - - - - - - - */

/*
http://meyerweb.com/eric/thoughts/2007/04/14/reworked-reset/
*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, tt, var, dd, dl, dt, li, ol, ul, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	line-height: 1;
	font-family: inherit;
	text-align: left;
	vertical-align: baseline;
}

a img, :link img, :visited img {
	border: 0;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

ol, ul {
	list-style: none;
}

q:before, q:after, blockquote:before, blockquote:after {
	content: "";
}



/* =HTML
- - - - - - - - - - - - - - - - - - - - - */
body {
	font-size: 77%;
	text-align: center;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	background: #a2a1a6;
	color: #585858;
}

html>body { font-size: 12px; }

p {
	margin-bottom: 1em;
	font-size: 1em;
	line-height: 1.6em;
}

#mainContent img {
	margin-bottom:2px;
}

/* =HEADINGS
- - - - - - - - - - - - - - - - - - - - - */

h2 {
	margin-bottom: 0.05em;
	font-size: 1.8em;
	font-weight: normal;
	color: #07b;
}

h3 {
	margin-bottom: 0.25em;
	font-size: 1.4em;
	font-weight: normal;
	color:#07b;
}

h4 {
	margin-bottom: 0.2em;
	font-weight: bold;
	color: #07b;
}

/* =LINKS
- - - - - - - - - - - - - - - - - - - - - */
a:link {
	color: #07b;
	text-decoration: none;
}

a:visited {
	color: #07b;
	text-decoration: none;
}

a:hover {
	color: #145376;
	text-decoration: underline;
}

a:active {
	color: #145376;
	text-decoration: underline;
}

/* =LAYOUT
- - - - - - - - - - - - - - - - - - - - - */
.hide { display: none; }

.clear { clear:both; }

.clearhome { clear:both;
	height:20px;
}

#wrap1 {
	width: 100%;
	padding-top: 16px;
	background: url(../images/bg_body_top.jpg) top center no-repeat;
}

#wrap2 {
	width: 100%;
	padding-bottom: 16px;
	background: url(../images/bg_body_bot.jpg) bottom center no-repeat;
}

#wrap3 {
	margin: 0 auto;
	padding: 0 6px;
	width: 980px;
	text-align: left;
	background: #fff url(../images/bg_body.jpg) top center repeat-y;
}

#masthead {
	height: 81px;
	margin: 0 0 10px 10px;
}

a h1#logo {
	cursor:pointer;
}

h1#logo {
	float: left;
	text-indent: -9999em;
	overflow: hidden;
	width: 211px;
	height: 81px;
	background: url(../images/sife_nc.jpg) 0 0 no-repeat;
}

#utilityNav {
	float: right;
}

#content {
	width: 960px;
	padding: 0 10px;
}

#mainContent {
	float: right;
	width: 740px;
}

#subNav {
	float: left;
	margin: 0 9px 10px 0;
	padding-bottom: 130px;
	width: 211px;
	background: #f18b1c url(../images/bg_berlin.jpg) bottom center no-repeat;
	color: #eee;
}

#subNav h3, #subNav p {
	padding: 0 10px;
}

#sponsors {
	clear: both;
}

#sponsors #sponsorLogos {
	width: 958px;
	height: 95px;
	padding-top: 25px;
}

#sponsors #sponsorLogos div {
	float: left;
	margin-right: 4px;
}

#footer {
	padding-top: 18px;
	padding-bottom: 4px;
	border-top: 1px solid #ddd;
	background: #fff url(../images/bg_footer.jpg) bottom left repeat-x;
}

#footer p#slogan {
	float: left;
	padding-left:10px;
	line-height: 1em;
	color: #07b;
}

#footer #footNav {
	float: right;
}

p#copy { 
	float: right; 
	padding: 1px 12px 0 0;
	line-height: 1em;
}


/* =NAVIGATION
- - - - - - - - - - - - - - - - - - - - - */
/* Utility Navigation */

ul#navlist {
	border: 0;
	margin: 45px 0 0 0;
	padding: 0;
	list-style-type: none;
	text-align: center;
}

ul#navlist li {
	display: block;
	float: left;
	text-align: center;
	padding: 0;
	margin: 0;
}

ul#navlist li a {
	display: block;
	border-left: 1px solid #999;
	padding: 5px 24px;
	color: #585858;
	text-decoration: none;
	text-align: center;
}

ul#navlist li#about a {
	border-left: none;
}

ul#navlist li a:hover {
	text-decoration: underline;
	color: #585858;
}


/* Sub Navigation */

ul#sublist {
	padding: 0;
	margin: 0 0 24px 0;
	width: 211px;
	border-top: 1px solid #da680f;
}

ul#sublist li {
	margin: 0;
	padding: 0;
	list-style: none;
}

ul#sublist li a {
	padding: 10px;
	display:block;
	color: #eee;
	text-decoration: none;
	border-bottom: 1px solid #da680f;
}

ul#sublist li.current a,
 ul#sublist li a:hover {
	background: #ec791e;
	color: #eee;
	text-decoration: none;
}


/* Footer Navigation */

ul#footlist {
	float: right;
	border: 0;
	margin: 0;
	padding: 0;
	list-style-type: none;
	text-align: center;
}

ul#footlist li {
	display: block;
	float: left;
	text-align: center;
	padding: 0;
	margin: 0;
}

ul#footlist li a {
	display: block;
	border-left: 1px solid #999;
	padding: 1px 12px;
	color: #585858;
	text-decoration: none;
	text-align: center;
	line-height: 1em;
}

ul#footlist li#home a {
	padding: 2px 0 2px 24px;
}

ul#footlist li a:hover {
	text-decoration: underline;
	color: #585858;
}



/* =DETAILS
- - - - - - - - - - - - - - - - - - - - - */

#banner {
	float: right;
	width: 740px;
	height: 326px;	
	margin-bottom: 10px;
	background: url(../images/home_photo_1.jpg) 0 0 no-repeat;
}

#banner_live {
	float: right;
	width: 740px;
	height: 476px;	
	margin-bottom: 10px;
	background: url(../images/home_photo_live.jpg) 0 0 no-repeat;
}

#banner_live h1 {
	font-size:22px;
	font-weight:bold;
	color:#fff;
	margin-left:10px;
	margin-top:10px;
	margin-bottom:200px;
}

#banner_live .sidebutton {
	color:#005595; font-size:16px; float:right; width:150px; height:35px; border:2px solid #fff; padding:5px; margin-right:10px;
	background: transparent url(../images/side_button_background.gif) bottom left repeat-x;
		opacity:0.75;
		-moz-opacity:0.75;
		filter:alpha(opacity=75);
}

#banner_live a:hover.sidebutton {
	color:#fff; font-size:16px; float:right; width:150px; height:35px; border:2px solid #fff; padding:5px; margin-right:10px;
	background: transparent url(../images/side_button_background_bot.gif) top left repeat-x;
	text-decoration:none;
		opacity:1;
		-moz-opacity:1;
		filter:alpha(opacity=100);
}

#banner_live .sidebutton .title {
	display:block;
	cursor:pointer;
}

/* BANNER CHAMPION */

#banner_champion {
	float: right;
	width: 740px;
	height: 326px;	
	margin-bottom: 10px;
	background: url(../images/berlin_home.jpg) 0 0 no-repeat;
}

#banner_champion h1 {
	font-size:22px;
	font-weight:bold;
	color:#fff;
	margin-left:10px;
	margin-top:10px;
	margin-bottom:0px;
}

#banner_champion h2 {
	font-size:16px;
	font-weight:normal;
	font-style:italic;
	color:#fff;
	margin-left:10px;
	margin-top:5px;
	margin-bottom:50px;
}

#banner_champion .sidebutton {
	color:#005595; font-size:15px; float:right; width:150px; height:35px; border:2px solid #fff; padding:5px; margin-right:10px;
	background: transparent url(../images/side_button_background.gif) bottom left repeat-x;
		opacity:0.75;
		-moz-opacity:0.75;
		filter:alpha(opacity=75);
}

#banner_champion a:hover.sidebutton {
	color:#fff; font-size:15px; float:right; width:150px; height:35px; border:2px solid #fff; padding:5px; margin-right:10px;
	background: transparent url(../images/side_button_background_bot.gif) top left repeat-x;
	text-decoration:none;
		opacity:1;
		-moz-opacity:1;
		filter:alpha(opacity=100);
}

#banner_champion .sidebutton .title {
	display:block;
	cursor:pointer;
}

/* END BANNER CHAMPION */

.homeFeature {
	float: left;
	margin: 0 10px 10px 0;
	padding: 10px;
	width: 218px;
	background: #fff url(../images/bg_gradient_bot.jpg) bottom center repeat-x;
	border: 1px solid #ddd;
}

a:hover.homeFeature {
	text-decoration: none;
	background: #fff url(../images/bg_gradient_top.jpg) top center repeat-x;
	border: 1px solid #bbb;
}

.lastItem {
	margin: 0;
}

.homeFeature img {
	float: left;
	margin: 5px 10px 0 0;
}

.homeFeature .title {
	display: block;
	margin-bottom: 0.25em;
	font-size: 1.4em;
	font-weight: normal;
}

.homeFeature .description, .homeFeature .button {
	display:block;
	cursor:pointer;
}

.homeFeature .description {
	margin-bottom: 1em;
	font-size: 1em;
	line-height: 1.6em;
	color: #585858;
}

.homeFeature .button {
	width: 90px;
	height: 21px;
	text-indent: -9999em;
	overflow: hidden;
}

#sideFeatureArea {
	float:right;
	margin-left:30px;
	width:218px;
	margin-right:30px;
}

.watchVideo {
	background: url(../images/button_watch_video.jpg) 0 0 no-repeat;
}

.watchTeams {
	background: url(../images/button_watch_teams.jpg) 0 0 no-repeat;
}

.viewPhotos {
	background: url(../images/button_view_photos.jpg) 0 0 no-repeat;
}

.moreInfo {
	background: url(../images/button_more_info.jpg) 0 0 no-repeat;
}

.viewPairings {
	background: url(../images/button_view_pairings.jpg) 0 0 no-repeat;
}

.viewResults {
	background: url(../images/button_view_results.jpg) 0 0 no-repeat;
}

.viewWebcast {
	background: url(../images/button_view_webcast.jpg) 0 0 no-repeat;
}

#slogan sup {
	font-size:8px;
}

.bulletedlist {
	margin-top:15px;
	margin-bottom:10px;
	margin-left:30px;
	list-style-type:square;
}

.bulletedlist li {
	margin-bottom:5px;
	line-height:15px;
}

.numberedlist {
	margin-top:15px;
	margin-bottom:10px;
	margin-left:30px;
	list-style-type:decimal;
}

.numberedlist li {
	margin-bottom:5px;
}

#mainContent p.subnavbar {
	padding-top:3px; padding-bottom:5px; border-top:1px solid #e8e8e8; border-bottom:1px solid #e8e8e8;
}

#mainContent p.subnavbar .active {
	text-decoration:underline;
}

#mainContent p.subnavbari {
	padding-top:3px; padding-bottom:5px; 
}

#mainContent p.subnavbari .active {
	text-decoration:underline;
}

#mainContent h3{
	margin-top:15px;
	margin-bottom:15px;
}

.sponsor {
	width:185px;
	height: 65px;
	padding:5px;
	float:left;
	margin-right:50px;
	margin-bottom:50px;
}

.sponsorlogo {
	border:0px;
}

.livearea {
	width:740px;
}
.dayname {
	color:#98002e;
	margin-bottom:15px;
	font-weight:bold;
	margin-top:20px;
}

.datename {
	color:#07b;
	font-weight:bold;
	margin-bottom:8px;
}

.eventtime {
	float:left; width:80px; padding-bottom:10px;
}

.eventname {
	float:left; width:390px; padding-bottom:10px;
}

.eventlocation {
	float:left; width:270px; padding-bottom:10px;
}

.countryname {
	float:left; width:110px; padding-bottom:10px;
}

.formname {
	width:200px; padding-bottom:10px; vertical-align:middle; text-align:right; padding-right:15px;
}

.schoolname {
	float:left; width:340px; padding-bottom:10px;
}

.addrecord {
	float:left; width:300px; padding-bottom:10px; font-size:small; font-family:Arial; color:navy;
}

.prize {
	float:left; width:270px; padding-bottom:10px;
}

.hotelfloat {
	width:350px;
	float:left;
	margin-right:10px;
	margin-bottom:10px;
	height:125px;
}

.timefloat {
	width:350px;
	float:left;
	margin-right:10px;
	margin-bottom:10px;
}

.clear {
	clear:both;
	height:1px;
	overflow:hidden;
}

.red {
	color:#ff0000;
	font-weight:bold;
}

.white {
	color:#ffffff;
}

#container, #container1, #container2, #container3, #container4 {
	float:left;
	margin-right:10px;
	border:3px solid #e8e8e8;
}

.annualreport {
	float:left;
	margin-left:10px;
	border:3px solid #e8e8e8;
	height:270px;
	width:208px;
}

.noborder {
	border:0px;
}

.reports {
	float:left;
	margin-right:30px;
	width:150px;
	margin-bottom:3px;
}



.push {
	margin-top:25px;
}

.pdf {
	margin-right:20px;
	padding-right:20px;
	background: url(../images/pdf_button.png) top right no-repeat;
}

.lodgingtable {
	line-height:12px;
	border:1px solid #777777;
}

.titlecell {
	font-weight:bold;
	background-color:#e8e8e8;
	border-bottom:1px solid #777777;
	padding:5px;
}

.lodgingtable td {
	padding:5px;
}

.competingteams {
	float:left;
	margin-right:15px;
	width:320px;
	margin-bottom:12px;
	padding-left:35px;
	font-size:11px;
}
/* =FLAGS
- - - - - - - - - - - - - - - - - - - - - */

.albania {
	background: url(../images/flags/albania.gif) top left no-repeat;
}

.australia {
	background: url(../images/flags/australia.gif) top left no-repeat;
}

.azerbaijan {
	background: url(../images/flags/azerbaijan.gif) top left no-repeat;
}

.belarus {
	background: url(../images/flags/belarus.gif) top left no-repeat;
}

.brazil {
	background: url(../images/flags/brazil.gif) top left no-repeat;
}

.canada {
	background: url(../images/flags/canada.gif) top left no-repeat;
}

.china {
	background: url(../images/flags/china.gif) top left no-repeat;
}

.egypt {
	background: url(../images/flags/egypt.gif) top left no-repeat;
}

.el_salvador {
	background: url(../images/flags/el_salvador.gif) top left no-repeat;
}

.france {
	background: url(../images/flags/france.gif) top left no-repeat;
}

.germany {
	background: url(../images/flags/germany.gif) top left no-repeat;
}

.ghana {
	background: url(../images/flags/ghana.gif) top left no-repeat;
}

.guatemala {
	background: url(../images/flags/guatemala.gif) top left no-repeat;
}

.india {
	background: url(../images/flags/india.gif) top left no-repeat;
}

.japan {
	background: url(../images/flags/japan.gif) top left no-repeat;
}

.kazakhstan {
	background: url(../images/flags/kazakhstan.gif) top left no-repeat;
}

.kenya {
	background: url(../images/flags/kenya.gif) top left no-repeat;
}

.korea {
	background: url(../images/flags/korea.gif) top left no-repeat;
}

.kyrgyzstan {
	background: url(../images/flags/kyrgyzstan.gif) top left no-repeat;
}

.lesotho {
	background: url(../images/flags/lesotho.gif) top left no-repeat;
}

.malaysia {
	background: url(../images/flags/malaysia.gif) top left no-repeat;
}

.mexico {
	background: url(../images/flags/mexico.gif) top left no-repeat;
}

.morocco {
	background: url(../images/flags/morocco.gif) top left no-repeat;
}

.netherlands {
	background: url(../images/flags/netherlands.gif) top left no-repeat;
}

.new_zealand {
	background: url(../images/flags/new_zealand.gif) top left no-repeat;
}

.nicaragua {
	background: url(../images/flags/nicaragua.gif) top left no-repeat;
}

.nigeria {
	background: url(../images/flags/nigeria.gif) top left no-repeat;
}

.philippines {
	background: url(../images/flags/philippines.gif) top left no-repeat;
}

.poland {
	background: url(../images/flags/poland.gif) top left no-repeat;
}

.puerto_rico {
	background: url(../images/flags/puerto_rico.gif) top left no-repeat;
}

.russia {
	background: url(../images/flags/russia.gif) top left no-repeat;
}

.senegal {
	background: url(../images/flags/senegal.gif) top left no-repeat;
}

.singapore {
	background: url(../images/flags/singapore.gif) top left no-repeat;
}

.south_africa {
	background: url(../images/flags/south_africa.gif) top left no-repeat;
}

.swaziland {
	background: url(../images/flags/swaziland.gif) top left no-repeat;
}

.sweden {
	background: url(../images/flags/sweden.gif) top left no-repeat;
}

.tajikistan {
	background: url(../images/flags/tajikistan.gif) top left no-repeat;
}

.thailand {
	background: url(../images/flags/thailand.gif) top left no-repeat;
}

.ukraine {
	background: url(../images/flags/ukraine.gif) top left no-repeat;
}

.united_kingdom {
	background: url(../images/flags/united_kingdom.gif) top left no-repeat;
}

.united_states {
	background: url(../images/flags/united_states.gif) top left no-repeat;
}

.zimbabwe {
	background: url(../images/flags/zimbabwe.gif) top left no-repeat;
}

#pastresults table {
	width:440px;
	margin-top:0px;
	padding-top:0px;
	margin-bottom:20px;
}

#pastresults table td {
	padding-top:3px;
	padding-bottom:3px;
}

#pastresults table td.leagues {
	padding-top:10px;
	font-weight:bold;
}

#pastresults table td h4 {
	padding-top:15px;
}

#pastresults table td h4.first {
	padding-top:0px;
}

/** REGBOX2 */

#regbox2 {
	float: left;
	width: 220px;;
}

/** REGBOX3 */

#regbox3 {
	float: left;
	width: 220px;
}

.link3 {
	padding-left: 16px;
	background: url(../images/homepage13.gif) no-repeat left center;
}

.imgleft {
	float:left;
	margin-right:15px;
}

.locationtext {
	color:#98002e;
	font-weight:bold;
	line-height:20px;
}

.comingsoon {
	padding-bottom:180px;
}