/* ------------------------------------------------------------------
	MAIN STYLESHEET
	
	Project: Core Golf Junior Academy
	Created: 2009-05-28
	Created by: Cindy Dochstader cindy@rkd.ca
	
	COLOURS:	
	Red: #db1c0a
	Gold: #e6ac3b

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


/* TABLE OF CONTENTS */
/* ---------------------------------------- HTML, BODY, RESETS */
/* ---------------------------------------- GLOBAL STYLES */
/* ---------------------------------------- STRUCTURE */
/* -------------------------------------------- Wrapper */
/* -------------------------------------------- Header */
/* ----------------------------------------------- Top Nav */
/* ----------------------------------------------- Suckerfish Dropdowns */
/* -------------------------------------------- Content Area */
/* ----------------------------------------------- Spiffy Box */
/* ----------------------------------------------- Form */
/* -------------------------------------------- Side Bar */
/* ----------------------------------------------- Side Nav */
/* -------------------------------------------- Footer */



@import url("reset.css");
@import url("prettyPhoto.css");

 
/* ----------------------------------------------
	HTML, BODY, RESETS
---------------------------------------------- */

html { 
	overflow-y: scroll; /* keeps vertical scroll bar in firefox at all times so page doesn't jump around */
	height: 100%;
	}

body {
	background: #000; /* background colour should be same as content area background colour to ensure WYSIWYG looks same as website */
	margin: 0;
	padding: 0;
	top: 0;
	left: 0;
	font: 14px/22px Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	color:#fff;
	behavior: url(../Layout/Scripts/hover.htc); /* this link is relative to the aspx page, NOT the CSS file. Adjust this for Tier 3 and higher subfolders using an inline body style within a Content Placeholder - see homepage for example. */
	}
	.BodyStyle { /* use this class to set body background colour so that it does not interfere with the WYSIWYG editor */
		background: #000 url(../../Images/body-bg.png) repeat-x left top;
		}

img, form { /* removes all default formatting on images and forms */
	margin: 0;
	padding: 0;
	border: 0;
	}

:focus { outline: none; } /* removes dotted outline from links */

.Clear { clear: both; } /* clears all floats; apply to empty divs */



/* ----------------------------------------------
	GLOBAL STYLES - style as necessary
---------------------------------------------- */
	
.ImageFloatLeft {
	float:left;
	padding:16px 20px 8px 0;
	}
	.ExtraPaddingBottom { padding-bottom:20px; }
	
a:link, a:visited {
	color: #db1c0a;
	text-decoration: none;
	}

a:hover, a:active {
	color: #db1c0a;
	text-decoration: underline;
	}
	
a[href $='.pdf'] { /* icons for document downloads */
	display: inline-block;
  	padding-right: 20px;
   	background: transparent url(../../images/icon_adobe.gif) no-repeat center right;
	}
	
p, td, div { 
	font: 14px/22px Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	}
	p {
		padding:0 0 12px 0;
		}
	.HomeText {
		font-size:15px;
		line-height:23px;
		}
	.UnderH1 {
		margin-top:11px;
		}

strong, b {
	font-weight: bold;
	}

em, i {
	font-style: italic;
	}

h1 {
	color: #e6ac3b;
	font: 20px Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	}
	h1.ImgReplace {
		height: 30px;
		text-indent: -9999px;
		background-repeat: no-repeat;
		background-position: left top;
		padding-bottom:10px;
		}
		
h2 { 
	font:15px Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	color: #e6ac3b;
	margin:12px 0;
	text-transform:uppercase;
	}	
	
h3 { 
	font:15px Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	color: #e6ac3b;
	margin:12px 0;
	}

ul {
	margin-bottom:15px;
	padding:0;
	}
	li {
		list-style: disc outside;
		margin: 0 0 8px 15px;
	}

ol { }
	
.TextAlignRight {
	text-align:right;
	margin-bottom:15px;
	}

	

/* styles used by WYSIWYG - style as necessary */
pre { }
address { }



/* ----------------------------------------------
	STRUCTURE
---------------------------------------------- */

