/*----------------------------------------------------------
The base color for this template is #5c87b2. If you'd like
to use a different color start by replacing all instances of
#5c87b2 with your new color.
----------------------------------------------------------*/
/* #EEE; /* menu background */
/* #e8eef4; /* old light blue-gray */
/* #9CC7F2; /* blue-gray */
/* #5c87b2; /* dunkel-blau-grau */
/* #3c6792; /* old extra-dunkel-blau-grau */
/* #555; /* default text */
/* #928f84; /* medium beige (thumbnail frame)*/
/* #a90505; /* Red Error Message */
/* #95aabf; /* light blue-gray */
/* #557ba1; /* dark blue-gray */
/* #556a7f; /* dark blue */
/* #4476a7; /* dark blue left column */
/* #355b81; /* extra dark blue-gray */
/* #0b4e91; /* blue background */

body
{
    background-color: #0b4e91; /* blue background - same as in header */
    font-size: 12px;
    font-family: Verdana, Helvetica, Sans-Serif;
    line-height: 1.7em;
    margin: 0;
    padding: 0;
    color: #555; /* default text */
}

a, a:link
{
    color: #556a7f; /* dark blue */
    text-decoration: underline;
}
a:visited
{
    color: #354a5f; /* darker than dark blue-gray */
}
a:hover
{
    color:  #95aabf; /* light blue-gray */
    text-decoration: none;
}
a:active
{
    color: #95aabf; /* light blue-gray */
}

p, ul
{
    margin:0;
	padding: 0;
	margin-top: 0.2em;
	margin-bottom: 1.5em;
}
ul
{
	margin-left: 2em;
}

/* HEADINGS   
----------------------------------------------------------*/
h1, h2, h3, h4, h5, h6
{
    color: #666;
    font-family: Verdana, Arial, sans-serif;
    padding: 0;
    margin: 0;
}

h1
{
    font-size: 1.8em;
    margin: 0 0 1.2em 0;
}
h2
{
	font-size: 1.6em;
    margin: 0 0 0.8em 0;
}
h3
{
    font-size: 1.3em;
    color: #557ba1; /* dark blue-gray */
    margin: 1.3em 0 0.5em 0;
}
	h3 a
	{
		text-decoration: none;
		color: #557ba1; /* dark blue-gray */
		font-weight: inherit;
	}
h4 /* used for USAGliderAds */
{
    font-size: 1.2em;
    margin: 1.1em 0 0.4em 0;
}
h5
{
	color: #556a7f; /* dark blue */
	font-weight: normal;
	font-size: 1em; /* 0.9em; */
	text-transform: uppercase;
	margin: 0.7em 0 0.2em; /* 0.2em; */
}
h6 /* used for USAGliderAds */
{
    font-size: 1em;
    color: #556a7f; /* dark blue */
    margin-top: 0.2em;
}

/* this rule styles <h2> tags that are the 
first child of the left and right table columns */
.rightColumn > h1, .rightColumn > h2, .leftColumn > h1, .leftColumn > h2
{
    margin-top: 0;
}

/* PRIMARY LAYOUT ELEMENTS   
----------------------------------------------------------*/

/* you can specify a greater or lesser percentage for the 
page width. Or, you can specify an exact pixel width. */
div#bodyDiv
{
	 width: 916px;
	 background-image: url("RoundedCornerSideBorder.gif");
	 margin: 1em auto 0;
}
.page
{
	position: relative;
    width: 910px; /* 916 - 6; 3 px each side for border from bodyDiv background image */
    margin: 0 auto;
}

#header
{
	position: relative;
	background-color: #0b4e91; /* blue background, same as in body */
    background-image: url("SoaringHeader.png");
    height: 123px;
}	
	div#header span  /* for LogIn / Register */
	{
		position: absolute;
		top: 81px;
		right: 32px;
		font-size: 1em;
		font-weight: bold;
		padding: 1em;
		color: #333;
	}
	div#header span a, div#header span a:visited
	{
		color: #333;
	}
	div#header span a:active, div#header span a:hover 
	{
		color: #555;
	}
	
div#topMenuBackground
{
	position: relative;
	/* text-align: center; */
	background-color: #EEE; /* menu background */
	border-top: solid 1px #9fb9d1;
	border-bottom: solid 1px #bbccdc;
	line-height: normal;
}
#topMenuBackground img /* glider */
	{
		position: absolute;
		top: -108px;
		left: -45px; 
		z-index: 10; /* important! - to be in front of topMenuBackground but behind topMenuDiv */
	}
	#TopMenuDiv
	{
	}	
