/******************LEARNWATERCOLOUR JANUARY 2015 STYLESHEET*******************/



/****************STYLING OF BODY******************/
body {
	margin: 0;
	padding: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color: #112043;
	text-align: center;
}


/**********************STYLING OF WRAPPER*******************************/

#wrapper {
	position: relative;
	text-align: left;
	color: #FFFFFF;
	width: 820px;
	margin-top: 0;
	margin-right: auto;
	margin-left: auto;
	padding: 0;
	
}


/*********************************NAVIGATION SIDEBAR*************************/

#navigation {
	float: left;
	position: relative;
	width: 185px;
	clear: right;
	border-top: 1px solid #FFFFFF;
	border-bottom: 1px solid #FFFFFF;
	padding: 0 10px 0 0;
}
#navigation ul {
	margin: 10px 0px;
	padding: 0px;
}
#navigation ul li {
	list-style-type: none;
	margin: 0px 0px 5px;
	padding: 0px;
}
#navigation ul li a {
	font-family: Arial, Helvetica, sans-serif;
	color: #949494;
	text-decoration: none;
	letter-spacing: 2px;
}
#navigation ul li a:hover { text-decoration: none; color: #FFFFFF; }
body#home a#homenav,
body#gallery a#galnav,
body#buyp a#buypnav,
body#comms a#comnav,
body#buyc a#buycnav,
body#exib a#exibnav,
body#tuit a#tuinav,
body#work a#worknav,
body#course a#coursenav,
body#demo a#demnav,
body#tips a#tipsnav,
body#events a#eventnav,
body#blog a#blognav,
body#about a#aboutnav,
body#contact a#connav {
	color: #FF6600;
	
}

/*******************************QUOTE***************************/

#quote {
	float: left;
	position: relative;
	width: 180px;
	padding: 10px 0 0 0;	
}

/***************************STYLING OF CONTENT DIV***********************/


#content {
	clear: both;
}

#content {
	padding: 10px 0 0 0;
	border-top: 1px solid #FFFFFF;
}

#content a:link, #content a:visited {
	font-family: Verdana, sans-serif;
	color: #59A1C5;
	text-decoration: none;
}

#content a:hover {
	font-family: Verdana, sans-serif;
	color: #FFFFFF;
	text-decoration: none;
}

#content img {
	float: right;
	width: 180px;
	height: 180px;
	border: 3px solid #FFFFFF;
	margin: 10px 0 10px 10px;
}


/***************************STYLING OF CONTENT BOTTOM DIV***********************/


#content-bottom {
	clear: both;
}

#content-bottom {
	padding: 10px 0 0 0;
	border-top: 1px solid #FFFFFF;
}

#content-bottom a:link, #content a:visited {
	font-family: Verdana, sans-serif;
	color: #59A1C5;
	text-decoration: none;
}

#content-bottom a:hover {
	font-family: Verdana, sans-serif;
	color: #FFFFFF;
	text-decoration: none;
}

#content-bottom img {
	float: right;
	width: 180px;
	height: 180px;
	border: 3px solid #FFFFFF;
	margin: 10px 0 10px 10px;
}


/*************MAIN LAYOUT TABLES***********/


.right {
	vertical-align: top;
	text-align: left;
	background-color: #112043;
	padding: 0 20px;
}

.right-logo {
	vertical-align: bottom;
	text-align: right;
	background-color: #112043;
	padding: 0 25px 2px 0;
}


.left {
	vertical-align: top;
	text-align: left;
	background-color: #112043;
	padding: 0;
}

.left-logo {
	vertical-align: top;
	text-align: left;
	background-color: #112043;
	padding: 20px 0;
}

/************CLASSES FOR TEXT AND HEADINGS****************/


p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	letter-spacing: 1px;
	line-height: 20px;
	margin: 10px 0px 20px;
	padding: 0px;
}