/* ---------------------------------------- Wrapper */

#WrapperHome {
	width: 940px;
	margin: 0 auto;
	clear:both;
	background:url(../../images/home-wrapper-bg.jpg) no-repeat 0 204px;  
	}
	
#WrapperAbout {
	width: 940px;
	margin: 0 auto;
	clear:both;
	background:url(../../images/about-wrapper-bg.jpg) no-repeat 0 204px;  
	}
	
#WrapperPrograms {
	width: 940px;
	margin: 0 auto;
	clear:both;
	background:url(../../images/programs-wrapper-bg.jpg) no-repeat 0 204px;  
	}
	
#WrapperLife {
	width: 940px;
	margin: 0 auto;
	clear:both;
	background:url(../../images/life-wrapper-bg.jpg) no-repeat 0 204px;  
	}
	
#WrapperApplying {
	width: 940px;
	margin: 0 auto;
	clear:both;
	background:url(../../images/applying-wrapper-bg.jpg) no-repeat 0 204px;  
	}
	
	
/* ---------------------------------------- Header */

#PrintHeader { display: none; }

#HeaderHome { 
	width: 940px;
	height:120px;
	margin: 0 auto;
	background:url(../../images/home-header-bg.jpg) no-repeat;  
 	}
	
#HeaderAbout { 
	width: 940px;
	height:120px;
	margin: 0 auto;
	background:url(../../images/about-header-bg.jpg) no-repeat;  
 	}
	
#HeaderPrograms { 
	width: 940px;
	height:120px;
	margin: 0 auto;
	background:url(../../images/programs-header-bg.jpg) no-repeat;  
 	}
	
#HeaderLife { 
	width: 940px;
	height:120px;
	margin: 0 auto;
	background:url(../../images/life-header-bg.jpg) no-repeat;  
 	}
	
#HeaderApplying { 
	width: 940px;
	height:120px;
	margin: 0 auto;
	background:url(../../images/applying-header-bg.jpg) no-repeat;  
 	}

.Logo { 
	float:left; 
	margin:0;
	}



