/* Alternative colors: blue 0093DD; turquiose: aae2f9; dark blue: 393186; */

/* Main defaults */

body {
	background-color: white;
	color: #030505;
	font: normal 14px Verdana, sans-serif;
	min-width: 900px;
}

/* Top layout */

#logindetails {
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
	color: #030505;
	padding: 5px 5px 5px 0;
	float: right;
}

div#searchSite {
	right: 5px;
	top: 10px;
}

/* Area for all content */

div.global {
	width: 90%;
}

#menucontainer, #submenucontainer, #bannercontainer, #footercontainer {
	width: 100%;
}

.footerContent {
	margin-top: 20px;
}

#headercontainer {
	border-top-left-radius: 25px;
	border-top-right-radius: 25px;
}

/* Figure border */

figure {
	border: 1px #e8e8e8 solid;
}

figure.swapper {
	margin: 0 auto;
	border: 0;
	text-align: center;
}

figure.swapper img {
	display: inline;
	padding: 0 5px;
	margin: 0;
}

/* Menu stuff */

#menucontainer {
	background-color: #0093DD;
	border-top-left-radius: 0;
	border-top-right-radius: 0;
}

#submenucontainer {
	background-color: #0093DD;
}

nav#submenucontainer.private {
	background-color: #999999;
}

.activeMenu, .inactiveMenu {
	font-size: 120%;
}

.activeMenu a, .inactiveMenu a {
     padding: 4px 14px;
}

.inactiveMenu a, .inactiveMenu a:link, .inactiveMenu a:visited {
	color: white;
	background-color: #0093DD;
}

.activeMenu a, .activeMenu a:link, .activeMenu a:visited, .inactiveMenu a, .inactiveMenu a:hover {
	color: white;
	background-color: #393186;
}

#subMenuitems div.activeMenu a, #subMenuitems div.inactiveMenu a:hover {
	color: white;
	background-color: #393186;
	font-size: 80%;
}

#subMenuitems div.inactiveMenu a {
	color: white;
	background-color: #0093DD;
	font-size: 80%;
}

.activeMenu a.private, .activeMenu a.private:link, .activeMenu a.private:visited, .inactiveMenu a.private:hover {
	color: white;
	background-color: #999999;
}

.activeOptionsMenu, .inactiveOptionsMenu  {
	font-size: 100%;
}

.inactiveOptionsMenu a, .inactiveOptionsMenu a:link, .inactiveOptionsMenu a:visited {
	color: gray;
	border: 1px solid gray;
	background-color: white;
}

.activeOptionsMenu a, .activeOptionsMenu a:link, .activeOptionsMenu a:visited, .inactiveOptionsMenu a, .inactiveOptionsMenu a:hover {
	color: white;
	border: 1px solid gray;
	background-color: gray;
}

#subMenuitems div.activeMenu a.private, #subMenuitems div.inactiveMenu a.private:hover {
	background-color: gray;
}

#subMenuitems div.inactiveMenu a.private {
	background-color: #999999;
}

/* General links */

a {
	color: #0093DD;
	text-decoration: none;
	font-weight: bold;
}

a.private {
	font-style: italic;
}

a:hover {
	color: black;
}

/* Commonly used classes for layout */

.subtitle {
	color: #909090;
}

/* Defining common elements */

p {
	line-height: 150%;
}

i {
	color: gray;
}

h1 {
	font-weight: normal;
	color: #666666;
	font-size: 180%;
}

h1.banner {
	font-variant: small-caps;	
}

h2 {
	font-weight: bolder;
	color: #0093DD;
	font-size: 130%;
}

h3 {
	font-weight: bolder;
	color: #0093DD;
	font-size: 110%;
}

#logo {
	margin-right: 25px;
}

/* Generic content */

.generic15 div.sponsors {
	width: 48%;
	float: left;
	padding: 0 10px 0 0;
}

.generic16 div.left-links {
	padding: 10px 5px;
	width: 40%;
	clear: both; 
	float: left;
}

.generic16 div.left-links img {
	float: right;
}

.generic16 div.right-links {
	padding: 10px 5px;
	width: 55%;
	float: left;
}

/* Main sidebar formatting */

#sidebar {
	line-height: 140%;
	border-left: 1px solid silver;
}

/* Classes used with divs for screen layout */

.form {
	border: 1px solid gray;
	background-color: #fffffa;
}

/* Highlight news and main newsitem module */