#main
{
}
#SideColumn
{
	width: 239px;
	padding: 10px 0 10px; /* 2px like #MainPadding below */
	border-right: solid 1px #EEE;
	color: #6c97c2; /* lighter than dark-blau-grau */
	float: left;
	clear: left; /* because of menu */
	line-height: 1.9em;
}
	#SideColumn a
	{
		color: #556a7f; /* dark blue */
		padding: 0.2em 0.3em;
	}
	#SideColumn a:hover
	{	
		background: #EAEAEA;
		text-decoration: none;
	}

	
div.linkGroup
{
	background-color: #4476a7; /* dark blue left column */
	color: #EEE; 
	padding: 0 0.2em 0 0.4em;
	line-height: 1.6em;
	text-transform: uppercase;
	margin: 1.5em 0 0.2em;
}
	div.linkGroup#firstLink
	{
		margin-top: 0.1em;
	}
#MainColumn
{
	width: 650px;
	float: right;
}
#SidePadding
{
	padding: 20px 25px 15px 25px;
}
#MainPadding
{
	padding: 30px 40px 15px 5px;
}

#footer
{
    padding: 10px 0;
    text-align: center;
    line-height: normal;
    margin: 1.5em 0 0;
    font-size: .9em;
}
    .copyright
    {
        color: #999;
        margin-right: 2em;
    }


/* ======= SHARED CLASSES ======= */

table 
{
  border: solid 1px #e8eef4;
  border-collapse: collapse;
}
	table td 
	{
	  padding: 5px;   
	  border: solid 1px #e8eef4;
	}
	table th
	{
	  padding: 5px 6px;
	  text-align: left;
	  background-color: #e8eef4; 
	  border: solid 1px #e8eef4;   
	}
	table.noBorder
	{
		border: none; 
	}
	table.noBorder td, table.noBorder th
	{
		padding: 4px 12px;
		border: none; 
	}
	table.noBorder th
	{
		background: none; 
		border-bottom: solid 1px #e8eef4;
	}

.error
{
    color:Maroon;
}

.clear
{
    clear: both;
}

.topHeader
{
	margin-top: 0;
	padding-top: 0;
}

div#title
{
    display:block;
    float:left;
    text-align:left;
}


div.inlineBlock
{
	display: inline-block;
}
strong
{
	font-weight: bold;
}
img
{
	border: none;
	margin: none;
	padding: none;
}
floatLeft
{
	float: left;
}

.field-validation-error
{
	color: #880000;
	margin-left: 0.9em;
	font-weight: bold;
}

/* -------- PHOTO WITH TITLE ON TOP -------- */
div.photoWithTitleOnTop
{
	/* display: inline-block; */
	float: left;
	display: inline;
	border:solid 1px #e3e3e3; 
	margin: 10px;
}

    div.photoTitleOnTop
    {
	    background-color: #f2f2f2;
	    white-space: nowrap;
        text-align: center;
        line-height: 1.7em;
    }

    div.photoWithTitleOnTop img
    {
	    padding-top: 4px;
	    height: 120px;
	    margin:10px;
    }
    
/* -------- HOME / SLIDE SHOW ------ */
#slideshowContainer
	{
		position:relative;
		height:276px;
		width: 574px;
	}

	#slideshowContainer img
	{
		position:absolute;
		top:0;
		left:0;
		z-index: 12;
	}

#slideshow {
    position:relative;
    height:275px;
    width: 574px;
}

	#slideshow img {
		position:absolute;
		top:0;
		left:0;
		z-index:8;
	}

		#slideshow img.active {
			z-index:10;
		}

		#slideshow img.last-active {
			z-index:9;
		}

div#ImageAnnouncement
{
	width: 270px;
	margin: 20px 0 20px 2px; /* same top margin as homeAnnouncements */
	float: left;
	line-height: 1.5em; /* for flight instruction: 1.6em; */
}
	div#ImageAnnouncement img
	{
		margin: 1px 0 11px; /* 15px 0 in rounded corners */
	}
	
	div#ImageAnnouncement a
	{
		color: Maroon
	}

