/*
		Styles for Swiss Club
*/


/* 'Global' Styles */
	body {
		background-color: #fff;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 62.5%;
		color: #666;
		padding: 0px;
	}
	
	img {
		border: none;
	}

	.red { color: #993300; }
	
	.blue { color: #0000ff; }
	
	a { color: #993300; }
	a:hover { color: #660000; text-decoration: none; }
	
	ul {
	}
	
	li { }


/*	Major Div Areas */

	#main {
		/* The big container with the drop shadow */
		width: 790px;
		/*height: 700px;*/
		margin: 0 auto;
		background-image: url('images/drop_shadow.png');
		background-repeat: repeat-y;
		background-position: center;
	}
	
	#main_content {
		/* The Little container with the border */
		/*border: 1px solid #fff;*/
		width: 766px;
		height: 100%;
		margin: 0 auto;
		border-left: 1px solid #f6f6f6;
		border-right: 1px solid #f6f6f6;
		font-size: 1.1em;
	}
	
	
	
	#title {
		background-image: url('images/banner.gif');
		background-repeat: no-repeat;
		background-position: center;
		background-color: #fff;
		height: 285px;
	}
		/* The Navigation bar is inside the Title section */
		
		#navigation {
			width: 166px;
			height: 100%;
			margin-left: 60px;
			text-align: center;
			/*background-color: #00f;*/
			border-left: 1px solid #ccc;
			border-right: 1px solid #ccc;
		}
			#navigation #logo {
				background-color: #fff;
			}
			
			#navigation ul {
				list-style: none;
				margin: 0px;
				padding: 0px;
			}
			
			#navigation .white {
				background-image: url('images/white_trans.png');
				width: 100%;
				margin: 1px 0px 1px 0px;
				height: 21px;
				padding: 6px 0px 0px 0px;
			}
				#navigation .white a 
				{ 
					color: #000; 
					text-decoration: underline;
					font-family: Garamond, Georgia, "Trebuchet MS", Verdana;
					font-weight: bold;
					font-size: 1.1em;
				}
				
				#navigation .white a:hover, #navigation .white a .rollover { color: #993300; text-decoration: none; }
			
			#navigation .red {
				background-image: url('images/red_contact.gif');
				width: 100%;
				margin: 1px 0px 1px 0px;
				height: 21px;
				padding: 6px 0px 0px 0px;
			}
				#navigation .red a 
				{ 
					color: #fff; 
					text-decoration: underline;
					font-family: Garamond, Georgia, "Trebuchet MS", Verdana;
					font-weight: bold;
					font-size: 1.1em;
				}
				
				#navigation .red a:hover { color: #fff; text-decoration: none; }
			
			/* The fancy flyout CSS tricks */
			#navigation ul, ul li, ul ul {
				margin: 0;
				padding: 0;
			}
			
			#navigation ul { z-index: 1000; }
			#navigation li { cursor: pointer; position: relative; }
			
			#navigation ul ul {
				z-index: 1020;
				cursor: default;
				position: absolute;
				left: -200em;
				top: 0;
				border-top: 3px solid #993300;
				border-bottom: 3px solid #993300;
			}
			
			#navigation ul ul {
				margin: -0.5em 0 0 7.7em;
			}
			
			/* Browser Hacks */
			
			@media screen, projection {
				* html #navigation ul li {
					display: inline;
					f\loat: left;
				}
			}
			
			* html ul li { position: static; }
			* html ul a:link, * html ul a:visited { position: relative; }
			
			#navigation ul li ul .white, #navigation ul li ul .red { width: 170px; }
			
			#logout {
				float: right;
				padding-right: 20px;
			}
			
			#logout a {
				color: #993300;
				font-size: 1.4em;
				font-weight: bold;
			}
	
	#article {
		background-color: #fff;
		height: 100%;
		margin-top: 10px;
		border-top: 1px solid #d6d5c5;
		padding: 10px;
	}
	
	#footer {
		background-image: url('images/footer_break.gif');
		background-position: top center;
		background-repeat: no-repeat;
		background-color: #fff;
		margin-top: 20px;
		padding-top: 35px;
		text-align: center;
		font-size: 1.0em;
		color: #ccc;
	}
		#footer a {
			color: #ccc;
			text-decoration: none;
		}
		
		#footer a:hover {
			color: #993300;
		}
	
		#footer .links {
			font-size: 1.1em;
			font-weight: bold;
			margin-top: 20px;
		}
		
			#footer .links a { color: #999; text-decoration: none; }
			#footer .links a:hover { color: #993300; }
			
			#footer .links img { vertical-align: text-bottom; margin-left: 5px; margin-right: 5px; }


