/* Global Resetting */

html{	
	width: 100%;
	height: 100%;
	background-color: #fefefe;
	font-family:arial,helvetica,sans-serif;
}

body {
	width: 100%;
	height: 100%;
}

* {
	font-size: 1em;
	padding: 0;
	margin: 0;
	font-family:Arial,Helvetica,sans-serif;
	list-style:none;
}

a img{
	border:0;
}

.clear{
	clear:both;
}



/* Layout CSS */

div#Main {
	margin:0 auto 20px auto; width:960px; position: relative;background-color: #fff;/*border:1px solid #dedede;*/
	border-radius:1px 1px 15px 15px; -moz-border-radius:1px 1px 15px 15px; -webkit-border-radius:1px 1px 15px 15px;

	 box-shadow:0 5px 2px 5px #eee; -moz-box-shadow: 0 5px 2px 5px #eee; -webkit-box-shadow: 0 5px 2px 5px #eee;}

div#Header {height: 138px; clear:left; width: 100%;}

	div#brandDetails {width: 670px; height: 110px; border-top:5px solid #a39161; border-radius:0px 10px 0px 0px; -moz-border-radius:0px 10px 0px 0px; -webkit-border-radius:0px 10px 0px 0px;}

	div#logout, div#login {background-color:#fff; color: #a39161; border-bottom: 5px solid #a39161; height: 20px; text-align: center; position: absolute; top: 5px; left: 670px; font-size: 1.4em; padding: 0 10px; width: 265px;

	border-radius:0px 0px 10px 10px; -moz-border-radius:0px 0px 10px 10px; -webkit-border-radius:0px 0px 10px 10px;

	/* For WebKit (Safari, Google Chrome etc) */

		background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#e2d8be));

		/* For Mozilla/Gecko (Firefox etc) */

		background: -moz-linear-gradient(top, #fff, #e2d8be);

		/* For Internet Explorer 5.5 - 7 */

		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#FFffffff, endColorstr=#FFe2d8be);

		/* For Internet Explorer 8 */

		-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#FFffffff, endColorstr=#FFe2d8be)";

	}

	div#logout a, div#login a {color: #005daa;}	

	

	#Header form {float:right; width:200px; margin: 10px 0 0 10px; position: absolute; top: 142px; right: 0px;}

		#Header form * {display:inline !important;}

			#Header fieldset {border: none;}

			#Header form div {}

				#Header form input.text {width:150px; color:#000; background:#f0f0f0; border:1px solid #aaa; padding:0.3em; font-size: 1.2em;}

				#Header form input.action {font-weight:bold; font-size: 1.2em; background-color: #0065a4; color: #e2d8be; text-transform: uppercase; padding: 0.3em; text-shadow: 1px 1px 1px #555;border:0px solid #ffffff;  border-radius:3px 3px 3px 3px; -moz-border-radius:3px 3px 3px 3px; -webkit-border-radius:3px 3px 3px 3px; cursor:pointer;}

				#Header form input.action:hover {cursor:pointer; position:relative; top:1px; margin-left: 1px;background-color: #808383;}

				

	#Header img#logo {float:left; margin: 10px 0 0px 10px;}

	

	#Header div#titleDetails {float: left; width: 535px; margin-top: 20px;}

		#Header div#titleDetails h1 {color:#005daa; padding-left:20px; text-transform: uppercase; font-size: 3em; line-height: 1.4em; font-weight: normal; font-family: Lucida Grande,'PT Serif', Serif;}

		#Header div#titleDetails p {float:left; color: #a39161; font-size: 2em;padding-left:20px; font-family: Lucida Grande,'PT Serif', Serif;}

	

div#Navigation {z-index: 1000!important; /*position: absolute; top: 392px;*/margin-top:8px; clear: both; width: 100%;border-bottom: 1px solid #e2d8be; /*background-color: #414141;*/}

/* see ddsmoothmenu.css for menu styles */

div#Banner {

	/* See bannerSlideShow.css */

}



div#ContentContainer {

	padding-top:20px;

	padding-bottom:20px;

	/*overflow: hidden;*/

}



div#SideBar {width:240px; float: left; min-height: 40px;}

	/* See sideLinks.css */

div#RightSideBar {width: 203px; margin-left: 10px; float: left;}

	/* See sideLinks.css */

	div#RightSideBar img {margin: 0 0 10px 10px;}

	

div#ClubInfo {width: 470px; background-color: #eee; border: 1px solid #a39161; margin-bottom: 30px;}

	div#PresSecr {float:left; width: 30%; padding: 2.5%;}

	div#MeetGreet {float: left; width: 60%; padding: 2.5%;}





#Content {

	float: left;

	margin: 0px 10px;

	width:475px;

}



div.breadcrumbs {

	margin-bottom:10px;

	font-size:1em;

	color:#666;

}

div.breadcrumbs a {

	text-decoration:none;

}



