/* How To Master CSS ~ Template Stylesheet 
 * The layout of chapter 17 is used to create the centering effect of the wrapper
 */
body { 
	padding:0px; 
	margin:0px; 
	text-align:center; 
	font-family:Verdana, Arial, Helvetica, sans-serif;
} 
#wrapper { 
	width:770px; 
	margin-left:auto; 
	margin-right:auto; 
	text-align:left; 
	min-height:100%; 
} 
/* commented backslash hack v2 \*/ 
html, body { 
	height:100%; 
} 
* html #wrapper { 
	height:100%; 
}
/* give IE instead of a min-height, this to make 
 * sure the column is stretched when it contains 
 * a lot of text */
#column3 {
	
}
/* end hack */
/* The three columns are floated next to eachother to the left */
.column {
	float:left;
}
#column2 {
	margin-left:5px;
	padding-left:5px;
	border-left:1px dashed #BFBFBF;
}
#column3 {
	border-left:1px dashed #BFBFBF;
	margin-left:5px;
	padding:10px;
	width:303px;
	
	/* Because the third column has a fixed height we set
	 * overflow to auto, this makes a scrollbar appear when there is too 
	 * many text to fit in the div */
	
	font-size:80%;
}
h1 {
	background-color:#6699ff;
	color:white;
	font-size:12px;
	text-align:center;
	font-weight:bold;
	padding:5px;
	margin:0px;
	font-family:verdana;
}
#logo {
	font-family:verdana;
	text-transform:uppercase;
	font-size:20px;
	font-weight:bold;
	color:#6699ff;
	padding:20px;
}
#website_holder {
	width:755px;
	height: 755px;
	border:1px solid #BFBFBF;
	padding:5px;
}
#menu {
	width:120px;
	height:218px;
    background-image:url(../images/ski.gif);
	background-repeat:no-repeat;
	background-position:-9px 1px;
	padding-top:100px;
	padding-left:30px;
}
#menu a{
	color:white;
	display:block;
	background-image:url(../images/menubutton.gif);
	background-repeat:no-repeat;
	padding-left:15px;
	font-size:11px;
	margin-bottom:10px;
	text-transform:lowercase;
	text-decoration:none;
}
#menu a:hover{
	color:#FFF189;
}
.int_bottomleft {
	background-image:url(../images/int_bottomleft.jpg);
	width:148px;
	

	margin-top:10px;
}
#int_largemiddle {
	background-image:url(../images/int_largemiddle.jpg);
	width:230px;

	color: #000000; 
	font-family: verdana; 
	font-size: 12px; 
	line-height : 130%; 
	font-weight: normal; 
	text-decoration: none;
	padding: 10px;
}
#int_large {
	background-image:url(../images/int_largemiddle.jpg);
	width:574px;
    
	color: #000000; 
	font-family: verdana; 
	font-size: 12px; 
	line-height : 130%; 
	font-weight: normal; 
	text-decoration: none;
	padding: 10px;
	
}
#int_bottommiddle {
	background-image:url(../images/int_bottommiddle.jpg);

	width:257px;
	border:1px solid #BFBFBF;
	margin-top:10px;
}
#footer {
	font-size:10px;
	text-align:center;
	padding:5px;
}
 .bodylinks A 	        {font-size:11px; color: #4F86B5; font-family: verdana; font-weight: none; text-decoration: underline;} 
 .bodylinks A:link 	    {font-size:11px; color: #4F86B5; font-family: verdana; font-weight: none; text-decoration: underline;}
 .bodylinks A:visited   {font-size:11px; color: #4F86B5; font-family: verdana; font-weight: none; text-decoration: underline;}
 .bodylinks A:active 	{font-size:11px; color: #4F86B5; font-family: verdana; font-weight: none; text-decoration: underline;}
 .bodylinks A:hover 	{font-size:11px; color: #4F86B5; font-family: verdana; font-weight: none; text-decoration: none;}
 
#form_holder {
   width: 250px;
   margin-top: -10px;
   margin-left: 160px;
   border:1px solid #BFBFBF;
   padding: 20px; 
   }