/*------------------------------
	Name: Pitchblue International Template
	Author: Oskar Kirkwood
	Website: http://www.waracle.com/
	Copyright: Waracle Ltd 2008
-------------------------------*/

*{
	margin:0;
	padding:0;
	}

html, body {
	height: 100%;
	background:url('../images/bg-pattern.png') repeat-x #0C2D51;
	font-family:Arial, Helvetica, sans-serif;
	/*font-family: "Century Gothic", "Tw Cen MT", Futura, "URW Gothic L", Arial, sans-serif;*/
	font-size:16px;
	color:#0C2D51;
	/*color:#566576;*/
	}

#container{
	width:980px;
	margin:0 auto;
	/*background:url('../images/twitter-b1.png') bottom left no-repeat #164B8D*/
	background:url('../images/bg-repeater.png') repeat-y;
	/*background:orange;*/
	}
	
#wrapper{background:url('../images/bg-elements.png') bottom left no-repeat;}

#main-column-01{
	float:left;
	width:230px;
	}
	
#main-column-02{
	float:right;
	width:750px;
	}

#logo-box{
	width:230px;
	height:225px;
	background:url('../images/bg-logo-box.png') bottom right no-repeat #fff;
	}

.logo{
	margin-top:20px;
	margin-left:20px;
	}
	
#booking-box{
	width:230px;
	height:500px;
	background:url('../images/frog.png') no-repeat;
	}
	
#booking-box img{
	margin-top:80px;
	margin-left:20px;
	}
	
#double-box{
	width:230px;
	height:300px;
	/*background:url('../images/frog.png') no-repeat;*/
	}
	
#double-box img{
	margin:20px 0 0 0;
	margin-left:20px;
	}
	
/* Twitter Styles */
.twitter-feed{padding:0 0 0 20px;}

.twitter-top{background:url('../images/twitter-top.png'); height:30px; width:190px; /*margin:0 0 0 20px;*/ display:block;}
	
.twitter-main{background:#fff; width:180px; padding:5px; /*margin:0 0 0 20px;*/ display:block;}

.author{margin:0 0 5px 0;}
.tweet{font-size:13px; padding:0 5px 0 5px; margin:0 0 5px 0;}

.twitter-bottom{width:190px; height:30px; background:url('../images/twitter-bottom.png'); margin-bottom:20px; display:block;}
		
#header{
	width:750px;
	height:120px;
	background:url('../images/bg-header.png') no-repeat #0c4178;
	/*background:green;*/
	}
	
#slogan{
	float:right;
	width:286px;
	height:97px;
	color:#fff;
	}

#topnav-outer{
	clear:both;
	width:750px;
	height:70px;
	background:url('../images/bg-topnav.png') no-repeat;
	}
	
#topnav-inner{
	margin-left:170px;
	}
	
#topnav-inner img{
	display:block;
	float:left;
	}

#content-wrapper{
	/*background:url('../images/water.png') bottom left no-repeat #0C4178;*/
	}

#content-main{
	float:left;
	width:510px;
	/* min-height hack */
	min-height:540px;
  	height:auto !important;
  	height:540px;
  	/* end min-height hack */
	background:#fff;
	}
	
#subnav-outer{background:#B73372;}

/* ------------------------------
	
Content Styles - Share with wysiwyg
	
------------------------------ */

#body-content{ /* This will change to body in the wysiwyg stylesheet */
	font-family: Arial, Helvetica, sans-serif;
	/*font-family: "Century Gothic", "Tw Cen MT", Futura, "URW Gothic L", Arial, sans-serif;*/
	font-size:16px;
	color:#0C2D51;
	}

p, li{
	font-size:14px;
	color:#0C2D51;
	margin-bottom:10px;
	text-align:justify;
	line-height:1.5em;
	}

h1, h2, h3{
	margin-bottom:10px;
	font-size:20px;
	font-weight:bold;
}

h4{
	margin-bottom:10px;
	font-size:1.5em;
	font-weight:bold;
}

h5{
	margin-bottom:10px;
	font-size:1.2em;
	font-weight:bold;
}

img{border:0;}

/* These list styles need to be prefixed with #body-content */
#body-content ul{padding-left:30px; margin-bottom:10px;}
#body-content ol{padding-left:30px; margin-bottom:10px;}
#body-content li{padding:3px;}

table{
	margin-bottom:10px;
	border-collapse: collapse;
	width:400px;
	background:#c9e4fe;
	}

table th{
	border:1px solid #000; 
	padding:5px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	text-align:center;
	background: #1E4F84;
	color:#fff;
}

table td{
	border:1px solid #000; 
	padding:5px;
	width:25%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	}

form{
	margin-bottom:10px;
	padding:10px 10px 5px 10px;
	background:#efefef;
	border:1px solid #d9d6d6;
	}
	
label{display:block; margin-bottom:5px;}

input{
	width:200px;
	background:#fff;
	border:1px solid #1E4F84;
	padding:2px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#000;
	margin-bottom:5px;
	}

input.button{
	margin-top:5px;
	width:150px;
	background:#eee;
	color:#222;
	border-top:1px solid #ccc;
	border-left:1px solid #ccc;
	border-right:1px solid #333;
	border-bottom:1px solid #333;
	cursor:pointer;
	}

input.button:hover{background:#D9EFF9;}

textarea{
	display:block;
	overflow:auto;
	width:400px;
	height:150px;
	background:#fff;
	border:1px solid #1E4F84;
	padding:2px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#000;
	}

a:link, a:visited{
	/*color: #3c79c6;*/
	color:#B73372;
	font-weight:bold;
	text-decoration:none;
	}

a:hover {
	color:#B73372;
	font-weight:bold;
	text-decoration:underline;
	}

/* --- clearfix --- */

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
	}