div.rightHomeColumn
{
	width: 270px;
	margin: 20px  25px 20px 2px; 
	float: right;
	line-height: 1.5em; 
	background:White;
}
	
div.leftHomeColumn 
{
	float: left;
	display: inline;
	margin: 15px 32px 0 0; 
	background: white;
	width: 275px;
}
	
div.homeAnnouncements 
{
	float: right;
	display: inline;
	margin: 15px 32px 0 0; /* same top margin as ImageAnnouncement */
	background-color: #F5F5F5;
	width: 275px;
}
	div.homeAnnouncements#firstAnnouncement
	{
		margin-top: 21px;
	}
	div.homeAnnouncements div
	{
		padding: 0 10px;
	}
	div.homeAnnouncements p
	{
		margin-bottom: 1em;
	}

/* ----- Announcements ----- */

a.createAnnouncemenetLink
{
	float: right;
	margin-right: 40px;
	font-size: 1.2em;
	font-weight: bold;
	color: #770000;
	padding: 3px 8px;
}
a.createAnnouncemenetLink:hover
{
	color: #990000;
	background-color: #f6f6f6;
}

#CreateAnnouncement
{
	width: 95%;
	padding: 1.5em 0 1.5em 2.5em;
	margin: 1.5em 0;
}
	.announcementText
	{
		Width: 537px;
	}

/* ----- PHOTO ALBUM ----- */
table#ThumbnailTable
{
	border: none;	
}
	table#ThumbnailTable td
	{
		padding: 3px;
		border: none 0px White;
		text-align: center;
		height: 62px;
		width: 62px;
	}
		table#ThumbnailTable td div
		{
			width: 60px;
			height: 60px;
			background-color: #EEE; 
		}
	table#ThumbnailTable a
	{
		padding: 0;
		margin: 0;
	}
	img.thumbnail
	{
		padding: 0;
		margin: 0;
	}

img.imgLarge
{
	border: solid 4px #254b71; /* extra dark blue-gray */
}

/* -------- RIDES -------- */
div.flightsLocation
{
	margin: 1.2em 0;
	padding: 0.8em 0; /* because IE6 didn't take margin */
}
div.flightsLocation img
{
	float: left;
	clear: left;
	margin-right: 3em;
	border: solid 2px #557ba1; /* dark blue-gray */
	
}

div.flightsLocationInfo
{
	padding: 1em 0;
}
div.flightsLocationInfo div
{
	font-size: 1.1em;
	font-weight: bold;
	text-transform: capitalize;
	margin-bottom: 1em;
}

/* -------- ARTICLES -------- */

.articleAuthor
{
	margin-left: 1em;
	font-style: italic;
	font-size: 0.8em;
}

a.more
{
	margin-left: 1.5em;
	color:Maroon; 
}

a.redLink
{
    color:Maroon; 
}

/* -------- MEMBERSHIP -------- */
div#Membership table
{
	margin: 1em 0;
}

a#ApplicationLink
{
	background-color: Maroon;
	color: #eee;
	font-size: 1.1em;
	font-weight: bold;
	padding:  0.1em 0.6em 0.3em;
}

/* -------- BOARD OF DIRECTORS -------- */
/*table layout by using ul and div */
ul.talbeList
{
	list-style-type: none;
	margin-left: 0;
	line-height: 2em;
}
.leftColumn
{
	vertical-align: top;	
	display: inline-block;
	width: 9em;
	text-align: right;
	font-weight: bold;
}
.centerColumn
{
	vertical-align: top;	
	display: inline-block;
	width: 6em;
	margin: 0 2.2em;
}
.rightColumn
{
	vertical-align: top;	
	display: inline-block;
	width: 10em;
}

/* -------- BYLAWS -------- */

div#ByLaws ul
{
	list-style-type: decimal;
}

/* -------- TURN POINTS -------- */
table#TurnPointTable th, table#TurnPointTable td
{
	padding: 7px;
	margin: 0;
}

/* -------- CLUB SHIPS - PERFORMANCE SUMMARY -------- */

#ClubShips div.photoWithTitleOnTop img
{
    margin-left: 0;
}

div.performanceSummary table
{
	margin: 2em 0;
}
	div.performanceSummary table th
	{
		line-height: 1.2em;
		font-size: 1.1em;
	}
	div.performanceSummary table.noBorder
	{
		margin: 1em 0;
	}
	
