* { 
margin: 0; /*remove all default margins!*/
padding: 0; /*remove all default padding!*/
}

body {
	font-size: 1.2em;
	margin: 0 0 50px 0;
	background-color: #000;
	/* background: url(../images/BG-Content.gif) no-repeat 50% 300px #000; remove ATOL logo as BG element */
}

html {font-family: verdana, "lucida grande" arial, helvetica, sans-serif; font-size: 62.5%; color: #fff;}

/*ul {font-size: 100%;}*/
li {}

h1 {font-size: 1.7em; padding: 10px 0; letter-spacing: 2px;}
h2 {font-size: 1.4em; padding: 10px 0; color: #666; font-weight: normal;}
h3 {}

a img {border: none;}

a {color: #c1841a;  text-decoration: none;}
a:hover {color: #666; text-decoration: underline;}

.doh { color:#F44; }

#container {width: 1000px; margin: 0 auto;}

/* masthead graphic backgrounds */
#Green #masthead {background: url(../images/masthead-expeditions.jpg) no-repeat; height: 218px;}
#True-Adventure #masthead {background: url(../images/masthead-True-Adventure2.jpg) no-repeat; height: 218px;}
#Safety-Backup #masthead {background: url(../images/masthead-safety_backup.jpg) no-repeat; height: 218px;}
#Contact #masthead {background: url(../images/masthead-gallery.jpg) no-repeat; height: 40px;}
#Photo-Gallery #masthead {background: url(../images/masthead-gallery.jpg) no-repeat; height: 40px;}
#News #masthead {background: url(../images/masthead-news2.jpg) no-repeat; height: 218px;}

#charity-trek #masthead {background: url(../images/masthead-charity-trek.jpg) no-repeat; height: 218px;}

#SkyBlue #masthead {background: url(../images/masthead-home.jpg) no-repeat; height: 218px;}

#masthead p {width: 222px; font-size: 0.8em; font-weight: bold; line-height: 140%; padding: 20px; 
-align: right;}

#home-logos {text-align: center;}
#home-logos ul li {display: inline;}

#header {}


#accreditation {float: right; width: 730px; text-align: center; padding: 20px 0 0 0;}
#accreditation ul {}
#accreditation ul li {display: inline;}


#logo {width: 261px; margin: 0 0 -20px 0;}
#logo a.backHome {background: url(../images/TA-Logo.gif) no-repeat; display: block; height: 149px; width: 104px; border: none;}
#logo a.backHome:hover {background: url(../images/logo-TrueAdventure_over.gif) no-repeat;}

/*#flash {margin: 100px 0 0 0;}*/

/* son of suckerfish drop down */
  #nav {height: 20px; margin: 0 0 0 435px;} 
  #nav ul {list-style: none;}
  #nav a {display: block; color: #fff; border-left: 1px solid #c1841a; font-size: 0.8em; padding: 5px 10px; line-height: 1;}
  #nav a:hover {background-color: #fff; color: #666; text-decoration: none;}
/* all list items */
  #nav li {float: left; width: 110px;}
/* second-level lists */
  #nav li ul {position: absolute; background: #c1841a; width: 110px; left: -999em;}
  #nav li ul a {display: block;}
  #nav li ul a:hover {color: #c1841a; background-color: #fff;}
/* lists nested under hovered list items */
  #nav li:hover ul, #nav li.sfhover ul {left: auto;}
  
.navparent {
	height:100%;
}
  
#nav li ul ul { /* third-and-above-level lists */ margin: -20px 0 0 110px;}
#nav li:hover ul ul, #nav li.sfhover ul ul {left: -999em;}
#nav li:hover ul, #nav li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
}
   

#content {}
#content {}
#content p {font-weight: normal; padding: 10px 0; margin: 0;}

#Text {margin: 0 0 0 435px; padding: 20px 20px 0 0;}
#Text ul {margin: 10px 0;}
#Text ul li {list-style-type: disc; color: #c1841a; padding: 2px 0;}

#Text ol {margin: 10px 0 15px 40px;}
#Text ol li {list-style-type: decimal-leading-zero; color: #c1841a; padding: 2px 0;}

#latest-news {float: left; width: 300px; clear: left; background-color: #151515; margin: 30px 0 0 0; padding:10px;}
#latest-news dl {width: 300px;}
#latest-news h3 {color: #b1cbe6;}
#latest-news dt {color: #666; margin: 15px 0 0 0;}
#latest-news a {color: #b1cbe6!important;}
#latest-news a:hover {color: #016549!important;}
#latest-news dd {margin: 0 0 5px 0;}
#latest-news img {float: right; margin: 15px 0; padding: 0 10px;}

#thumbnail-pics {float: left; width: 203px; padding: 20px 30px; margin: 30px 0; clear: left; background-color: #151515; }
#thumbnails img {float: left;}

#staff {float: left; width: 263px; clear: left; background-color: #151515; margin: 30px 0 0 0;}
#staff dl {width: 243px; padding: 5px;}
#staff h3 {color: #ce4;}
#staff dt {font-size:120%;color: #666;}
#staff dt a {color:#666;}
#staff dd {margin: 0 0 5px 0;}

#footer {clear: both; background-color: #0e0e0e; margin: 30px 0 0 0; text-align: center;}
#footer a {color: #4b4b4b; font-size: 0.8em; padding: 0 10px; margin: 0; border-right: 1px solid #c1841a; }
#footer a.endLink {border-right: none !important;}
#footer a:hover {color: #c1841a;}

/* CSS colour switch styles */

#Green #masthead p {color: #3c6009;}
#True-Adventure #masthead p {color: #ace4e3;}
#Safety-Backup #masthead p {color: #5798ce;}
#News #masthead p {color: #91d4c1;}
#Contact #masthead p {color: #666;}
#SkyBlue #masthead p {color: #284d73;}


#Green #Text h1 {color: #78a834;}
#True-Adventure #Text h1 {color: #016549;}
#Safety-Backup #Text h1 {color: #043c77;}
#News #Text h1 {color: #016549;}
#charity-trek #Text h1 {color: #016549;}
#Contact #Text h1 {color: #666;}
#SkyBlue #Text h1 {color: #b1cbe6;}

#Green #nav li ul {background: #78a834;}
#Green #nav a {border-left: 1px solid #78a834;}
#Green #nav li ul a:hover {color: #3c6009 !important;}

#True-Adventure #nav li ul {background: #016549;}
#True-Adventure #nav a {border-left: 1px solid #016549;}
#True-Adventure #nav li ul a:hover {color: #016549 !important;}

#Safety-Backup #nav li ul {background: #043c77;}
#Safety-Backup #nav a {border-left: 1px solid #043c77;}
#Safety-Backup #nav li ul a:hover {color: #043c77 !important;}

#News #nav li ul {background: #016549;}
#News #nav a {border-left: 1px solid #016549;}
#News #nav li ul a:hover {color: #016549 !important;}

#charity-trek #nav li ul {background: #016549;}
#charity-trek #nav a {border-left: 1px solid #016549;}
#charity-trek #nav li ul a:hover {color: #016549 !important;}

#Contact #nav li ul {background: #666;}
#Contact #nav a {border-left: 1px solid #666;}
#Contact #nav li ul a:hover {color: #666 !important;}

#SkyBlue #nav li ul {background: #284d73;}
#SkyBlue #nav a {border-left: 1px solid #284d73;}
#SkyBlue #nav li ul a:hover {color: #284d73 !important;}

#Safety-Backup #Text a, #Safety-Backup #breadcrumbs a {color: #043c77; text-decoration: underline;}
#Safety-Backup #Text a:hover, #Safety-Backup #breadcrumbs a:hover {color: #666; text-decoration: none;}

#True-Adventure #Text a, #True-Adventure #breadcrumbs a {color: #016549; text-decoration: underline;}
#True-Adventure #Text a:hover, #True-Adventure #breadcrumbs a:hover {color: #666; text-decoration: none;}

#Green #Text a, #Green #breadcrumbs a {color: #78a834; text-decoration: underline;}
#Green #Text a:hover, #Green #breadcrumbs a:hover {color: #666; text-decoration: none;}

#News #Text a, #News #breadcrumbs a {color: #016549; text-decoration: underline;}
#News #Text a:hover, #News #breadcrumbs a:hover {color: #666; text-decoration: none;}

#charity-trek #Text a, #News #breadcrumbs a {color: #016549; text-decoration: underline;}
#charity-trek #Text a:hover, #News #breadcrumbs a:hover {color: #666; text-decoration: none;}

#SkyBlue #Text a, #SkyBlue #breadcrumbs a, #SkyBlue #latest-news a {color: #284d73; text-decoration: underline;}
#SkyBlue #Text a:hover, #SkyBlue #breadcrumbs a:hover, #SkyBlue #latest-news a:hover {color: #666; text-decoration: none;}

#Green #Text li {color: #78a834;}
#Safety-Backup #Text li {color: #043c77;}
#News #Text li {color: #016549;}
#charity-trek #Text li {color: #016549;}
#SkyBlue #Text li {color: #284d73;}
#True-Adventure #Text li {color: #ace4e3;}


#Green #footer a {border-right: 1px solid #78a834;}
#Green #footer a:hover {color: #78a834;}

#True-Adventure #footer a {border-right: 1px solid #016549;}
#True-Adventure #footer a:hover {color: #016549;}

#Safety-Backup #footer a {border-right: 1px solid #043c77;}
#Safety-Backup #footer a:hover {color: #043c77;}

#News #footer a {border-right: 1px solid #016549;}
#News #footer a:hover {color: #026549;}

#charity-trek #footer a {border-right: 1px solid #016549;}
#charity-trek #footer a:hover {color: #026549;}

#Contact #footer a {border-right: 1px solid #ccc;}
#Contact #footer a:hover {color: #999;}

#SkyBlue #footer a {border-right: 1px solid #284d73;}
#SkyBlue #footer a:hover {color: #999;}

/* Contact Us page - form styles */
fieldset {border: solid #333 1px; padding: 10px;}
legend span {display: block; color: #666; font-size: 1.4em; padding: 0 10px;}
label {display: block;}
label span {width: 130px; margin-left: 10px; float: left;}
label input, label textarea {width: 300px; font-family: inherit;}
.submit {margin-left: 140px; color: #c1841a;}
small {color: #666;}

/* breadcrumb styles */
#breadcrumbs {background-color: #0e0e0e; font-size: 0.8em; margin: 5px 0 0 0; float: left;}
#breadcrumbs ul {display: inline;}
#breadcrumbs ul li {display: inline;}
#breadcrumbs label {color: #666; display: inline;}

#Contact-Form form {border: 1px solid red;}

/* CLASSES */

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


/* GALLERY BABY!! */

.vcard {margin: 0 0 20px 0;}

#photo-gallery {margin: 20px 0;}
#photo_gallery a {border:0;}

.gallery_landscape {float:left; width: 500px; height:250px;	overflow:hidden;}
.gallery_normal {float:left; width: 250px; height:250px; overflow:hidden;}
.gallery_portrait {float:left; width: 125px; height:250px; overflow:hidden;}

.newsslots .child {
	clear:right;
}