/* ---------------------------------------- Top Nav */

	* { margin: 0; padding: 0; }

	.ClearNav:after {
	    content: "."; 
	    display: block; 
	    height: 0; 
	    clear: both; 
		visibility: hidden;

	}

	.ClearNav { display: inline-block; }
	
	/* Hides from IE-mac \*/
	* html .ClearNav { height: 1%; }
	.ClearNav { display: block; }
	/* End hide from IE-mac */
	
	/* image replacement general properties */
	ul.IR li { 
		position: relative;
		/* The original method recommends setting this so that the text doesn't peak out if you resize the text.
		   But overflow also includes our dropdown list, so we need the overflow to be visible. */
		/* overflow: hidden; */
	}
			
	.IR em {
		display: block;
		position: absolute;
		top: 0; left: 0;
		z-index: 1;
	}
	
	/* For IE5.x mac only */
	* html>body	.IR { 
		position: static;
		overflow: visible;
		font-size: 10px;
  }
	* html>body .IR em  { position: static; }
	
	/* image replacement specific properties */
	.TopNav { 
		list-style: none;
		float:left;
		width:520px;
		height:23px;
		margin:56px 0 0 20px;
		}
	.TopNav li.NavHome, .TopNav li.NavAbout, .TopNav li.NavPrograms, 
	.TopNav li.NavLife, .TopNav li.NavApplying { float: left; list-style: none; padding-bottom: 10px; margin: 0 } /* add a little bottom padding to make sure the sub menus don't disappear before selecting them */
	
	.TopNav li.NavHome, .TopNav li.NavHome em { width: 57px; height: 23px; }	
	.TopNav li.NavAbout, .TopNav li.NavAbout em { width: 102px; height: 23px; }
	.TopNav li.NavPrograms, .TopNav li.NavPrograms em { width: 133px; height: 23px; }
	.TopNav li.NavLife, .TopNav li.NavLife em { width: 103px; height: 23px; }
	.TopNav li.NavApplying, .TopNav li.NavApplying em { width: 125px; height: 23px; }
	
	* html>body ul.TopNav li em { margin-bottom: -24px; } /* for ie5.x/mac only */
	
	.NavHome em, .NavAbout em, .NavPrograms em, .NavLife em, .NavApplying em  { 
		background: url(../../images/topnav.png) no-repeat; 
		cursor: pointer;
		/* IE5 requires cursor: hand; however this is not valid CSS2 */
	}
	.NavHome { left: 0; }
	.NavHome em { background-position: 0 0; }
	.NavHome:hover em { background-position: 0 -23px; }
	
	.NavAbout { left: 0; }
	.NavAbout em { background-position:-57px 0; }
	.NavAbout:hover em { background-position: -57px -23px; }
	
	.NavPrograms { left: 0; }
	.NavPrograms em { background-position: -159px 0; }
	.NavPrograms:hover em { background-position: -159px -23px; }
	
	.NavLife { left: 0; }
	.NavLife em { background-position: -292px 0; }
	.NavLife:hover em { background-position: -292px -23px; }
	
	.NavApplying { left: 0; }
	.NavApplying em { background-position: -395px  0; }
	.NavApplying:hover em { background-position: -395px -23px; }
	
	/* suckerfish styles */
	.TopNav a { display: block; font-weight: normal; }
	* html .TopNav a { height: 1%; }
	
	.TopNav li ul {
		position: absolute;
		z-index: 10; /* show the dropdowns above the images */
		top: 24px; /* position the dropdowns a set distance from the top of the image */
		left: -999em;
		width:185px;
		list-style: none;
		background-color:#e6ac3b;
		padding-top:10px;
	    }
	
	.TopNav li:hover ul { left: auto; }
	
	.TopNav li li {
		height: auto; /* reset the height and padding set on the IR list items */
		padding-bottom: 0;
		list-style: none;
	}
	
	.TopNav li ul a:link, .TopNav li ul a:visited, .TopNav li ul a:active {
		color: #000;
		font: 12px Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
		height:19px;
		padding: 0;
		text-decoration:none;
	}
	.TopNav li ul a:hover  {
		color: #db1c0a;
		text-decoration:none;
		}
					
						
	
/* ---------------------------------------- Content Area */


#Content {
	width:620px;
	float:left;
	margin-top:54px;
	}

.HomeIcon1 {
	float:left;
	margin:20px 20px 20px 0;
	}

.HomeIcon2 {
	float:left;
	margin:20px 0;
	}
	
.Maps {
	margin:20px 30px 0 0;
	float:left;
	}
	.OrlandoImageFloatLeft {
		float:left;
		margin-top:20px;
		}
	
.LeaveAReply {
	padding-top:13px;
	}
	
.BacktoMain {
	margin-bottom:30px;
	}
	.BacktoMain a {
		background:url(../../images/back-icon.png) no-repeat 0 2px;
		padding-left:23px;
		}
	



/* ---------------------------------------- Spiffy Box */

/* set the image to use and establish the lower-right position */ 
.Callout, .Callout_body, .Callout_head, .Callout_head h2{ 
	background: transparent url(../../images/callout-bg.png) no-repeat bottom right;
	} 

.Callout{ /* intended total box width - padding-right(next) */ 
	width:585px !important; /* IE Win = width - padding */ 
	width: 570px; /* the gap on the right edge of the image (not content padding) */ 
	padding-right:15px; /* use to position the box */ 
	margin:10px 0 20px 0;
	} 
	
/* set the top-right image */ 
.Callout_head{
	background-position:top right; /* pull the right image over on top of border */ 
	margin-right:-15px; /* right-image-gap + right-inside padding */ 
	padding-right:40px;
	} 
	
/* set the top-left image */ 	
.Callout_head h2{ 
	background-position:top left; 
	margin:0; /* reset main site styles*/ 
	border:0; /* ditto */ /* padding-left = image gap + interior padding ... no padding-right */ 
	padding:15px 15px 8px 15px; 
	height:auto !important; height:1%; /* IE Holly Hack */ /* set the lower-left corner image */
	text-transform:none;
	}
	
