@charset "utf-8";
/* CSS Document */
/*----------------------------------------------------------------------------------

[Master Style Sheet]

------------------------------------------------------------------------------------
Project:		IYT (International Yacht Training)
Version:		1.0
Designer:		Ryan Martinez - Spincaster design (ryan@spincaster.com)
CSS 2.1 standards validated by: W3C  validated on: 
last change:	
Assigned to:
Primary use:	IYT

Color  palette:
----------------------------------------------------------------------------------*/

/*----------------------------------------------------------------------------------
	global reset
----------------------------------------------------------------------------------*/
* {
	border:none;
	outline:none;
	padding:0;
	margin:0;
	list-style:none;
	text-decoration:none;
}

/*----------------------------------------------------------------------------------
	global styles
----------------------------------------------------------------------------------*/

.clearer{
	height:1px; width:100%;
	margin:0px; padding:0px;
	clear:both;
}
/*the following will remove the dotted outline that appears when a link is focused*/
a:focus {
	outline: none;
}
a.skipToContent{
	display:none;
}

/*----------------------------------------------------------------------------------
	default template for E-Legacies
----------------------------------------------------------------------------------*/
html{
	height:100%;
	background:#a4a5a9 url(../images/backgrounds/html_bg.jpg) repeat-x top center;
}
body{
	position:relative;
			
	background:url(../images/backgrounds/main_container_bg3.jpg) no-repeat center top;
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	font-size: 12px;
	font-weight: inherit;
	text-decoration:none;
}

/*----------------------------------------------------------------------------------
	main container: #main_container
----------------------------------------------------------------------------------*/
	#main_container{
		position:relative;
		width:960px; height:100%;
		padding-bottom:15px;
		margin:0px auto;
		overflow: visible;
		background:url(../images/backgrounds/main_container_bg2.jpg) no-repeat 240px 350px;
	}
/*----------------------------------------------------------------------------------
	1.0 Header
----------------------------------------------------------------------------------*/	
	#header{
		width:100%; height:135px;
	}
		#header h1 {
			position:absolute;
			top:22px;
		}
			#header h1 a{
					display:block;
				width:249px; height:108px;
				background:url(../images/backgrounds/h1_logo.png) no-repeat 0px 0px;
			}
			#header h1 a span{ display:none; }
			
			#IconCertification{
				position:absolute; right:0px; top:27px;}
			#IconCertification {
				height:68px;
			}
			#IconCertification li{ 
				float:right;
			}
			#IconCertification li a{
				display:block;
				width:100px; height:68px;
				color:#999;
				font-size:8px;
				text-align:center;
				text-decoration:none;
				line-height:7px;
			}
			#IconCertification li a:hover{
				color:#333;	
			}
			#IconCertification li a img{
				display:block;
				margin:5px auto;
			}

/*----------------------------------------------------------------------------------
	2.0 globalNav
----------------------------------------------------------------------------------*/	
	#globalNav{
		position:absolute; top:0px; left:0px;
		width:100%;
		text-align:right;
	}
		#globalNav ul{float:right; height:25px;}
		#globalNav ul li{float:left;}
		#globalNav ul li a{
			display:block; 
			height:7px;
			padding:3px 15px 10px 15px;
			color:#ccc;
		}
		#globalNav ul li a:hover{
			background:#00613b;
			color:#fff;
		}
