/**************************************************************
   AUTHOR:    Webjuice sagl (webjuice.ch) - info@webjuice.ch
   DATE:      2009.01.28
   PURPOSE:   Styles for the layout
   CUSTOMER:  BASKETIAMO CAMP
 **************************************************************/
.width {
	width:936px;
}
.position {
	margin: auto;
}
#topheader {
	height:215px;
	background-image: url(../graphics/camp_topbg.jpg);
	background-repeat:no-repeat;
}
#topheader .banner {
	position:relative;
	width:468px;
	height:60px;
	top: 52px;
	left: 347px;
}
#topheader .banner a:link img, 
#topheader .banner a:visited img {
	border: solid 1px #999999;
}
#topheader .banner a:hover img {
	border-color: #FF9900;
}
#topheader .lang {
	position:relative;
	width:36px;
	height:15px;
	top: -8px;
	left: 870px;
}
#menu {
	height:25px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 16px;
	font-weight: bold; 
	letter-spacing: 0.4px;
	font-weight: normal;
}
#menu a, #menu a:visited {
	color: #000000;
}
#menu a:hover {
	color: #000000;
	background-image:url(../graphics/camp_navhover.jpg);
	background-repeat:repeat-x;
}
#menu ul {
	margin: 0;
	padding: 0;
}
#menu li a,
#menu li a:link,
#menu li a:visited {
	display: block;
	padding-right: 23px;
	padding-left: 20px;	
	text-decoration:none;
}
#menu li {
	float: left;
	list-style: none;
	position: relative;
	border-left: solid 1px #000000;
}
#menu li.first{
	border-left: 0px;
}
#wrapper {
	background-image:url(../graphics/camp_contentbg.jpg);
	background-repeat:repeat-y;
}
#wrapper .topcontent{
	background-image:url(../graphics/camp_contenttop.jpg);
	background-repeat:no-repeat;
	padding-top: 12px;
	min-height: 300px;
}
#wrapper .footer{
	background-image:url(../graphics/camp_contentfooter.jpg);
	background-repeat:no-repeat;
	height: 35px;
}
#wrapper .singlecontent{
	width: 880px;
}
.colon {
	width: 180px;
}
.centercolon {
	width: 552px;
}
#wrapper .topheaderwrapper,
#wrapper .contentwrapper {
	width: 912px;
}
#wrapper .topheaderLeft,
#wrapper .topheader,
#wrapper .topheaderRight {
	height: 185px;
	background-repeat: no-repeat;
}
#wrapper .topheaderLeft {
 background-image: url(../graphics/camp_headerLeft.jpg);
}
#wrapper .topheader {
 background-image: url(../graphics/camp_headerbg.jpg);
 text-align: center;
}
#wrapper .topheaderRight {
 background-image: url(../graphics/camp_headerRight.jpg);
}
#wrapper #White,
#wrapper #Blue,
#wrapper #Red {
	background-repeat: no-repeat;
}
#wrapper .contentLeft .content,
#wrapper .contentRight .content {
	padding: 10px;
}
.detailtext img {
	margin-right: 10px;
	padding: 4px;
	background-color: #BCBCBC;
}
#wrapper #White {
	background-color: #F5F5F5;
}
#wrapper #Blue {
	background-color: #0062AC;
}
#wrapper #Red {
	background-color: #E4312A;
}
#wrapper #Blue .content, 
#wrapper #Red .content {
	color: #FFFFFF;
}
#wrapper .contentLeft #White.Grey {
	background-image: url(../graphics/camp_LeftWhiteGrey.jpg);
}
#wrapper .contentLeft #White.NoHeader {
	background-image: url(../graphics/camp_LeftWhiteNoHeader.jpg);
}
#wrapper .contentLeft #White.Yellow {
	background-image: url(../graphics/camp_LeftWhiteYellow.jpg);
}
#wrapper .contentLeft #White.Blue {
	background-image: url(../graphics/camp_LeftWhiteBlue.jpg);
}
#wrapper .contentLeft #White.Red {
	background-image: url(../graphics/camp_LeftWhiteRed.jpg);
}
#wrapper .contentLeft #Blue.Grey {
	background-image: url(../graphics/camp_LeftBlueGrey.jpg);
}
#wrapper .contentLeft #Blue.Yellow {
	background-image: url(../graphics/camp_LeftBlueYellow.jpg);
}
#wrapper .contentLeft #Red.Grey {
	background-image: url(../graphics/camp_LeftRedGrey.jpg);
}
#wrapper .contentRight #White.Grey {
	background-image: url(../graphics/camp_RightWhiteGrey.jpg);
}
#wrapper .contentRight #White.NoHeader {
	background-image: url(../graphics/camp_RightWhiteNoHeader.jpg);
}
#wrapper .contentRight #Blue.NoHeader {
	background-image: url(../graphics/camp_RightBlueNoHeader.jpg);
}
#wrapper .contentRight #Red.NoHeader {
	background-image: url(../graphics/camp_RightRedNoHeader.jpg);
}
#wrapper .contentRight #White.Yellow {
	background-image: url(../graphics/camp_RightWhiteYellow.jpg);
}
#wrapper .contentRight #White.Blue {
	background-image: url(../graphics/camp_RightWhiteBlue.jpg);
}
#wrapper .contentRight #White.Red {
	background-image: url(../graphics/camp_RightWhiteRed.jpg);
}
#wrapper .contentRight #Blue.Grey {
	background-image: url(../graphics/camp_RightBlueGrey.jpg);
}
#wrapper .contentRight #Blue.Red {
	background-image: url(../graphics/camp_RightBlueRed.jpg);
}
#wrapper .contentRight #Blue.Yellow {
	background-image: url(../graphics/camp_RightBlueYellow.jpg);
}
#wrapper .contentCenter {
	background-image: url(../graphics/camp_centerShadow.jpg);
	background-repeat: repeat-x;
}
#wrapper .contentCenter .content, 
#wrapper .contentCenterNoHeader .content {
	padding: 10px;
}
/**************************************************************
masterContent & detailContent
 **************************************************************/