.Callout_body{ 
	background-position:bottom left; margin-right:0px; /* interior-padding right */ 
	padding:0 15px;
	} /* mirror .cssbox_head right/left */ 
	
.Callout_body p.MoreLeading {
	line-height:28px;
	}
	
.Callout_head .SmallerH2 { 
	font-size:12px;
	}
	
	
/* ---------------------------------------- Form */

.Error, .Required {
	color: #db1c0a;
	font-size: 12px;
	}
	.Error {
		margin:-10px 0 0 57px;
		}
	
textarea { 
	font: 13px/19px Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	border: 1px solid #fff;
	background: #fff;
	width:400px; 
	}
		
.Input { 
	font: 13px/19px Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	background: #fff url(../../images/input-bg.gif) repeat;
	border: 1px solid #fff;
	margin:0 10px;
	width:225px;
	height:20px; 
	}
	
.SearchBlogInput { 
	font: 13px/19px Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	background: #fff url(../../images/input-bg.gif) repeat;
	border: 1px solid #fff;
	margin:0;
	width:225px;
	height:20px; 
	float:left;
	}
	
.BlogFeaturesSearch h2, .BlogFeaturesTags h2 {
	margin-top:30px;
	}
		
.SubmitCommentButton {
	width:144px;
	height:28px;
	margin:15px 0 25px 257px;
	}
	
.PostCommentButton {
	width:176px;
	height:28px;
	margin:0 0 25px 0;
	}

.FindButton {
	width:54px;
	height:28px;
	margin:0 0 0 10px;
	}
	
.FindButtonMarginTop {
	margin-top:-3px;
	float:left;
	}


/* ---------------------------------------- Side Bar */
	
#SideBar {
	float:right;
	width: 300px;
	margin-top:46px;
	padding:0;
	}
	
#SideBarHomeTop {
	width: 300px;
	height:47px;
	background: url(../../images/sidebar-home-title.png) no-repeat;
	}
	
#SideBarHome {
	width: 300px;
	background: url(../../images/sidebar-home-bg.png) repeat-y;
	}
	#SideBarHome .Title {
		padding:10px 13px 10px 13px;
		font: bold 12px/18px Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
		color: #e6ac3b;
		text-transform:uppercase;
		line-height:20px;
		}
		#SideBarHome .Text {
		padding:0 13px 5px 13px;
		font: 12px/18px Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
		color: #fff;
		}
		#SideBarHome .Text p {
			font: 12px/18px Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
			color: #fff;
			line-height:20px;
			
			}
			#SideBarHome .Text br {
			height:0;
			line-height:0;
			}
		
#SideBarHomeBottom {
	width: 300px;
	height:8px;
	background: url(../../images/sidebar-home-bottom.png) no-repeat;
	}
	
	
		
/* -------------------- Side Nav */
					
#SideNavAbout {
	width: 300px;
	height:227px;
	padding:0;
	}
	#SideNavAbout a {
		display:block;
		height:31px;
		margin:0;
		padding:0;
		background: url(../../images/about-sidenav.png) no-repeat;
		text-indent:-9000px; 
		}	
		
#SideNavPrograms {
	width: 300px;
	height:72px;
	padding:0;
	}
	#SideNavPrograms a {
		display:block;
		height:31px;
		margin:0;
		padding:0;
		background: url(../../images/programs-sidenav.png) no-repeat;
		text-indent:-9000px; 
		}	

#SideNavLife {
	width: 300px;
	height:165px;
	padding:0;
	}
	#SideNavLife a {
		display:block;
		height:31px;
		margin:0;
		padding:0;	
		background: url(../../images/life-sidenav.png) no-repeat;
		text-indent:-9000px; 
		}
	
#SideNavApplying {
	width: 300px;
	height:72px;
	padding:0;
	}
	#SideNavApplying a {
		display:block;
		height:31px;
		margin:0;
		padding:0;	
		background: url(../../images/applying-sidenav.png) no-repeat;
		text-indent:-9000px; 
		}
		