/* -------- FLIGHT RULES -------- */
div#FlightRules ul
{
	list-style-type: upper-alpha;
}
div#FlightRules ul#ContentList
{
	list-style-type: decimal;
	padding-left: 0.5em;
}

div#FlightRules li ul
{
	list-style-type: decimal;
}
div#FlightRules a#top
{
	line-height: 3em;
}
div#Definitions p
{
	margin-top: 0.2em;
	margin-bottom: 0.7em;
}
	div#Definitions p b
	{
		color: #666;
	}
	
/* ----- THERMAL VELOCITY ----- */
div#ThermalVelocity
{
	width: 600px;
	height: 710px;
	position: relative;
	overflow: hidden;
}

/* ----- Soar Utah ----- */
div.rideOptions
{
	width: 270px;
	border: solid 1px #aab6c1; /* #647687; */
	float: left;
}
div.rideOptions div
{
	margin: 13px 13px 7px 17px;
}
div.rideOptions span
{
	font-size: 0.8em;
	color: #666; 
}
div.rideOptions b
{
	color: #677684; 
}

div.rideOptions h4
{
	text-transform: uppercase;
	margin-top: 13px;
	color: #173a85; 
}

div.rideOptions table
{
	margin: 8px 0;
}
div.rideOptions table td
{
	padding: 2px 15px 2px 0;
	margin: 0;
}
div#SoarUtahContact
{
	margin-top: 23px;
	font-size: 1.1em;
	color: #666;
}
div#SoarUtahContact div
{
	display: inline-block;
	background-color: #137738; /* #036728; /* green */
	color: #FFF;
	font-weight: bold;
	padding: 0 5px 0 4px;
	font-size: 0.9em;
}

/* ------- USA Glider Ads ------- */
div#USAGliderAds p
{
	margin:0;
	padding: 0;
}


/* ----- NAVIGATION (MENU) ----- */  


div#topMenuDiv 
{
	display: inline-block;
	
	text-align: center; /* -- TEST --- */

	position: relative;
	padding: 0 10px;
	z-index: 20;
}
#topMenu 
{	
  margin: 0;
  padding: 0;
}
	#topMenu li
	{	
	  margin: 0 0 0 10px;
	  padding: 0;
	  list-style: none;
	  list-style-image: none;
	  float: left;
	  }
	  #topMenu li a
	  {	display: block;
		  margin: 0 0 0 3px;
		  padding: 4px 6px 3px;
		  color:  #444444; /* default text */
		  text-align: center;
		  text-transform: uppercase;
		  text-decoration: none;
		  }
		  #topMenu li a:hover
		  {	
			background: #FDFDFD;
		  }

/* ----- ROUNDED CORNERS (HOME PAGE) ----- */  

.roundedcornr_box {
	background: url(RoundedCorners/tl1.png) no-repeat top left;
}
.roundedcornr_box {
	background: url(RoundedCorners/tl1.png) no-repeat top left;
}
.roundedcornr_top {
	background: url(RoundedCorners/tr1.png) no-repeat top right;
}
.roundedcornr_bottom {
	background: url(RoundedCorners/bl1.png) no-repeat bottom left;
}
.roundedcornr_bottom div {
	background: url(RoundedCorners/br1.png) no-repeat bottom right;
}
.roundedcornr_content {
	background: url(RoundedCorners/r1.png) top right repeat-y;
}

.roundedcornr_top div,.roundedcornr_top,
.roundedcornr_bottom div, .roundedcornr_bottom {
	width: 100%;
	height: 15px;
	font-size: 1px;
}
.roundedcornr_content, .roundedcornr_bottom {
	margin-top: -8px;
}
.roundedcornr_content { padding: 10px 15px 3px; }


/* ----- LOGIN / ACCOUNT----- */
.loginTable
{
	display: inline-block;
	padding: 0 1.5em 1.5em;
	border: solid 1px #d8dee4;
	margin: 0.9em 0;
}
	.loginTable div /* table header */
	{
		padding: 0.3em;
		margin-bottom: 1em;
		font-size: 1.2em;
		font-weight: bold;
		text-align: center;
		color: #758a9f; /* light blue-gray */
		border-bottom: dashed 1px #d8dee4; /* #e8eef4; */
	}
	.loginTable table, .loginTable td
	{
		border: none;
	}