/*----------------------------------------------------------------------------------
	3.0 Content Container
----------------------------------------------------------------------------------*/	
		#content_container{}
		/* 3.1 Left Column
		-------------------------------------*/
		#content_container #leftColumn{
			position:relative;
			float:left;
			width:240px;
			z-index:20;
		}
		#content_container #leftColumn #primaryNav{
			position:relative;
			width:225px; height:210px;
			padding:75px 0px 0px 15px;
			background:#d5d6d7 url(../images/backgrounds/primaryNav-bg.jpg) no-repeat 0px 0px;
			border-bottom:8px solid #076940; /*green */
		}
		#content_container #leftColumn #primaryNav li{
			position:relative;
			height:17px;
			border-bottom:1px solid #aaa; padding:15px 10px 0px 0px;
		}
		#content_container #leftColumn #primaryNav li a{
			display:block; width:100%;
			color:#666;	
		}
		#content_container #leftColumn #primaryNav > li.subnav > a{background:url(../images/backgrounds/panv-arrow-bg.gif) no-repeat right -27px;}
		#content_container #leftColumn #primaryNav li a{ color:#333; 	}
		
		/* -------------level 1 styles ---------------*/
		#content_container #leftColumn #primaryNav > li:hover > ul{display:block;}
		#content_container #leftColumn #primaryNav li ul{
			display:none;
			position:absolute;
			top:0px; left:225px;
			width:240px;
			border-left:1px dotted #aaa;
			background: #d6d7d9 url(../images/backgrounds/primaryNav-li-ul-bg.jpg) repeat-x fixed 0px 0px;
			border-bottom:8px solid #076940; /*green */
		}
		#content_container #leftColumn #primaryNav li ul li{height:auto; padding:0px; border:none;}
		#content_container #leftColumn #primaryNav li ul li:hover{
			background:#666666 url(../images/backgrounds/primaryNav-li-ul-li-bg.jpg) repeat-x 0px 0px;
		}
		#content_container #leftColumn #primaryNav li ul > li:hover > a{ color:#ddd; }
		#content_container #leftColumn #primaryNav li ul li a{
			height:auto;
			padding:14px 10px 3px 10px;
			width:220px;
			border-bottom:1px solid #aaa;
		}
		#content_container #leftColumn #primaryNav li ul >li.subnav > a{
			background:url(../images/backgrounds/arrow1.png) no-repeat 225px center;	
		}
		#content_container #leftColumn #primaryNav li ul >li.subnav:hover > a{
			background:url(../images/backgrounds/arrow2.png) no-repeat 225px center;	
		}
		
			/* -------------level 2 styles ---------------*/
			#content_container #leftColumn #primaryNav li ul li:hover ul{display:block;}
			#content_container #leftColumn #primaryNav li ul li ul{
				top:0px; left:240px;
				width:240px;
			}
			#content_container #leftColumn #primaryNav li ul li ul li {}
			#content_container #leftColumn #primaryNav li ul li ul li a{
				padding:4px 10px 4px 10px;
			}
			#content_container #leftColumn #primaryNav li ul li ul li a img{
				margin:0px 10px 0px 0px;	
			}
			#content_container #leftColumn #primaryNav li ul li ul li a em{
				display:block;
				padding-bottom:4px;
				font-size:10px; 
				color:#888;
			}
			/* -------------school specific styles ---------------*/
			#content_container #leftColumn #primaryNav li ul li ul.continent{	min-height:170px; }
			#content_container #leftColumn #primaryNav li ul li ul.continent li a{
				border-bottom:1px dotted #bbb;
			}
			#content_container #leftColumn #primaryNav li ul li ul.continent li a img{	
				/*filter:alpha(opacity=35);
    			opacity:0.35;*/
			}
			#content_container #leftColumn #primaryNav li ul li ul.continent li:hover a img{
				/*filter:alpha(opacity=100);
    			opacity:1;*/
			}
			#content_container #leftColumn #primaryNav li ul li ul.c1{
				background:#c5c6c8  url(../images/backgrounds/africa.jpg) no-repeat 0px 0px;
			}
			#content_container #leftColumn #primaryNav li ul li ul.c2{
				background:#c5c6c8   url(../images/backgrounds/asia.jpg) no-repeat 0px 0px;
			}
			#content_container #leftColumn #primaryNav li ul li ul.c3{
				background:#c5c6c8   url(../images/backgrounds/Australia.jpg) no-repeat 0px 0px;
			}
			#content_container #leftColumn #primaryNav li ul li ul.c4{
				background:#c5c6c8  url(../images/backgrounds/caribbean.jpg) no-repeat 0px 0px;
			}
			#content_container #leftColumn #primaryNav li ul li ul.c5{
				background:#c5c6c8  url(../images/backgrounds/europe.jpg) no-repeat 0px 0px;
			}
			#content_container #leftColumn #primaryNav li ul li ul.c6{
				background:#c5c6c8 url(../images/backgrounds/middleEast.jpg) no-repeat 0px 0px;
			}
			#content_container #leftColumn #primaryNav li ul li ul.c7{
				background:#c5c6c8 url(../images/backgrounds/americas.jpg) no-repeat 0px 0px;
			}
			#content_container #leftColumn #primaryNav li ul li ul.c8{
				background:#c5c6c8  url(../images/backgrounds/americasSouth.jpg) no-repeat 0px 0px;
			}
			
		/*Primary Nav Fat nav
		-------------------------------------*/
			#content_container #leftColumn #primaryNav .school_fat_nav
			{
				overflow: auto;
				width: 720px !important;
			}
			#content_container #leftColumn #primaryNav .school_fat_nav li
			{
				float: left !important;
				width: 175px;
				overflow: hidden;
			}
			#content_container #leftColumn #primaryNav .school_fat_nav li.partner_cta
			{
				width: 100%;
			}
			#content_container #leftColumn #primaryNav .school_fat_nav li.partner_cta a,
			#content_container #leftColumn #primaryNav .school_fat_nav li.partner_cta a:visited
			{
				border-bottom: none !important;
				background: #BB9D34;
				color: #fff;
				padding: 5px 0px 0px 12px;
				height:20px;
				width: 100%;
				font-size: 14px;
			}
			#content_container #leftColumn #primaryNav .school_fat_nav li.partner_cta a:hover
			{
				text-decoration: underline;
			}
			
		/* 3.1.1 Left Column - news headlines
		-------------------------------------*/
		#newsItems{
			padding:7px 0px 10px 15px;
			background:url(../images/backgrounds/NewsBg.png) repeat 0px 0px;	
		}
		#newsItems dt{
			display:block;
			width:153px; height:33px;
			background:url(../images/backgrounds/NewsHeadlines_bg.png) no-repeat -4px 0px;
		}
		#newsItems dt span{display:none;}
		#newsItems dd{
			padding:0px 0px 10px 0px;
			margin:0px 0px 10px 0px;
			border-bottom:1px solid #ccc;
		}
		#newsItems dd strong, #newsItems dd strong a{
			color:#fff;
			font-weight:bold;
			display:block;
		}
		#newsItems dd strong a:hover{color:#076940; /*green */	}
		#newsItems dd em{
			font-size:11px;
			color:#444;
		}
		#newsItems p{
			color:#eee;
			font-size:11px;
		}
		#newsItems a{ color:#076940; /*green */	 }
		#newsItems p a{
			background:url(../images/backgrounds/panv-arrow-Sub_bg.gif) no-repeat right -27px;
			padding:0px 9px 0px 0px;
			color:#fff;
		}
		#newsItems p a:hover{
			background:url(../images/backgrounds/panv-arrow-Sub_bg.gif) no-repeat right -27px;
			padding:0px 9px 0px 0px;
			color:#076940; /*green */	
		}
		
		/* 3.1.2 Left Column - newsletter
		-------------------------------------*/
		#newsletter{
			background:#076940 url(../images/backgrounds/newsletterSignInbox.jpg) no-repeat 0px 0px;
			width:215px; height:115px;
			padding:10px 10px 15px 15px;
		}
		#newsletter strong{
			display:block;
			width:108px; height:33px;
			background: url(../images/backgrounds/newsletter-header-bg.png) no-repeat -5px 0px;	
		}
		#newsletter strong span{display:none;}
		#newsletter p{
			margin:0px 0px 10px 0px;
			font-size:11px;
			color:#7FAD86;
		}
		#newsletter label{
			color:#fff;
			padding:0px 10px 0px 0px;
		}
		#newsletter input[type="text"]{
			width:165px; margin:0px 0px 10px 0px;
			padding:2px 2px 2px 2px;
			border:1px solid #063;
			color:#555; font-size:11px;
			background:#fff url(../images/backgrounds/searchForm-bg.jpg) repeat-x 0px 0px;
		}
		#newsletter input[type="text"]:active,
		#newsletter input[type="text"]:focus{
			border:1px solid #6cbe65; /*lime green*/
		}
		#newsletter input[type="submit"]{
			float:right;
			padding:2px;
			background:#055332;
			font-size:11px;
			color:#fff;
		}
		#newsletter input[type="submit"]:hover{ background:#033b23; }
		
		/* 3.2 right Column
		-------------------------------------*/
		#content_container #rightColumn{
			float:right;
			width:720px;
		}
			/* 3.2.1 right Column - feature header
			-------------------------------------*/
			#content_container #rightColumn #featureHeader{
				position:relative;
				width:720px;
				height:175px;
				border-bottom:8px solid #076940; /*green */
			}
			#content_container #rightColumn #featureHeader img{
				position:absolute;
				top:-25px;
			}
			/* 3.2.2 right Column - breadcrumbs-search
			-------------------------------------*/
			#content_container #rightColumn #breadcrumbs-search{
				position:relative;
				width:720px; height:25px;
				padding-top:7px;
				background:#fff;
				margin-bottom:15px;
			}
			#content_container #rightColumn #breadcrumbs-search ul{
				position:absolute; top:0px; left:10px; 
				height:32px;
			}
			#content_container #rightColumn #breadcrumbs-search ul li{
				float:left;
				padding-right:10px;
				background:url(../images/backgrounds/breadcrumbs.gif) no-repeat right 11px;
			}
			#content_container #rightColumn #breadcrumbs-search ul li:last-child{
				padding-right:0px; background:none;		
			}
			#content_container #rightColumn #breadcrumbs-search ul li a{
				display:block;
				height:23px; padding:9px 5px 0px 5px;
				color:#076940; /*green */
				font-size:11px;
			}
			#content_container #rightColumn #breadcrumbs-search ul li:last-child a{
				color:#888;
			}
			#content_container #rightColumn #breadcrumbs-search ul li:first-child a{
				padding-left:0px;
			}
			#content_container #rightColumn #breadcrumbs-search ul li a:hover{
				color:#000;	
			}
			#content_container #rightColumn #breadcrumbs-search form{
				position:relative;
				float:right;
				width:auto;
				padding-right:10px;
			}
			#content_container #rightColumn #breadcrumbs-search form label{
				position:absolute; right:245px; top:3px;
			}
			#content_container #rightColumn #breadcrumbs-search form input[type="text"]{
				position:absolute; right:29px; top:2px;
				padding:1px 5px 0px 5px; margin:0px 0px 0px 7px;
				height:14px; width:196px; 
				background:url(../images/backgrounds/searchForm-bg.jpg) repeat-x 0px 0px;
				border:1px solid #bbb;	
				
				color:#777;
				font-size:11px;
			}
				#content_container #rightColumn #breadcrumbs-search form input[type="text"]:active,
				#content_container #rightColumn #breadcrumbs-search form input[type="text"]:focus{
					border:1px solid #076940; /*green */ 
					color:#333;
				}
			#content_container #rightColumn #breadcrumbs-search form input[type="submit"]{
				position:absolute; right:5px; top:1px;
				height:18px; width:18px; text-indent:20px;
				background: url(../images/backgrounds/SearchForm-submit.jpg) no-repeat 0px 0px;
				cursor:pointer;	
			}
			/* 3.2.2 right Column - featured list
			-------------------------------------*/
			#featuredList{
				position:relative;
				padding:32px 0px 0px 0px;
			}
			#decorativeSailboat{
				position:absolute;
				top:-237px;
			}
			#featuredList ul{
				position:relative;
				width:690px; height:115px;
				margin:10px 0px 10px 10px;
				padding:10px;
				background:url(../images/backgrounds/featuredList-ul-bg.png) repeat 0px 0px;
				z-index:15;
			}
			#featuredList ul li{
				float:left;
			}
			/* 3.2.3 right Column - main_content
			-------------------------------------*/
			#main_content{
				margin:10px; float:left;
				width:700px;
			}
			#main_content h2{
				color:#6D6D6D;
				font-size: 19px;
				font-weight:normal;
				padding-top:20px;
				padding-bottom:3px;
				margin-bottom:20px;
				border-bottom:1px solid #999;
				border-top:1px solid #999;
			}
			#main_content h2 strong{ color:#076940; /*green */ }
			#main_content h1{display:none;}
			#main_content h3{margin:0px 15px 5px 0px; padding:0px 0px 5px 0px; font-size:13px; border-bottom:1px solid #666; color:#333; }
			#main_content h4{margin:0px 15px 5px 0px;font-size:14px; color:#076940; /*green */ }
			#main_content h5{margin:0px 15px 5px 0px;font-size:12px;color:#333;}
			#main_content h6{margin:0px 15px 5px 0px;font-size:8px;color:#333;}
			#main_content p{ color:#333; text-align:left; margin:0px 15px 10px 0px; line-height:16px;}
			#main_content strong{font-weight:bold;}
			#main_content b{font-weight:bold;}
			#main_content em{font-style:italic;}
			#main_content i{font-style:italic;}
			#main_content a{ color:#076940; /*green */ text-decoration:underline;}
			#main_content a:hover{ color: #fff;/*brown*/}
			#main_content a:visited{}
			#main_content a.edit_link {
				float: right;
				margin: 27px 0px 0px 0px;
			}
			#main_content p a{ color:#076940; /*green */ text-decoration:underline; }
			#main_content p a:hover{ color:#fff;}
			#main_content p a:visited{}
			#main_content dl{ margin:0px 0px 15px 15px;}
			#main_content ul{ margin:0px 0px 15px 15px;}
			#main_content ol{ margin:0px 0px 15px 15px; } 
			#main_content ul li{ padding-left:15px; background:url(../images/backgrounds/main-content-listbg.gif) no-repeat 0px 4px; }
			#main_content ol li{list-style: inside decimal;}
			#main_content img{border:5px solid #CCC;}
			#main_content a img{}
			#main_content a:hover img{}
			#main_content hr{height:1px; border-bottom:1px solid #999;}
			#main_content img[align=right]{margin:5px;}
			#main_content img[align=left]{ margin:5px;}
			#main_content img[align=center]{ margin:5px;}
			#main_content a img[align=right]{margin:5px;}
			#main_content a img[align=left]{ margin:5px;}
			#main_content a img[align=center]{margin:5px; }
			
			/* 3.2.4 right Column - advert column
			-------------------------------------*/
			#advertColumn{width:239px; float:left; padding:10px 0px 0px 1px;}
			#superYachts{
				position:relative;
				display:block;
				width:100px; height:20px;
				padding-top:140px; padding-left:140px; padding-bottom:10px;
				background: url(../images/buttons/superyachts.png)  no-repeat -1px -1px;
				color:#ccc;
			}
			#superYachts:hover{color:#fff;}
			#registrationButton{
					position:relative;
					display:block;
					margin:10px 0px 0px 0px;
					width:240px; height:55px;
					background:url(../images/buttons/registration.jpg) no-repeat 0px 0px;
			}
			#registrationButton:hover{background:url(../images/buttons/registration.jpg) no-repeat 0px -55px;}
			#registrationButton.noHover:hover{ background:url(../images/buttons/registration.jpg) no-repeat 0px 0px; }
			#registrationButton b{display:none;}
			#registrationButton span{
				display:none;
				position:absolute; top:0px;
				width:100%; height:100%;
				background:url(../images/buttons/registration.jpg) no-repeat 0px -55px;
			}
