/*	-------------------------------------------------------------
	Koudounas Ski School Style Sheet
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
	Description:		Global styles
	Filename:				global.css
	Date:					December 30, 2006
	------------------------------------------------------------- */

/*	-------------------------------------------------------------
	Generic Elements
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

body {
	margin: 0px 0px 0px 0px;
	padding: 0px;
	background-color: #fff;
	background: url(../images/pageBack.gif) repeat-x left top;
	color: #000;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
	line-height: 1.4em;
	font-size: 11px; }

a:link, a:visited, a:active {
	background-color: transparent;	
	 }
	 
a {
	color: #003664;
	text-decoration: underline;
}

	
a:hover {
	color: #79ba07;
	text-decoration: none;
 }

a img {
	border:0px;}


.green {
	color: #79ba07;
}

.blue {
	color: #003664;
}


html {
	height: 100%;
	width: 100%;
	margin-bottom: 1px; }

.clear {
	clear: both;
	margin: 0;
	padding: 0;
}

.accesibility {
	display: none;
	visibility: hidden; 
}

/*	-------------------------------------------------------------
	Structure
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

#container {
	margin: 0 auto 0 auto;
	width: 770px;
	text-align: left;
}


/*	-------------------------------------------------------------
	Header
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/


#header {
	float: left;
	width: 770px;
	height: 180px;
	background: url(../images/headerTopBack.gif) no-repeat left top;
}

/*	-------------------------------------------------------------
	Navigation
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

#navigation {
	float: left;
	width: 770px;
	height: 74px;
	background: url(../images/navigationBack.gif) no-repeat 3px top;
	position: relative;
}

	#navigation ul {
		width: 586px;
		height: 48px;
		position: absolute;
		background: url('../images/navBack.gif') no-repeat left	 top;
		bottom: 0px;
		left: 15px;
		list-style: none;
		margin: 0;
		padding: 0;
	}

	#navigation ul li {
		float: left;
	}

		#navigation ul li a {
			float: left;
			padding-top: 9px;
			padding-right: 24px;
			padding-bottom: 3px;
			padding-left: 7px;
			background: url(../images/navArrow.gif) no-repeat right 9px;
		}

		#navigation ul li a:hover {
			background: url(../images/navArrowHover.gif) no-repeat right 9px;
		}

		#navigation ul li a span.home {
			background: url(../images/btn_home.gif) no-repeat left top;
			float: left;
			width: 39px;
			height: 18px;
		}

		#navigation ul li a span.home {
			background: url(../images/btn_home.gif) no-repeat left top;
			float: left;
			width: 39px;
			height: 18px;
		}

		#navigation ul li a span.shop {
			background: url(../images/btn_shop.gif) no-repeat left top;
			float: left;
			width: 57px;
			height: 18px;
		}

		#navigation ul li a span.school {
			background: url(../images/btn_school.gif) no-repeat left top;
			float: left;
			width: 135px;
			height: 18px;
		}

		#navigation ul li a span.area {
			background: url(../images/btn_area.gif) no-repeat left top;
			float: left;
			width: 63px;
			height: 18px;
		}

		#navigation ul li a span.contact {
			background: url(../images/btn_contact.gif) no-repeat left top;
			float: left;
			width: 116px;
			height: 18px;
		}
		
/*	-------------------------------------------------------------
	Content
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

	#contentContainer {
		float: left;
		width: 766px;
		background: url(../images/contentBack.gif) repeat-y 3px top;
	}
		
	#content {
		float: left;
		width: 766px;
		background: url(../images/contentTopBack.gif) no-repeat 3px top;

	}

/*	-------------------------------------------------------------
	LeftCol
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

	#leftCol, #leftCol_n {
		float: left;
		width: 600px;
		padding: 0;
		margin: 0
	}

		#leftCol p {
			margin: 14px 20px 4px 30px;
			float: left;
			display: inline;
			clear: left;
		}

		#leftCol_n p {
			margin: 14px 20px 4px 30px;
			float: left;
			display: inline;
			clear: both;
			width: 540px;
		}


		#leftCol p span.left {
			float: left;
			width: 230px;
			margin-right: 20px;
		}

		#leftCol p span.right {
			float: left;
			width: 260px;
			margin: 0;
		}

		#leftCol p span.left_contact {
			float: left;
			width: 195px;
			padding-right: 50px;
			margin-right: 20px;
			padding-top: 15px;
		}

		#leftCol p span.right_contact {
			float: left;
			width: 270px;
			padding: 15px;
			margin: 0;
			background: url(../images/contactBack.gif) no-repeat left top;
		}

		#leftCol p.image {
			text-align: center;
			width: 500px;
		}

			#leftCol p.image img {
				padding: 	2px;
				border: 2px solid #79ba07;
			}

			#leftCol p.image span {
				color: #79ba07;
				text-align: left;

			}

		#leftCol h1, #leftCol_n h1 {
			background: url(../images/h1Big.gif) no-repeat 10px center;
			margin: 13px 13px 0px 3px;
			padding: 5px 0 5px 50px;
			clear: both;
		}

#leftCol h3, #leftCol_n h3 {
	display: inline;
	font-weight: bold;
	padding: 0;
	color: #003664;
	font-size: 11px;
}



/*	-------------------------------------------------------------
	ShortCuts
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/


#leftCol #shortcuts {
	margin: 24px 0 0 30px;
}

#leftCol #shortcuts .shortcut {
	float: left;
	width: 188px;
	background: url(../images/shortcutBack.gif) no-repeat left top;
	height: 188px;
}

	#leftCol #shortcuts .shortcut img.top {
		margin: 3px 0 0 3px;
	}

	#leftCol #shortcuts .shortcut img.toph {
		margin: 0 0 0 3px;
	}

	#leftCol #shortcuts .shortcut span {
		display: block;
		padding: 10px 15px 15px 10px;
		line-height: 1.2em;
	}

	#leftCol #shortcuts .shortcut span a {
		color: #79ba07;
		font-weight: bold;
	}

		

h2 {
	margin-left: 40px;
	border-bottom: 1px solid #79ba07; 
	float: left;
	padding: 0;
	width: 500px;
	margin-top: 30px;
}

#forecast {
	margin-left: 60px;
}



/*	-------------------------------------------------------------
	RightCol
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

	#rightCol {
		float: left;
		width: 166px;
		padding-top: 40px;
		padding-bottom: 160px;
		background: url(../images/rightColBack.gif) no-repeat center bottom;
	}

		#rightCol div.news2 {
			margin: 8px 18px 20px 8px;
			font-size: 10px;
		}

		#rightCol div.news2 span.date {
			font-weight: bold;
			color: #79ba07;
			font-size: 12px;
		}

		#rightCol div.news2 span.date a {
			text-decoration: none;
		}

		#rightCol div.news2 span.date em {
			background: url(../images/dateBack.gif) no-repeat left top;
			color: white;
			font-style: normal;
			padding: 4px;
		}

		#rightCol div.news2 span.title {
			font-weight: bold;
			margin-top: 8px;
			color: #79ba07;
			display: block;
		}

		#rightCol div.news2 span.title a {
			text-decoration: none;
		}

		#rightCol div.news2 a {
			color: #79ba07;
		}

		#rightCol a:hover {
			text-decoration: underline;
		}

		#rightCol div.news2 p {
			display: inline;
		}
	


/*	-------------------------------------------------------------
	Footer
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/		

	#footer {
		background: url(../images/footerBack.gif) no-repeat 3px top;
		width: 766px;
		float: left;
		padding-top: 170px;
		text-align: center;
		clear: both;
	}
		
		
			
#leftCol input.inputContact {
	width: 246px;
	border: 1px solid black;
}

#leftCol textarea.areaContact {
	width: 246px;
	border: 1px solid black;
}

/*	-------------------------------------------------------------
	Footer
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/		


#alpha {
	float: left;
	width: 310px;
}

	#alpha p {
		margin: 20px 20px 0 25px;
	}

	#alpha p.disc {
		color: #636363;
		font-size: 10px;
		border-top: 1px solid #79ba07;
		padding-top: 10px;
		width: 260px;
	}
	

	#leftCol #alpha ul {
		margin: 20px 20px 0 0px;
		padding: 0 0 0 25px;
		float: left;
	}

	#leftCol #beta ul {
		margin: 0px 20px 0 0px;
		padding: 0;
		float: left;
	}


	#alpha ul li, #beta ul li {
		display: block;
		width: 245px;
		height: 21px;
		float: left;
		background: url(../images/shop_list.gif) no-repeat right -2px;
		margin-bottom: 3px;
		position: relative;

	}

	#alpha ul.blue_list li, #beta ul.blue_list li {
		background: url(../images/shop_list_blue.gif) no-repeat right top;
	}

	#alpha ul.blue_list li span, #beta ul.blue_list li span {
		display: block;
		color: white;
		width: 25px;
		text-align: center;
		position: absolute;
		right: 5px;	
		top: 2px;
	}

	#alpha ul li span, #beta ul li span {
		display: block;
		color: white;
		width: 25px;
		text-align: center;
		position: absolute;
		right: 5px;	
		top: 0px;
	}

	#alpha #lost {
	margin: 20px 20px 0 25px;
	padding: 0;
	font-size: 11px;
	float: left;
	color: #636363;
}

	#alpha #lost td {
			padding:  0 15px 0 0;
		}
	
	
#beta {
	float: left;
	width: 290px;
	margin-top: 20px;
}

	#beta p {
		margin: 20px 20px 20px 0px;
	}
		


#leftCol #teachers {
	margin: 20px 20px 20px 30px;
	clear: both;
	float: left;
	display: inline;
}

#leftCol #teachers .bioCont {
	float: left;
	width: 500px;
	margin: 0px 0 20px 0;
}

#leftCol #teachers .fwto {
	width: 125px;
	float: left;
}

	#leftCol #teachers .bio {
	width: 375px;
	float: left;
}

#leftCol #teachers ul {
	margin: 0;
	padding: 0;
	float: left;
	clear: both;
	width: 500px;
}

#leftCol #teachers ul li {
	list-style: none;
	float: left;
	width: 125px;
	margin: 0;
	padding: 0;
	height: 160px;
}

#leftCol #teachers ul li img {
	display: block;
	float: left;
}

#leftCol ul.links li {
	background: none;
}

#leftCol ul.links li.title {
	
	font-weight: bold;
	color: #003664;
	font-size: 11px;
}
	
#leftCol p.contact_p {
	
}

#leftCol p.contact_form {
	background: url(../images/contactBack.gif) no-repeat left top;
	padding: 10px;
}

#leftCol p span.title {
	font-weight: bold;
	padding: 0;
	color: #003664;
	font-size: 11px;
}

#leftCol span.area_img {
	float: right;
	display: block;
	margin-right: 5px;
	margin-left: 10px;
}

#leftCol p.area {
	display: inline;
	float: left;
	width: 550px;
}

#leftCol p.area strong {
	display: block;
	margin: 0 0 10px 0;
}

#leftCol p.archive,#leftCol_n p.archive {
	margin-bottom: 10px;
	width: 500px;
	margin-top: 10px;
}

#leftCol ul.old, #leftCol ul.old_entry, #leftCol_n ul.old, #leftCol_n ul.old_entry {
	float: left;
	list-style: none;
	clear: both;
	margin: 0px 0 10px 30px;
	padding: 0;
	width: 500px;
}

#leftCol ul.old li, #leftCol_n ul.old li {
	background: url(../images/arrow.gif) no-repeat left 4px;
	padding-left: 13px;
}

#leftCol ul.old_entry li, #leftCol_n ul.old_entry li {
	background: url(../images/arrow_entry.gif) no-repeat left 4px;
	padding-left: 13px;
}


#leftCol h4, #leftCol_n h4 {
	margin-left: 30px;
	font-size: 16px;
	border-bottom: 1px solid #79ba07;
	padding: 0;
	margin-top: 30px;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	color: #003664;
	padding-bottom: 2px;
	clear: both;
	margin-bottom: 3px;
	width: 500px;
}