.newsDate {
	font-style: italic;
}

.newsTitle {
	font-weight: heavy;
}

.newsContent {
	font-size: 100%;
}

.item {
	border-bottom: 1px #e8e8e8 solid;
}

.newsitems p {
	line-height: 150%;
}

div#mainbar {
	margin-right: 290px;
}

article.mainNews {
	margin-left: 0;
	max-width: 100%;
}

/* Used at top of listings */

.headerRecord, .headerRecord a {
	font-weight: bold;
	color: gray;
}

/* Greeting page formatting */

.welcomeText, .welcomeText p {
	font-size: 110%;
	line-height: 150%;
}

/* Formatting of footer */

.footerContent img {
	float: left;
	margin-top: 10px;
}

/* -------- */

/* Watch types ----------- */

@media only screen and (min-width: 60px) and (max-width: 319px) {

	body {min-width: 60px; max-width: 319px;}
	.bannerContent img {width: 90%;}
	#sidebar {padding: 0; margin: 0 auto; float: none; border: 0; border-left: 0;}
	.greeting1 #sidebar {visibility: hidden; display: none;}
	div#mainbar {margin: 0;}
	div.proswimwear img {width: 90%;}
	.generic15 div.sponsors {width: 98%;}	
	.generic15 div.sponsors img {width: 90%;}
	.generic16 div.left-links, .generic16 div.right-links {width: inherit;}
	.generic16 div.left-links img {float: none; width: 95%;} 
	div.foot-logo img {display: block; margin: 10px auto; padding: 0; float: none;}
	div.foot-text p {text-align: center; margin: 5px;}
	
}

/* Smartphones (portrait and landscape) ----------- */

@media only screen and (min-width: 320px) and (max-width: 480px) {

	body {min-width: 320px; max-width: 480px;}
	.bannerContent img {width: 90%;}
	#sidebar {padding: 0; margin: 0 auto; float: none; border: 0; border-left: 0;}
	.greeting1 #sidebar {visibility: hidden; display: none;}
	div#mainbar {margin: 0;}
	div.proswimwear img {width: 90%;}
	.generic15 div.sponsors {width: 98%;}	
	.generic15 div.sponsors img {width: 90%;}
	.generic16 div.left-links, .generic16 div.right-links {width: inherit;}
	.generic16 div.left-links img {float: none; width: 95%;} 
	div.foot-logo img {display: block; margin: 10px auto; padding: 0; float: none;}
	div.foot-text p {text-align: center; margin: 5px;}
}

/* Larger smartphones/smaller tablets (portrait and landscape) ----------- */

@media only screen and (min-width: 481px) and (max-width: 768px) {

	body {min-width: 481px; max-width: 768px;}
	#bannercontainer {height: 140px;}
	.bannerContent img {width: 80%;}
	div#searchSite {top: -25px;}
	.welcomeText {overflow: visible;}
	.greeting1 #sidebar, .generic18 #sidebar, .generic19 #sidebar, .generic21 #sidebar, .generic26 #sidebar, .generic37 #sidebar, .generic38 #sidebar {visibility: hidden; display: none;}
	div#mainbar {margin: 0;}
	.generic {display: inline;}
	.blockCenter {clear: none;}
	.generic15 div.sponsors {width: 98%;}	
	.generic15 div.sponsors img {width: 90%;}
	.generic16 div.left-links, .generic16 div.right-links {width: inherit;}
	.generic16 div.left-links img {float: none; width: 95%;}
	.support #sidebar {max-width: 98%; border-left: 0;}
	div.foot-logo img {display: block; margin: 10px auto; padding: 0; float: none;}
	div.foot-text p {text-align: center; margin: 5px;}
}

/* Larger tablets (portrait and landscape) ----------- */

@media only screen and (min-width: 769px) and (max-width: 960px) {

	body {min-width: 769px; max-width: 968px;}
	.generic {display: inline;}
	.blockCenter {clear: none;}
	div#searchSite {top: -25px;}
	.welcomeText {overflow: visible;}
	.generic15 div.sponsors {width: 95%;}	
	div.foot-logo img {display: block; margin: 10px auto; padding: 0; float: none;}
	div.foot-text p {text-align: center; margin: 5px;}
}

/* Larger screens ----------- */

@media only screen and (min-width: 961px) and (max-width: 1220px) {
	div#searchSite {top: -25px;}

/* -------- */