/*----------------------------------------------------------------------------------
	Interior Nav Styles
----------------------------------------------------------------------------------*/	
.int_nav
{
	margin: 0px 0px 20px 0px !important;
	padding: 0px 0px 15px 0px;
	overflow:auto;
	border-bottom: 1px solid #999999;
}
.int_nav li
{
	width: 335px;
	float: left;
	padding: 2px 0px 2px 0px;
}

/*----------------------------------------------------------------------------------
	4.0 Footer
----------------------------------------------------------------------------------*/			
	#footer{
		border-top:1px solid #888;
		height:55px;
		padding:10px 0px 10px 0px;
		position:absolute;
		bottom:-75px; left:0px;
		width:960px;
	/*	background:url(../images/backgrounds/html_bg.jpg) repeat-x center top;
		background-attachment:fixed;*/
	}
	#footer ul{
		float:left;
		overflow:auto;
		margin:0px 0px 10px 0px;
	}
	#footer ul li{
		float:left;
		padding-left:7px;
		background:url(../images/backgrounds/footer-li-bg.gif) no-repeat 0px 1px;
	}
	#footer ul li:first-child{
		background:none; padding:0px;	
	}
	#footer ul li a{
		padding:0px 5px 0px 5px;
		color:#076940; /*green */
	}
	#footer ul li a:hover{color:#fff;}
	#footer ul li:first-child a{ padding:0px 5px 0px 0px; }
	#footer p#spincasterCredit {float:right;}
	#footer p{color:#444;}
	#footer p a{color:#777;}
	#footer p a:hover{color:#fff;}