/*
	'Article' Styles (the main content area)
*/

	#article h1, #article h2 {
		font-family: Garamond, Georgia, "Trebuchet MS", Verdana;
		font-weight: bold;
		font-size: 1.7em;
		color: #993300;
		margin: 0px 0px 20px 0px;
		width: 470px;
		border-bottom: 5px solid #fbfbfb;
	}
	
	#article h2 {
		margin-bottom: 5px;
		margin-top: 5px;
	}
	
	/*
		Paragraph Styles
	*/
		.item_title {
			color: #993300;
			font-size: 1.6em;
		}
		
		cite {
			color: #999;
			font-size: 1em;
		}
		
		/* Straight Text */
		
		#article p {
			
		}
		
		.image {
			text-align: center;
		}
		
		.form .image {
			text-align: left;
		}
		
		/* Image on the left */
		
		#article .p_image_left {
			/* Container */
			margin: 20px 0px 30px 0px;
		}
			#article .p_image_left .image {
				width: 200px;
				float: left;
			}
			
			#article .p_image_left .text {
				width: 545px;
				float: right;
			}
			
			
			
		/* Image on the right */
		
		#article .p_image_right {
			/* Container */
			margin: 20px 0px 30px 0px;
		}
			#article .p_image_right .image {
				width: 200px;
				float: right;
			}
			
			#article .p_image_right .text {
				width: 545px;
				float: left;
			}
			
		/* Image on the left and right */
		
		#article .p_image_leftandright {
			/* Container */
			margin: 20px 0px 30px 0px;
		}
			#article .p_image_leftandright .image {
				width: 200px;
				float: left;
			}
			
			#article .p_image_leftandright .text {
				width: 345px;
				float: left;
			}
			
			#article .p_image_leftandright .image_r {
				width: 200px;
				float: right;
				text-align: right;
			}
		
		/* News Paragraphs */
		
		.p_news {
			margin: 20px 0px 30px 0px;
		}
			.p_news .image {
				width: 100px;
				float: left;
			}
			
			.p_news img.slice {
				margin-left: -15px;
			}
			
			.p_news .text {
				width: 645px;
				float: right;
			}
			
			.p_news .bookBox {
				background-image: url('images/tile_button.gif');
				background-repeat: repeat-x;
				float: right;
				display: table-row;
			}
			
			.p_news .bookBox div {
				display: table-cell; 
				vertical-align: middle;
				height: 40px;
				*margin-top: 8px;
			}
			
			.p_news .bookBox a {
				text-decoration: none;
				color: #fff;
				font-size: 1.6em;
				text-align: center;
				padding: 0 8px 0 8px;
			}
			
			.p_news .bookBox a:hover {
				text-decoration: underline;
			}
			
	
		/* Separator */
		
		#article .clear {
			clear: both;
		}
		
		/* Controls Section */
		.controls {
			float: right;
		}
		
		.controls span {
			background-color: #eee;
			border: 1px solid #eee;
			margin-left: 10px;
			padding: 3px;
			cursor: pointer;
		}
		
		.controls span:hover {
			background-color: #fff;
			border: 1px solid #eee;
		}
		
		.controls img {
			position: relative;
			top: 3px;
		}
		
		/* The Add Paragraph Button. Sort of a control */
		
		.addpbutton_container {
			text-align: center;
			margin-top: 30px;
		}
		
		.addpbutton {
			font-size: 1.4em;
			background-color: #eee;
			border: 1px solid #eee;
			padding: 3px;
			cursor: pointer;
		}
		
		.addpbutton:hover {
			background-color: #fff;
			border: 1px solid #eee;
		}
		
		.addpbutton img {
			position: relative;
			top: 3px;
		}
	
		/* Style Choice Rules */
		
		.style_choice {
			text-align: center;
			border-top: 1px dashed #eee;
			border-bottom: 1px dashed #eee;
			padding: 4px;
			cursor: pointer;
		}
		
		.style_choice .style {
			float: left;
			width: 172px;
			margin-right: 7px;
		}
		
		/* Form Styles */
		
		.form {
			border-top: 1px solid #ccc;
			border-bottom: 1px solid #ccc;
			margin-top: 20px;
			padding: 5px 0px 5px 0px;
		}
		
		 .file, .input_text, .textarea {
			border: 1px solid #ccc;
			font-size: 11px;
			margin-top: 3px;
		}
		
		.file, .input_text {
			width: 160px;
		}
		
		.input_text {
			padding: 5px;
		}
		
		.p_image_left .text label {
			margin-left: 40px;
		}
		
		label {
			color: #993300;
		}
		
		.p_image_left .textarea {
			/* We have a margin so the upload box is clear in Firefox */
			margin-left: 40px;
		}
		
		.textarea {
			width: 490px;
			height: 200px;
			padding: 5px;
			font-family: Verdana, Arial, Helvetica, sans-serif;
		}
		
		.submit {
			width: 150px;
			position: relative;
		}
		
		.text .file {
			margin-right: 100px;
		}
			
			
		.p_image {
			text-align: center;
		}
		
		.p_image .file {
			position: relative;
			left: 50px;
			width: 200px;
		}
		
		.p_image .input_text {
			width: 200px;
			margin-bottom: 20px;
		}
		
		
		.p_image_left .text .input_text {
			width: 490px;
			margin-left: 40px;
		}
		
		.p_image_left select {
			width: 180px;
			border: 1px solid #ccc;
			margin-top: 3px;
		}
		
		
		#login .input_text {
			width: 200px;
			margin-top: 5px;
			margin-bottom: 10px;
		}
		
		#login .input_submit {
			width: 100px;
			position: relative;
			left: 100px;
			top: 0px;
		}
		
		#login fieldset {
			width: 350px;
			border: 1px solid #ccc;
			padding: 10px;
			margin-bottom: 10px;
		}
		
		#login label {
			margin-left: 0;
		}
			
	
	/*
		Special Paragraph styles
	*/
	
	
	#p_sp1 {
		margin: 10px 0px 30px 0px;
		padding-left: 10px;
	}
	
	
		#p_sp1 table {
			width: 600px;
			margin: 0 auto;
			border: 1px solid #ccc;
			margin-top: 10px;
			padding: 0;
		}
		
		#p_sp1 table td {
			text-align: center;
			margin: 0;
			padding: 0;
			width: 200px;
		}
		
		table th {
			background-color: #993300;
			color: #fff;
			padding: 3px;
		}
		
		.grey {
			background-color: #f0f0f0;
		}
	
	
	
	#p_sp2 {
		margin: 10px 0px 30px 0px;
	}
	
		#p_sp2 table {
			width: 100%;
			margin: 0 auto;
			border: 1px solid #ccc;
			margin-top: 10px;
			margin-bottom: 5px;
			padding: 0;
		}
		
		#p_sp2 table td {
			text-align: left;
			padding: 3px 3px 3px 20px;
		}
		
		#p_sp2 .border {
			border-bottom: 1px solid #f0f0f0;
		}
		
		#p_sp2 .time_border {
			text-align: center;
			padding: 3px;
			border-bottom: 1px solid #f0f0f0;
		}
	
		#p_sp2 .time {
			text-align: center;
			padding: 3px;
		}
	
	
	#p_sp3{
		margin: 10px 0px 30px 0px;
		padding-left: 10px;
	}
	
	
		#p_sp3 table {
			width: 400px;
			margin: 0 auto;
			border: 1px solid #ccc;
			margin-top: 10px;
			padding: 0;
		}
		
		#p_sp3 table td {
			text-align: center;
			margin: 0;
			padding: 0;
			width: 200px;
		}


	#p_sp4 {
		margin: 10px 0px 30px 0px;
		padding-left: 10px;
	}
	
	
		#p_sp4 table {
			width: 600px;
			margin: 0 auto;
			border: 1px solid #ccc;
			margin-top: 10px;
			padding: 0;
		}
		
		#p_sp4 table td {
			text-align: center;
			margin: 0;
			padding: 4px;
			line-height: 2em;
		}
		
		#p_sp4 .type {
			text-align: left;
			width: 300px;
		}
		
	#p_sp5 {
		margin: 10px 0px 30px 0px;
		padding-left: 10px;
	}
	
	
		#p_sp5 table {
			width: 600px;
			margin: 0 auto;
			border: 1px solid #ccc;
			margin-top: 10px;
			padding: 0;
		}
		
		#p_sp5 table td {
			text-align: center;
			margin: 0;
			padding: 4px;
			line-height: 2em;
		}
		
		
	#p_sp6 fieldset {
		margin-top: 10px;
		margin-left: 50px;
		border: 1px dotted #ddd;
		width: 500px;
		padding: 10px 5px 10px 5px;
	}
		#p_sp6 .fieldset_submit {
			text-align: right;
		}
	
		#p_sp6 label {
			display: block;
		}
		
		#p_sp6 .inputtext {
			margin-bottom: 20px;
			margin-top: 4px;
			margin-left: 20px;
			padding: 4px;
			border: 1px solid #ccc;
			width: 300px;
			font-family: 'Verdana', 'Arial', 'Sans-Serif';
			font-size: 1.1em;
		}
		
		#p_sp6 textarea {
			width: 460px;
			height: 150px;
			border: 1px solid #ccc;
			margin-left: 20px;
			font-family: 'Verdana', 'Arial', 'Sans-Serif';
			font-size: 1.1em;
			padding: 3px;
			margin-top: 4px;
		}
		
		#p_sp6 .input_submit {
			width: 200px;
			border-top: 1px solid #993300;
			border-left: 1px solid #993300;
			border-right: 2px solid #993300;
			border-bottom: 2px solid #993300;
			margin-right: 20px;
			padding: 3px;
			background-color: #fafafa;
			cursor: pointer;
		}
		
	/*
		Other Styles
	*/
	
		#upload_pdf {
			border: 1px solid #ccc;
			margin-top: 10px;
			margin-bottom: 10px;
			padding: 10px;
			text-align: center;
			width: 50%;
			margin: 10px auto 30px auto;
		}
		
		#upload_pdf .input_submit {
			width: 100px;
		}
		
		.files {
			width: 70%;
			background-color: #f0f0f0;
			padding: 3px;
			text-align: center;
			margin: 0 auto 3px auto;
			margin-bottom: 3px;
		}
		
		.files a {
			margin-right: 40px;
		}
		
		.upload_message {
			width: 90%;
			background-color: #f0f0cf;
			color: #993300;
			padding: 5px;
			margin: 10px auto 10px auto;
			text-align: center;
		}
		
		blockquote {
			background-color: #f3f3ff;
			/*border-bottom: 1px solid #ddd;*/
			border-left: 3px solid #ddd;
			padding: 5px 5px 5px 10px;
		}
	
	/*
		Past Events Styles
	*/
	
	.p_pastevent {
		width: 95%;
		margin: 0 auto 40px auto;
	}
		.p_pastevent .title {
			font-size: 1.6em;
		}
		
		.p_pastevent .date {
			display: block;
			padding-left: 10px;
			font-style: italic;
		}
		
		.p_pastevent .description {
			margin-top: 10px;
			margin-bottom: 10px;
		}
		
		.p_pastevent .images {
			text-align: center;
		}
		
		.p_pastevent .images img {
			margin: 0px 5px 0px 5px;
		}
		
		.p_pastevent .images a {
			text-decoration: none;
		}