@import url("reset.css");

/* main tags */

body { background-image: url(../images/slice.jpg); background-position: top; background-repeat: repeat-x; background-color: #A0BCC8; width: 100%; height: 100%; color: #000000; font-family: Arial, Helvetica, sans-serif; }



h1 { font-size: 1.3em; color: 294856; margin-bottom: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: lighter; }

h2 { font-size: 1.1em; margin-bottom: 10px; font-weight: lighter; }

h3 {}

.left { float:left; }
.right{ float:right; }
.clear { display:block; clear: both; }
.cont-p { padding-top: 33px; }



/* containers */

#container { width: 100%; background-image: url(../images/bg.jpg); background-position: top center; background-repeat: no-repeat;   }
#header{ width: 730px; height: 279px; background-image: url(../images/banner.jpg) }
	
	#main{ width: 959px; height:100%; margin: 0 auto 0 auto; clear: both; background-image: url(../images/bg-main_13.jpg); background-position: bottom; background-repeat: repeat-y }
	
		#mainLeft { width: 229px; float: left; background-image: url(../images/side-bg.jpg); background-repeat: no-repeat; background-position: 0 180px; background-color: #467185; height: 100%; }
		#mainRight { width: 730px; float: left; background-image: url(../images/main-r-slice.jpg); background-repeat: repeat-y; margin-top: 45px; height: 100%; height: 100%;  }
		
		#page-links #mainRight { height: auto; }
		#page-contact #mainRight { height: auto; }
		#page-contact ul li { list-style: none; } 
	
		#content { padding: 18px; font-size: 0.8em; font-family: Verdana, Arial, Helvetica, sans-serif;line-height: 1.4em; color: #575c5e;  }
		#content p {margin-bottom: 10px;}
		#content a { color: #d89432; text-decoration: none;  }
		#content a:hover { text-decoration: underline; }
		
		ul.st-list { margin-bottom: 10px; padding-left: 30px; }
		ul.st-list li { list-style: disc; font-size: 0.8em; line-height: 1.4em; color: #575c5e; font-family: Verdana, Arial, Helvetica, sans-serif; }
		ul.st-list li ul { padding-left: 30px; }
		ul.st-list li ul li { list-style: circle; font-size: 1em; line-height: 1.4em; color: #575c5e; font-family: Verdana, Arial, Helvetica, sans-serif; }
		ul.st-list li ul li ul li { list-style: square; }
		ul.st-list li ul li ul li ul li { list-style: disc; }
		
		#content-left { width: 466px; float: left; padding-right: 18px; }
		#content-cta { width: 210px; float: left; padding-top: 30px; padding-left: 10px  }
	    #content-cta p { font-size: 0.7em; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 1.4em; margin-bottom: 10px; color: #575c5e; padding-left: 10px; }
	    #content-cta h2 { padding-left: 10px; padding-top: 18px; }
		
		.inner-right { width: 300px; float: left;  }
		.inner-left { width: 300px; float: left; margin-right: 18px; padding-left: 30px; margin-bottom: 30px; }
		.inner-centre { width: 600px; float: left; padding-left: 30px; margin-right: 18px; margin-bottom: 30px; }
		
		#address { background-color: #c6d6dd; margin-top: 18px; padding-bottom: 18px; margin-bottom: 18px; }
		#address a { font-size: 0.9em; color: #d89432; text-decoration: none;}
		#address a:hover { text-decoration: underline; }
		#address img { margin-top: -3px; }

	#footer{ width: 100%; height: 94px; background-color: #315261; clear: both; }
	#footer a { color: #FFFFFF; margin-right: 30px;}
	#footer p { font-size: 0.8em; color: #FFFFFF; float: left; margin-top: 20px; margin-left: 10px; }
	#footer img { margin-right: 10px; }
	
	#map { float: left; margin-bottom: 18px; }
	#slideshow { margin-left: 20px; float: left; width: 690px; height: 198px; }
	#banner-image { margin-left: 20px; float: left; width: 690px; height: 198px; }
	
/* navigation */

ul#nav{ float: right;  height: 50px; margin-bottom: 21px; clear: both; }

#nav li.home { float: left; width: 71px; height: 50px; }
#nav li.profile { float: left; width: 118px; height: 50px; }
#nav li.services { float: left; width: 74px; height: 50px; }
#nav li.links { float: left; width: 80px; height: 50px; }
#nav li.contact { float: left; width: 101px; height: 50px; }

#nav li.home a { width: 71px; height: 50px; display: block; background-image: url(../images/nav_01.jpg); text-indent: -9999px; }
#nav li.profile a { width: 118px; height: 50px; display: block; background-image: url(../images/nav_02.jpg); text-indent: -9999px; }
#nav li.services a { width: 74x; height: 50px; display: block; background-image: url(../images/nav_03.jpg); text-indent: -9999px; }
#nav li.links a { width: 80px; height: 50px; display: block; background-image: url(../images/nav_04.jpg); text-indent: -9999px; }
#nav li.contact a { width: 101px; height: 50px; display: block; background-image: url(../images/nav_05.jpg); text-indent: -9999px; }

#nav li.home a:hover, #nav li.profile a:hover, #nav li.services a:hover, #nav li.links a:hover, #nav li.contact a:hover { background-position: 0 -50px; }
#page-home li.home a, #page-profile li.profile a, #page-services li.services a, #page-links li.links a, #page-contact li.contact a { background-position: 0 -50px; }

/* form */

#form-holder { width: 300px; float: left; }

ul.form   { margin-top: 10px; float: left; display: block; width: 300px;   }
ul.form li { margin-bottom: 3px; list-style: none; } 
  .form label  { display: inline-block; width: 80px; vertical-align: top; float: left; padding-left: 10px; font-size: 0.8em; font-family: Verdana, Arial, Helvetica, sans-serif; color: #575c5e; padding-top: 3px; }

textarea { width: 180px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 0.7em; padding-left: 2px; }
input { height: 17px; }

 .subres { border: 1px solid #000000; background-color: #36687f; color: #FFFFFF; height: 20px; }
 
/*****SERVICES LIST*****/

.visalist li{
	margin-left: 25px;
	list-style: disc;
}
.clickable{
	cursor: pointer;
	text-decoration: underline;
	color: #6F222D;
}