a.masterContent, a:visited.masterContent {
	text-decoration: none;
	color: #000000;
	padding: 5px;
	margin: 0px;
	margin-bottom: 5px;
	display: block;
	width: 96%;
	border-left: 3px solid transparent;
}
a:hover.masterContent {
	background-color: #EDEDED;
	/*color: #FFFFFF;*/
	border-left: 3px solid #626262;
}
.masterContent img {
	float: left;
	padding: 4px;
	margin-right: 10px;
	background-color: #FFFFFF;
	border: 4px solid #BCBCBC;
}
.masterContent p {
	padding: 0px;
	margin: 0px;
}
a.detailContent, a:visited.detailContent {
	padding: 3px;
	margin: 2px;
}
a:hover.detailContent img {
	border-color: #6B6B6B;
}
.detailContent img {
	border: 4px solid #BCBCBC;
}
/**************************************************************
#credits
 **************************************************************/
#credits .text {
	margin-left: 27px;
}
#credits .text ul {
	padding: 0px;
	margin: 0px;	
}
#credits .text ul li {
	display: inline;
	list-style: none;
}
#credits .text ul li a {
	padding-right: 3px;
	padding-left: 3px;
	font-size: 10px;
	color: #909090;
	border-right: 1px solid #909090;
}
#credits .text ul li a:hover {
	color: #000000;
	background-color: #DD7A00;
}
#credits .text ul li a.first {
	padding-left: 0;
}
#credits .text ul li a.last {
	padding-right: 0;
	border-right: 0;
}
#credits .logo {
	margin-top: 5px;
	margin-right: 27px;
}
/* Generic Display */
.block {
  display: block;
}
.clear {
  clear: both;
}
.marginRight {
  margin-right: 15px;
}
.paddingLeft {
  padding-left: 5px;
}
.paddingRight {
  padding-right: 5px;
}
.floatLeft {
  float: left;
}
.floatRight {
  float: right;
}
.alignLeft {
  text-align: left;
}
.alignRight {
  text-align: right;
}
.alignTop {
  vertical-align: top;
}
.alignMiddle {
  vertical-align: middle;
}
.alignBottom {
  vertical-align: bottom;
}
.alignCenter {
	text-align: center;
}
.hidden {
	visibility: hidden;  
}
a img.border, a:hover img.border,  a:visited img.border {
	border: 4px solid #9D9D9D;
}
.whiteBorderImg img{
	border: 4px solid #FFFFFF;
}
/**************************************************************
   Submenu Styles
 **************************************************************/
ul.submenu1,
ul.submenu2, 
ul.submenu3 {
  margin: 0 0 15px 0;
  padding: 0;
}
ul.submenu1 li,
ul.submenu2 li,
ul.submenu3 li{
  margin: 0;
  padding: 0;
  list-style: none;
  list-style-image: url(foo.gif); /* because IE is balls */
}
ul.submenu1 li a,
ul.submenu2 li a, 
ul.submenu3 li a {
  display: block;
  height: auto !important;
  height: 1%;
  padding: 1px 5px 1px 5px;
}
ul.submenu1 li a {
}
ul.submenu1 a:hover {
  color: #000000;
  background: #FFF1CC;
}
ul.submenu2 li a {
  color: #FFFFFF;
}
ul.submenu2 a:hover {
  color: #000000;
  background: #82CAFF;
}
ul.submenu3 li a {
  color: #FFFFFF;
}
ul.submenu3 a:hover {
  color: #000000;
  background: #F5B5B1;
}

.webcam {
	margin-left:15px; 
	padding-top: 10px;
	width: 140px;
	height: 110px;
	background-image: url(../graphics/webcam.png);
	background-repeat: no-repeat;
	text-align:center;
}
.divsponsors {
	margin-left:12px; 
	padding-top: 10px;
	width: 140px;
	height: 110px;
	background-image: url(../graphics/sponsorsBG.png);
	background-repeat: no-repeat;
	text-align:center;
}