#SideNavError {
	width: 300px;
	height:72px;
	padding:0;
	}
	#SideNavError a {
		display:block;
		height:31px;
		margin:0;
		padding:0;	
		background: url(../../images/error-sidenav.png) no-repeat;
		text-indent:-9000px; 
		}
									
#SideNavAbout a.SideNav1, #SideNavPrograms a.SideNav1, 
#SideNavLife a.SideNav1, #SideNavApplying a.SideNav1, #SideNavError a.SideNav1 {
	background-position:0 0;
	height:41px;
	}	
	#SideNavAbout a.SideNav1:hover, #SideNavPrograms a.SideNav1:hover, 
	#SideNavLife a.SideNav1:hover, #SideNavApplying a.SideNav1:hover, #SideNavError a.SideNav1:hover {
		background-position:-300px 0;
		}
		
#SideNavAbout a.SideNav2, #SideNavPrograms a.SideNav2, 
#SideNavLife a.SideNav2, #SideNavApplying a.SideNav2, #SideNavError a.SideNav2   {
	background-position:0 -41px;
	}		
	#SideNavAbout a.SideNav2:hover, #SideNavPrograms a.SideNav2:hover, 
	#SideNavLife a.SideNav2:hover, #SideNavApplying a.SideNav2:hover, #SideNavError a.SideNav2:hover {
		background-position:-300px -41px;
		}		

#SideNavAbout a.SideNav3, #SideNavPrograms a.SideNav3, #SideNavLife a.SideNav3, #SideNavApplying a.SideNav3 {
	background-position:0 -72px;
	}	
	#SideNavAbout a.SideNav3:hover, #SideNavPrograms a.SideNav3:hover, 
	#SideNavLife a.SideNav3:hover, #SideNavApplying a.SideNav3:hover {
		background-position:-300px -72px;
		}
	
#SideNavAbout a.SideNav4, #SideNavPrograms a.SideNav4, #SideNavLife a.SideNav4 {
	background-position:0 -103px;
	}	
	#SideNavAbout a.SideNav4:hover, #SideNavPrograms a.SideNav4:hover, #SideNavLife a.SideNav4:hover {
		background-position:-300px -103px;
		}
		
#SideNavAbout a.SideNav5 {
	background-position:0 -134px;
	}	
	#SideNavAbout a.SideNav5:hover {
		background-position:-300px -134px;
		}
		
#SideNavAbout a.SideNav6 {
	background-position:0 -165px;
	}	
	#SideNavAbout a.SideNav6:hover {
		background-position:-300px -165px;
		}
		
#SideNavAbout a.SideNav7 {
	background-position:0 -196px;
	}	
	#SideNavAbout a.SideNav7:hover {
		background-position:-300px -196px;
		}
		
#SideNavAbout a.SideNav8 {
	background-position:0 -227px;
	}	
	#SideNavAbout a.SideNav8:hover {
		background-position:-300px -227px;
		}
		
	

/* ---------------------------------------- Footer*/

#Footer { 
	margin-top:60px;
	border-top:2px solid #292216;
	background: #15110b;
	height:140px;
	clear:both;
	}
	
.Container {
	width:940px;
	margin: 0 auto;
	overflow:hidden;
	}
	
.OtherAcademies {
	margin-top:14px;
	font:12px/18px Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	float:left;
	}
	
.FooterLinks {
	margin-top:14px;
	float:right;
	}
	.FooterLinks a:link, .FooterLinks a:visited {
		color: #fff;
		text-decoration: none;
		}
	.FooterLinks a:hover, .FooterLinks a:active {
		color: #fff;
		text-decoration: underline;
		}
	
.Copyright {
	margin-top:25px;
	font:12px/18px Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	float:right;
	clear:right;
	color:#e6ac3b;
	}
	
.RKD {	
	font:12px/18px Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	color:#5f4c26;
	margin-top:15px;
	float:right;
	}

.RKD a:link, .RKD a:visited, .RKD a:hover, .RKD a:active {
	color: #5f4c26;
	text-decoration: none;
	}