.clearfix {
	display: inline-block;
	}

html[xmlns] .clearfix {
	display: block;
	}

* html .clearfix {
	height: 1%;
	}

/* --- subnav --- */
ul#subnav{padding:5px 0px 5px 0px; text-align:center;}

ul#subnav li {display:inline; margin:0px;}

ul#subnav li a:link, ul#subnav li a:visited{
 	padding-top:5px;
 	padding-bottom:5px;
 	padding-left:10px;
 	padding-right:10px;
	text-decoration:none;
	font-size:18px;
	font-weight:bold;
	color:#FFFFFF;
	background:#B73372;
	}

ul#subnav li a:hover{background:url('../images/subnav-repeater.png') repeat-x ;}/*#E29805*/

/* -- subsubnav -- */
#subsubnav{
	/*background:green;*/
	}
	
.subsublink{	
	/*float:left;*/
	background:aqua;
	border-right:1px solid #fff;
	border-bottom:1px solid #fff;
	width:280px;
}

.subsublink a:link,
.subsublink a:visited{
	display:block;
	padding:5px;
	background:#4471b3;
	color:#fff;
	font-size:18px;
}

.subsublink a:hover{background:#0c2d51;}
/*
ul#subsubnav{padding:5px 0px 5px 0px;}

ul#subsubnav li {display:inline; margin:0px; background:green;}

ul#subsubnav li a:link, ul#subsubnav li a:visited{
	display:block;
	float:left;
 	padding:5px 10px 5px 10px;
	text-decoration:none;
	font-size:12px;
	color:#fff;
	background:#4471b3;
	border-right:1px solid #fff;
	border-bottom:1px solid #fff;
	width:136px;
	}*/

/* -- Footer -- */
#footer-main{
	clear:both;
	height:70px;
	background:#000;
	}
	
#footer-left{
	float:left;
	height:60px;
	padding:0px 0px 0px 10px;
	/*background:url('../images/footer-left.png') bottom left no-repeat;
	background:green;
	color:#4471B3;*/
	}
	
.twitter-bird{/*padding:3px 0 0 3px;*/ float:left;}
	
#footer-right{
	float:right;
	height:60px;
	padding:10px 20px 0px 0px;
	background:url('../images/footer-right.png') bottom right no-repeat;
	text-align:right;
	color:#4471B3;
	}
	
#footer-right a:link, #footer-right a:visited{
	color:#fff;
	text-decoration:none;
	}
	
#footer-right a:hover{text-decoration:underline;}

/* -- reusable classes -- */

.hor-line{border-top:1px solid #000; margin-bottom:10px;}

.align-left{text-align:left;}

.align-center{text-align:center;}

.align-right{text-align:right;}

.float-left{float:left;}

.float-right{float:right;}

.clear{clear:both;}

.bottom-5{margin-bottom:5px;}

img.left{
	float:left;
	margin-right:5px;
	}
	
img.right{
	float:right;
	margin-left:5px;
	}

.padder-10{padding:10px;}

.padder-20{padding:20px;}

.white{color:#fff;}

/* -- Course Calender -- */
.highlight-box{
	width:460px;
	padding:5px;
	background:#efefef;
	border:1px solid #d9d6d6;
	margin-bottom:5px;
	word-wrap: break-word;	
	}
	
.dark-box{
	width:460px;
	padding:5px;
	background:#4471b3;
	color:#fff;
	margin-bottom:5px;
	}

.dark-box-small{
	width:450px;
	padding:5px;
	background:#4471b3;
	color:#fff;
	margin-bottom:5px;
	}
	
	
span.dark-box-date{
	color:#FFF;
	font-size:16px;
	font-weight:bold;
}
	
.highlight-box p a{font-weight: bold;}

	
a.whitelink{
	color:#FFF;
}

a.whitelink-date{
	color:#FFF;
	font-size:16px;
	font-weight:bold;
}

.arrow{
	float:left;
	margin-right:5px;
	}

a.toggler{
	float:left;
	font-size:18px;
	font-weight:bold;
	width:445px;
	}
	
a.toggler:visited{
	float:left;
	font-size:18px;
	font-weight:bold;
	}
	
a.toggler:hover{cursor:pointer}
	
a.med-link{
	float:left;
	font-size:13px;
	font-weight:bold;
	}	

.course-description{
	clear:both;
	padding-top:5px;
	}
	
.thumb-row{
	margin-bottom:10px;
	}
	
.thumb-box{
	display:block;
	float:left;
	margin-right:10px;
	width:110px;
	text-align:center;
	}
	
.thumb-box-end{
	display:block;
	float:left;
	width:110px;
	text-align:center;
	}
	
.thumb-box a,
.thumb-box-end a{font-size:12px;}

* {margin:0; padding:0}

#text {margin:50px auto; width:500px}
/*.hotspot {color:#900; padding-bottom:1px; border-bottom:1px dotted #900; cursor:pointer}*/

#tt {position:absolute; display:block; background:url(images/tt_left.gif) top left no-repeat}
#tttop {display:block; height:5px; margin-left:5px; background:url(images/tt_top.gif) top right no-repeat; overflow:hidden}
#ttcont {display:block; padding:2px 12px 3px 7px; margin-left:5px; background:#38CDFF; color:#0C2D51;}
#ttbot {display:block; height:5px; margin-left:5px; background:url(images/tt_bottom.gif) top right no-repeat; overflow:hidden}