/*----------------------------------------------------------------------------------
	5.0 Google results styles
----------------------------------------------------------------------------------*/
	#SearchResults .gsc-control-cse{
		width:695px;
		padding:0px;
		background:none;
	}
	#SearchResults .gsc-control-cse,
	#SearchResults .gsc-resultsbox-visible{ border:none; }
	#SearchResults .gsc-resultsHeader{display:none;}
	#SearchResults .gsc-webResult{
		border:none;
		margin:0px 0px 15px 0px;
	}
	a.gs-title b{ color:#076940 !important; font-style:oblique; /*gold*/ }
	
	div.gsc-expansionArea div.gsc-cursor-box{
		padding-top:15px;
		border-top:1px solid #999;
	}
	div.gsc-expansionArea div.gsc-cursor-box div.gsc-cursor-page{ color:#076940; }
	
	div.gs-visibleUrl{ color:#666 !important; }
	
	
/*----------------------------------------------------------------------------------
	6.0 Universal Form Message Styles:
----------------------------------------------------------------------------------*/
#main_content form p.error {
	padding: 0px 10px;
	color: #C00;
	line-height: 20px;
}


/*----------------------------------------------------------------------------------
	Google Translate Styles:
----------------------------------------------------------------------------------*/
#google_translate_element {
	position: absolute;
	top: 35px;
	left: 235px;
	color: #EAEAEA;
}
#google_translate_element select {
	width: 240px;
	background: #EFEFEF;
	border: 1px solid #999;
	font: 11px Arial, Helvetica, sans-serif;
	color: #666;
}
#google_translate_element a.goog-logo-link { opacity: .8; }