h1 {
	font: normal 26px/110% Georgia, "Times New Roman", Times, serif;
	padding-bottom: 6px;
	color: #FF6600;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-left: 0px;
}
h2 {
	font: normal 22px/110% Georgia, "Times New Roman", Times, serif;
	padding-bottom: 6px;
	color: #949494;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-left: 0px;
}
h3 {
	font: normal 20px/110% Georgia, "Times New Roman", Times, serif;
	padding: 0 0 6px 0;
	color: #FF6600;
	margin: 0px;
}

h4 {
	font: normal 18px/100% Georgia, "Times New Roman", Times, serif;
	padding: 0;
	color: #949494;
	margin: 0px;
}

h5 {
	font: normal 20px/110% Georgia, "Times New Roman", Times, serif;
	padding-bottom: 6px;
	color: #E2E2E2;
	
}



/*****************STYLING OF IMAGE AND TEXT BOXES********/


.right-box {
	width: 600px;
	float: left;
	position: relative;
	border-top: 1px dotted #FF6600;
	padding: 10px 0;
}
.right-box a:link, .right-box a:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #59A1C5;
	text-decoration: none;
}

.right-box a:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	text-decoration: none;
}

.right-box img {
	float: left;
	margin-right: 20px;
	border: 3px solid #FFFFFF;
}

.eventp {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	letter-spacing: 1px;
	line-height: 20px;
	margin: -10px 0 20px 0;
	padding-left: 325px;
}

.color-1 {
	color: #FF6600;
}

.pad-left {
	padding-left: 330px;
}


/*************STYLING OF GALLERY PAGES TABLE*****************/

#content-gallery {
	padding: 10px 0 0 0;
	border-top: 1px solid #FFFFFF;
}


#content-gallery table
{
	text-align: center;
	vertical-align: top;
	color: #949494;
	background-color: #112043;
	border: 0;
}

#content-gallery td
{
	text-align: center;
	vertical-align: top;
	border: 0;
}

#content-gallery td p
{
	
font-family: Arial, Helvetica, sans-serif;
	font-size: 80%;
	margin: 5px 0;
	padding: 0;
}


#content-gallery td img
{
	border: 3px solid #FFFFFF;
}

#content-gallery td a:hover
{
	color: #FFF;
	background: #FFF;
}



/***********STYLING OF LINKS TO DIFFERENT GALLERIES*****************/

#gallerylink
{
	width: 400px;
	float: right;
	text-align: right;
	margin:  0;
	padding-bottom: 5px;
}

#gallerylink p {
	margin:  0;
	padding: 0;
	color: #949494;
}

#gallerylink a:link, #gallerylink a:visited {
	font-family: Verdana, sans-serif;
	color: #59A1C5;
	text-decoration: underline;
	padding: 0 10px 0 10px;
}

#gallerylink a:hover {
	font-family: Verdana, sans-serif;
	color: #FFFFFF;
	text-decoration: underline;
	padding: 0 10px 0 10px;
}

#content a.glink:link, #content a.glink:visited {
	font-family: Verdana, sans-serif;
	color: #59A1C5;
	text-decoration: underline;
	padding: 0 10px 0 10px;
}

#content a.glink:hover {
	font-family: Verdana, sans-serif;
	color: #FFFFFF;
	text-decoration: underline;
	padding: 0 10px 0 10px;
}
	
/******************************FOOTER****************************/

#footer {
	clear: both;
	padding: 20px 0;
	background-color: transparent;
	border-top: 1px solid #666666;
}

#footer p {
	text-align: left;
	font-size: 70%;
	color: #AAAAAA;
}

#footer a:link, #footer a:visited {
	color: #AAAAAA;
	background-color: #112043;
	text-decoration: underline;
}
#footer a:hover {
	font-weight: normal;
	color: #FFFFFF;
	background-color: #112043;
}

/************USEFUL BITS OF CODE******************

	<img src="images/pic.jpg" alt="pic" />

*******************************/