div#Footer {

	clear:both;

	text-align:left;

	padding: 10px 0;

	border-top:0;

	margin-top: 30px;

}

	#Footer span {

		color:#ccc;

		font-size:1.1em;

		line-height:2em;

		font-weight:bold;

		padding-left:20px;

		background:url(../images/ss_logo.gif) no-repeat;

	}

	#Footer a {

		color:#fff;

	}

		#Footer a:hover {

			text-decoration:none;

		}

	

	div#Sponsors {

		padding: 5px 20px 0 20px; float: left; margin-left: 3px; width: 240px;

		border-top: 5px solid #a39161; border-radius:10px 10px 0px 0px; -moz-border-radius:10px 10px 0px 0px; -webkit-border-radius:10px 10px 0px 0px;

		/* For WebKit (Safari, Google Chrome etc) */

		background: -webkit-gradient(linear, left top, left bottom, from(#e2d8be), to(#fff));

		/* For Mozilla/Gecko (Firefox etc) */

		background: -moz-linear-gradient(top, #e2d8be, #fff);

		/* For Internet Explorer 5.5 - 7 */

		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#FFe2d8be, endColorstr=#FFffffff);

		/* For Internet Explorer 8 */

		-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#FFe2d8be, endColorstr=#FFffffff)";

	}

		#Sponsors p {font-size: 1.4em; color: #a39161;}

		

	div.shadow {

	width: 670px; height:25px;  margin-left: 282px;

	border-bottom: 5px solid #a39161; border-radius:0 0 0 10px; -moz-border-radius:0 0 0 10px; -webkit-border-radius:0 0 0 10px;

	}

		

	div#sponsorList {

		clear: both; padding: 0 2em 2em 2em; margin-top: 2em;

	}

		div#sponsorList a {margin:0 5px;}



	

	

	



/* The rest of this file is for the second tutorial */

#NewsList,

#StaffList {

	background:#f0f0f0;

	border:1px dotted #ccc;

	padding:10px;

}



#NewsList li,

#StaffList li {

	margin: 0;

	list-style-type: none;

}

	#NewsList li.newsDateTitle span {

		color:#666;

		line-height:2em;

	}

	#NewsList li.newsDateTitle a {

		font-size:1.3em;

		font-weight:bold;

		color:#0083C8;

		text-decoration:none;

		padding-left:20px;

		background:url(../images/treeicons/news-file.gif) no-repeat left center;

	}

		#NewsList li.newsDateTitle a:hover {

			border-bottom:1px dotted #0083C8;

		}

		

	#NewsList li.newsSummary {

		margin-bottom:20px;

	}

		#NewsList li.newsSummary span {

			font-size:1.1em;

			line-height:1.5em;

			color:#333;

		}

		#NewsList li.newsSummary a.readMoreLink {

			color:#0083C8;

			text-decoration:none;

		}

			#NewsList li.newsSummary a.readMoreLink:hover {

				border-bottom:1px dotted #0083C8;

			}



div.newsDetails {

	margin-bottom:10px;

}



div.newsDetails p {

	color:#666;

	margin:0;

	font-size:1em;

}



div.pageComments {

	background:#f0f0f0;

	border:1px dotted #ccc;

	padding:10px;

}



#StaffList .staffname { 

	clear: both;

	padding-left: 60px;

	height: 1.2em;

}



#StaffList .staffphoto {

	float: left;

	margin-left: 3px;

	margin-top: -1.2em;

}     

#StaffList .staffphoto img {

	border:1px solid #AAA;

}



#StaffList .staffdescription {

	margin-left: 60px;

	margin-bottom:30px;

}



#StaffPhoto {

	float: left;

	margin-right: 10px;

}



#StaffPhoto img {

	border:1px solid #AAA;

}



#PageComments {

	list-style:none;

	background:#e9e9e9;

	border:1px solid #ccc;

	border-bottom:0;

	padding:0;

	margin:0;

}

	#PageComments li {

		list-style:none;

		padding:5px;

		margin:0;

		font-size:1em;

		border-bottom:1px dotted #bbb;

	}

		#PageComments li p span {

			font-style:italic;

		}

		#PageComments a.deletelink {

			font-weight:bold;

		}



			

#PageNumbers {
	font-weight:bold;
	color:#333;
	font-size:1.1em;
	text-align:center;
	padding:5px;
	border:1px solid #ddd;
	background:#e9e9e9;
}

#PageNumbers * {

	padding:0 5px;

	line-height:1.5em;

}

#PageNumbers a {

	color:#0083C8;

	text-decoration:none;

}

	#PageNumbers a:hover {

		text-decoration:underline;

	}









.searchResults h2 {

    font-size:2.2em;

    font-weight:normal;

    color:#0083C8;

    margin-bottom:15px;

}

.searchResults p.searchQuery {

    color:#333;

    margin-bottom:10px;

}



.searchResults ul#SearchResults li {
    margin-bottom:20px;
}

ul#SearchResults p {
	color:#333;
	font-size:1.1em;
	font-weight:normal;
	line-height:2em;
}

    ul#SearchResults a.searchResultHeader {

        font-size:1.3em;

        font-weight:bold;

        color:#0083C8;

        text-decoration:none;

        margin:20px 0 8px 0;

        padding-left:20px;

        background:url(../images/treeicons/search-file.gif) no-repeat left center;

    }

        ul#SearchResults a {

            text-decoration:none;

            color:#0083C8;

        }

        ul#SearchResults a:hover {

        border-bottom:1px dotted #0083C8;

        }

.flexslider{
	border: 0!important;
	margin: 0!important;
}