/***********************************************/
/*             faqs.css                        */
/*    
Stylesheet Rules:
Number four has the highest priority
   1. Browser default
   2. External style sheet
   3. Internal style sheet (inside the <head> tag)
   4. Inline style (inside an HTML element)

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


/***********************************************/
/* HTML tag styles                             */
/***********************************************/
	body {
		margin:10px 10px 0px 10px;
		padding:0;
		font-family: Arial, sans-serif;
		font-size:100.1%;
		color: #000000;
		line-height: 1.166;
		text-align: center;
		}

	
/******* hyperlink and anchor tag styles *******/

a:link, a:visited{
	color: #333333;
	text-decoration: none;
}

a:hover{
  	text-decoration: underline;
	color: #000000;
}

/************** header tag styles **************/

h1{
 font: bold 175% Arial,sans-serif;
 color: #FFCC00;
 margin: 0px;
 padding: 0px;
}

h2{
 font: bold 140% Arial,sans-serif;
 color: #333333;
 margin: 0px;
 padding: 0px;
}

h3{
	font: bold 130% Arial,sans-serif;
	color: #FFCC00;
	margin: 0px;
	padding: 0px;
	
}

h4{
 font: bold 120% Arial,sans-serif;
 color: #000000;
 margin: 0px;
 padding: 0px;
 text-decoration: underline;
}

h5{
 font: bold 105% Arial,sans-serif;
 color: #000000;
 margin: 0px;
 padding: 0px;
 text-decoration: underline;
}

h6{
 font: bold 100% Arial,sans-serif;
 color: #333333;
 margin: 0px;
 padding: 0px;
}

/*************** list tag styles ***************/

/**Lists**/

li {
	font-size: 90%;
	line-height: 1.1em;
	margin-top: 0.3em;
	margin-bottom: 0.2em;
}

ul{
	list-style-type: square;
	margin-top: 1em;
	margin-bottom: 1em;
}

ul ul{
 list-style-type: disc;
}

ul ul ul{
 list-style-type: none;
}

/********* form and related tag styles *********/

form {
	margin: 0;
	padding: 0;
}

label{
 font: bold 1em Arial,sans-serif;
 color: #334d55;
}
				
input{
font-family: Arial,sans-serif;
}

hr {
	margin: 0px; /* fixes xhtml N6 bug where the hr sits to the left*/
	color: #ccc; /* for ie */
	background-color: #ccc; /* for everyone else */
	height: 1px;
	}

td {
	font-size: 90%;
	}
hr {
	margin-top: 2.0em;
	margin-bottom: 2.0em;
	}
img {
	border: 0;
	}
/*** the following styles and notes are (c) Copyright
Big John @ www.positioniseverything.net 

***/
.italics-test, .italics-test-side {
font-style: italic; 
text-align: justify; 
}

/***
The following fixes prevent justified italic text
from destroying the layout in IE/win. The problem
is that those properties together make IE force the
container wider, which in this type of floated layout
causes a float drop.
Pre-IE6 gets "width: 100%" and "overflow: hidden",
while IE6 gets "width: auto" and "overflow: visible,
which is the default, but explicitly stating it seems
to keep IE6 happy. IE6 also needs to see the
"height: 1%" to give it some kind of box dimension.
Browser coddling we call it. Finally, Bruno Fassino
found that "word-wrap: break-word;" disarranged the
justified text in IE5.5 and 6, so it is defaulted to
"normal" for this text.
If you don't need justified and italicized text then
forget all these fixes.
Although, ClevaTreva adds, I have seen some odd
behavior with normal justified text in IE, so
this may be worth remembering.
***/

/* \*/
* html .italics-test, * html .italics-test-side {
overflow: hidden;
width: 100%;
o\verflow: visible;
w\idth: auto;
he\ight: 1px;
word-wrap: normal;
}
/


/******* Paragraph styles *******/

p.uppercase {text-transform: uppercase}
p.lowercase {text-transform: lowercase}
p.capitalize {text-transform: capitalize}


/***********************************************/
/* Layout Divs                                 */
/***********************************************/

#wrapper {
	margin-left: auto;
	margin-right: auto;
	width: 760px;
	text-align: left;
	z-index:-2;
	border-style: solid;
	border-top-color: #333333;
	border-top-width: 2px;
	border-right-color: #333333;
	border-right-width: 2px;
	border-right-style: groove;
	border-bottom-width: 2px;
	border-bottom-color: #333333;
	border-bottom-style: groove;
	border-left-color: #333333;
	border-left-width: 2px;
	background-color:#FFCC00;
}
		
#main1 {
	margin:0;
	padding:0;
	z-index:0;
	border-color: #333333;
	background-color:#FFCC00;
}

#main2 {
	margin:0;
	padding:0;
	z-index:0;
	background-color:#FFCC00;
}


#left {
	float:left;
	width:161px;
	margin:0px 0px 0px 0px;
	padding:0;
	font: small Verdana,sans-serif;
	background: #FFCC00;
	z-index:2;
	
	
}

#right {
	float:right;
	width:150px;
	margin:0;
	padding:0;
	font: small Verdana,sans-serif;
	background: #FFCC00;
	z-index:2;
}
		
#middle {
	margin:0px 150px 0px 161px;
	font-size:80%;
	border-right: 1px solid #cccccc;
	border-left: 1px solid #cccccc;
	z-index:1;
	background-color:#FFFFFF;
}

#2column_content {
	margin:0px 0px 0px 162px;
	font-size:80%;
	background: #FFCC00;
	/**background-color: FFCC00; **/
	border-right: 1px solid #cccccc;
	z-index:1
}

.column-in {
		margin:0; padding:0.5em 1em;
		}

.cleaner {
		clear:both;
		height:1px;
		font-size:1px;
		border:none;
		margin:0; padding:0;
		background:transparent;

}
		
.copy { text-align:center; font-size:80% }

#header {
	margin:0;
	padding:0;
	/**background-image:url(../images/quadadventures_website_logo_angle.gif);
	background-repeat: no-repeat;
	background-position: left;	**/
	height:131px;
	z-index: 1;
	
		}
		
#logo {
	position:relative;
	margin: 0px;
	padding: 22px 0px 0px 0px;
	top: -2px;
	left: -2px;
	height:105px;
	width: 159px;
	z-index: 3;
	background: #FFCC00;
	display: block;
	border-right: 1px solid #000000;
	border-left: 1px solid #000000;
	border-top: 1px solid #000000;
	border-bottom: 1px solid #000000;
}
		
.headerTable {
	position: relative;
	Left:0px;
	top:0px;
	float: left;
	z-index: 1;
	
}

#pageNameLP{
		padding: 0px 0px 0px 0px;
		margin: 0px;
		color: #333333;
		background: #333333;
		z-index: auto;
}

#pageNameLP h1{
	font: bold 145% Arial,sans-serif;
	color: #FFCC00;
	margin:0px;
	padding: 2px 0px 2px 0px;
}

#pageNameLP h2{
	font: 40% Arial,sans-serif;
	color: #333333;
	margin:0px;
	padding: 0px;
}

#pageNameLP h3{
	font: 115% Arial,sans-serif;
	color: #FFCC00;
	margin:0px;
	padding: 0px;
}

#pageNameLP img{
	position: relative;
	top: 12px;
	padding: 0px;
	margin: 0px;
	left: 0px;
}

#pageHelp{
	padding: 0px 0px 0px 0px;
	height: 14px;
	margin: 0px;
	color: #000000;
	background: #999966;
	z-index: 1;
	border-bottom: 1px solid #ffffff;
}

/************** utility Landing Page styles **************/
#utilityLP{
	float: right;
	font: 55% Verdana,sans-serif;
	font-weight: bold;
	width: 270px;
	color: #000000;
	padding-top: 1px;
	padding-bottom: 2px;
	padding-right: 1px;
	margin: 0px;
	z-index: auto;

}

#utilityLP a{
	color: #000000;
}

#utilityLP a:hover{
	text-decoration: underline;
	color: #000000;
}

/************** utility styles *****************/
#utility{
	float: right;
	font: 55% Verdana,sans-serif;
	font-weight: bold;
	width: 270px;
	padding-top: 1px;
	padding-bottom: 2px;
	padding-right: 1px;
	margin: 0px;
	color: #FFFFFF;
	z-index: auto;
	
}

#utility a{
	color: #FFFFFF;
}

#utility a:hover{
	text-decoration: underline;
	color: #999966;
}

#breadCrumb{
	font-size: 68%;
	font-family: Arial, Helvetica, sans-serif;
	color: #FFCC00;
	font-weight: bold;	
}
	
.breadCrumbt1{
	color: #000000;
	padding-top: 1px;
	padding-bottom: 0px;
	}
	
#breadCrumb a{
	color: #000000;
	text-decoration: underline;
}

#breadCrumb a:hover{
	color: #333333;
	text-decoration: none;
	
}

#content{
	padding:0px 0px 0px 0px;
	margin:0;
	text-align: justify;
}
/**
#content h2{
	color: #FFCC00;
	height:15px;
	background-color: #333333;	
	padding: 2px 0px 2px 0px;
	margin: 0px 0px 0px 0px;
	font-size: 115%;
	z-index: 1;
}

#content h2 a:link {
	color: #FFCC00;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	font-size: 100%;
	background-color: #333333;
	z-index: 1;
}

#content h3{
	color: #FFCC00;
	font-size: 120%;
	height:18px;
	background-color: #333333;	
	border-bottom: 1px solid #cccccc;
	text-decoration: none;
	margin: 0px -5px 0px -5px;
	padding: 0px 0px 0px 0px;
	font-size: 100%;
	text-align: justify;
}

#content h4{
	color: #FFCC00;
	padding: 2px 5px 2px 0px;
	margin: 0px -5px 0px -5px;
	font-size: 120%;
	height:15px;
	background-color: #333333;	
	border-bottom: 1px solid #cccccc;
	text-decoration: none;
}

#content h5{
	color: #FFCC00;
	padding: 0px 0px 0px 0px;
	margin: 0px -5px 0px -5px;
	height:15px;
	background-color: #333333;	
	font-size: 100%;
	text-decoration: none;
}
**/
/************** feature styles *****************/
#feature{
	font-size: 100%;
	height:auto;
	z-index:1;
	color: #000000;
	padding: 0px 5px 0px 5px;
	margin: 0px 0px 0px 0px;
	text-align: justify;
}

#feature h3{
	color: #FFCC00;
	font-size: 140%;
	height:17px;
	background-color: #333333;	
	border-bottom: 1px solid #cccccc;
	text-decoration: none;
	margin: 0px -5px 0px -5px;
	padding: 1px 0px 1px 0px;
	font-size: 100%;
	text-align: justify;
}

#feature h5{
	color: #FFFFFF;
	font-size: 95%;
	height:15px;
	background-color: #333333;	
	border-bottom: 1px solid #cccccc;
	text-decoration: none;
	margin: 0px -5px 0px -5px;
	padding: 1px 0px 1px 0px;
	text-align: justify;
}
#feature h6{
	color: #000000;
	font-size: 100%;
	text-decoration: none;
	text-align: left;
	margin: 0px -5px 0px -5px;
	
}

#feature a:link, #feature a:visited {
	font-size: 100%;
	
}

#feature a:hover {
	padding: 0px 0px 0px 0px;
	text-decoration: underline;
	font-weight: bold;
}

#feature img{
	float: left;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px -4px;
	z-index:-1
}

.featureTable {
	margin: 0px 0px 0px 0px;
	z-index: 1;
	width:410px;
	border-bottom: 1px solid #ffffff;
	text-align: center;
	padding: 0px 0px 0px 20px;
	
}

.featureTable h6{
	font: bold 125% Arial,sans-serif;
	color: #333333;
	text-decoration: none;
	margin: 0px 0px 0px 0px;
	padding: 20px 0px 0px 35px;
	text-align: left;
}

.featureTable a:link, .featureTable a:visited {
	font-size: 140%;
		
}

.featureTable a:hover {
	padding: 0px 0px 0px 0px;
	text-decoration: underline;
	font-weight: bold;
}	
.featureTable img{
	width:80%;
	height:80%;
	padding: 2px 2px 2px 2px;
}

/************** pageName styles ****************/

#pageName{
	padding: 1px 0px 1px 10px;
	margin: 0px;
	color: #FFCC00;
	background: #333333;
	z-index: auto;
	height: 13px;
}

#pageName h1{
	font: bold 145% Arial,sans-serif;
	color: #FFCC00;
	margin:0px;
	padding: 0px;
}

#pageName h2{
	font: 40% Arial,sans-serif;
	color: #333333;
	margin:0px;
	padding: 0px;
}
#pageName h3{
	font: 115% Arial,sans-serif;
	color: #FFCC00;
	margin:0px;
	padding: 0px;
}
#pageName img{
	position: absolute;
	top: 140px;
	right: 6px;
	padding: 0px;
	margin: 0px;
	left: 419px;
}

/**image tags**/
img.imageleft { float: left; margin: 0px; }
img.imageright { float: right; margin: 0px; } 
img.imagecenter { text-align: center; margin: 15px; } 
img.top {vertical-align:text-top}
img.bottom {vertical-align:text-bottom}
img.imgmasthead {
	position: relative;
	left: -34px;
	top: 0px;
	width: 546px

} 
img.logo {
	position:relative;
	margin: 0px;
	top: 0px;
	left: -6px;
	height:92px;
	width: 159px;
}

.rightpagenavpic {
	float: left;
	margin: 0px; 
	height:82px;
	width: 149px

} 
.gallery a{
	border:0px

} 

/**New image**/
#new-pic{
	position: absolute;
	top: 1171px;
	left: 198px;
	right: 13%;
	width:auto;
	height: auto;
}

#tl {
	position:absolute;
	top: -15px;
	left: 50px;
	margin: 0px;
	padding: 0px;
	z-index: 100;
}

#tr {
	position:absolute;
	top: -9px;
	right: -1px;
	margin: 0px;
	padding: 0px;
	z-index: 100;
	left: 746px;
}


/***********************************************/
/* Component Divs                              */
/***********************************************/

/**rating images**/
.rating-pics {
	float: none;
	margin: -5px;
	width: 80%;
	height: 80%;
}


/**ratings**/
.ratings{
	color: #333333;
	padding: 0px 0px 0px 0px;
	font-size: 100%;
	font-weight: bold;
	}
	
.ratingsLP{
	color: #333333;
	padding: 0px 0px 0px 0px;
	font-size: 100%;
	font-weight: bold;
	}

.ratings_h1{
	color: #000000;
	padding: 0px 0px 0px 0px;
	font-size: 100%;
	background: #999966;
	font-weight: bold;
	}

.ratingTableLP {
	position: relative;
	right:-2px;
	top:0px;
	float: right;
	z-index: 1;
	border-left: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	border-top: 1px solid #cccccc;
	
}

.ratingTable {
	position: relative;
	right:-2px;
	top:7px;
	margin: 0px 0px 20px 0px;
	float: right;
	z-index: 1;
	border-left: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	border-top: 1px solid #cccccc;
	width:184px;
	
}

/************* breadCrumb styles *************


/*************** story styles ******************/

.story {
	padding: 10px 0px 0px 10px;
	font-size: 80%;
}

.story h3{
	font: bold 125% Arial,sans-serif;
	color: #333333;
}

.story p {
	padding: 0px 0px 10px 0px;
}

.story a.capsule{
	font: bold 1em Arial,sans-serif;
	color: #333333;
	display:block;
	padding-bottom: 5px;
}

.story a.capsule:hover{
	text-decoration: underline;
	color: #000000;
}

td.storyLeft{
	padding-right: 12px;
}

/************** industry links styles ****************/

#IndLinks{
	clear: both;
	border-top: 1px solid #cccccc;
	font-size: 100%;
	color: #666666;
	padding: 10px 10px 10px 10px;
	margin-top: 5px;
	background: #FFFFFF;
	z-index: 1;	
}

#IndLinks img{
	padding: 4px 4px 4px 4px;
	vertical-align: middle;
}


/************** siteInfo styles ****************/

#siteInfo{
	/**clear: both; **/
	border-top: 1px solid #cccccc;
	font-size: 70%;
	color: #FFCC00;
	padding: 5px 0px 5px 0px;
	margin-top: -1px;
	background: #333333;
	position: relative;
	z-index:1;
}

#siteInfo a{
	color: #FFCC00;
	text-decoration: none;
}

#siteInfo a:hover{
	color: #FFCC00;
	text-decoration: underline;
	font-weight: normal;
}

#siteInfo img{
	padding: 4px 4px 4px 0px;
	vertical-align: middle;
}


/************ sectionLinksR styles **************/

#sectionLinksR{
	margin: 0px;
	padding: 0px;
	font-size: 85%;
}

#sectionLinksR h3{
	padding: 10px 0px 2px 10px;
	border-bottom: 1px solid #cccccc;
}

#sectionLinksR a:link, #sectionLinksR a:visited {
	display: block;
	spacing: 1px;
	border-bottom: 1px solid #ffffff;
	font-weight: bold;
	padding: 3px 0px 3px 10px;
	color: #FFFFFF;
}

#sectionLinksR a:hover{
	/* border-top: 1px solid #cccccc; */
	border-bottom: 1px solid #cccccc;
	font-weight: bold;
	text-decoration: none;
	background: #CCCC99;
	background-image: None;
	color: #333333;
}

/************ sectionLinksL styles **************/

#sectionLinksL{
	margin: 0px;
	padding: 0px;
	background-color: #333333;
	font-size: 83%;
	z-index: 1;	
}

#sectionLinksL h3{
	padding: 10px 0px 2px 5px;
	border-bottom: 1px solid #cccccc;
}

#sectionLinksL a:link, #sectionLinksL a:visited {
	display: block;
	spacing: 1px;
	border-bottom: 1px solid #ffffff;
	font-weight: bold;
	padding: 3px 0px 3px 5px;
	color: #FFCC00;
}

#sectionLinksL a:hover{
	/* border-top: 1px solid #cccccc; */
	border-bottom: 1px solid #cccccc;
	font-weight: bold;
	text-decoration: none;
	background-color: #999966;
	background-image: None;
	color: #333333;
	
}

/************* relatedLinksL styles **************/

.relatedLinksL{
	margin: 0px;
	padding: 10px 5px 10px 5px;
	border-bottom: 1px solid #cccccc;
	border-top: 0px solid #cccccc;
	
}

.relatedLinksL h3{
 font: bold 100% Arial,sans-serif;
 color: #333333;
 margin: 0px;
 padding: 10px 0px 2px 0px;
 color: #000000;
}

.relatedLinksL a{
	display: block;
	font-size: 85%;
}


/************* relatedLinksR styles **************/

.relatedLinksR{
	margin: 0px;
	padding: 3px 0px 3px 5px;
	border-bottom: 1px solid #cccccc;
	border-top: 0px solid #cccccc;
	color: #000000;
	
}

.relatedLinksR h3{
 font: bold 95% Arial,sans-serif;
 margin: 0px;
 padding: 3px 0px 3px 5px;
 color: #000000;
}

.relatedLinksR a{
	display: block;
	color: #000000;
	font-size: 85%;
}


#gallery {
	height:129px;
	width:149px;
	margin: 0px;
	padding: 0px;
	border-bottom: 1px solid #ffffff;
}

#gallery h3{
	font: bold 110% Arial,sans-serif;
	margin: 0px 0px 0px 0px;;
	padding: 0px 0px 0px 0px;
	color: #FFCC00;
	text-align: center;
	display: block;
	height:19px;
	spacing: 1px;
	border-bottom: 1px solid #ffffff;
	background-color: #333333;
}

#tiscover{
	margin: 2px;
	padding: 0px 0px 0px 5px;
	font-size: 85%;
	border-bottom: 1px solid #ffffff;
	z-index: 1;	
}

#tiscover h3{
	font: bold 120% Arial,sans-serif;
	margin: 0px -1px 0px -6px;;
	padding: 0px 0px 0px 0px;
	color: #FFCC00;
	text-align: center;
	display: block;
	spacing: 1px;
	border-bottom: 1px solid #ffffff;
	border-top: 1px solid #cccccc;
	background-color: #333333;
}

#tiscover a{
	color: #000000;
	font-size: 65%;
	display: block;
}


#accom{
	margin: 3px 0px 0px 0px;;
	padding: 0px 0px 0px 0px;
	font-size: 85%;
	border-bottom: 1px solid #ffffff;
	z-index: 1;	
}

#accom h3{
	font: bold 120% Arial,sans-serif;
	margin: 1px -1px 0px 1px;;
	padding: 0px 0px 0px 0px;
	color: #FFCC00;
	text-align: center;
	display: block;
	height:20px;
	spacing: 1px;
	border-bottom: 1px solid #ffffff;
	border-top: 1px solid #cccccc;
	background-color: #333333;
}

#accom a{
	color: #000000;
	font-size: 65%;
	display: block;
}

/**************** Banners styles *****************/

#banner{
	padding:  0px;
}

#banner h3{
	padding: 10px 0px 2px 5px;
	color: #000000;
	text-align:left;
}

#banner img{
		text-align:center;
		margin: 0px; 
		
}

#addthis {
	padding:20px 50px 0px 50px;
	min-height:50px
}


/**************** advert styles *****************/

#advert{
	padding: 5px 0px 0px 0px;
	color: #000000;
	background-color:#FFCC00;
	font: 85% Arial,sans-serif;
	text-align:center;
}

#advert h3{
	padding: 5px 0px 2px 5px;
	color: #000000;
	font: bold 120% Arial,sans-serif;
	text-align:left;
}

.advert img{
	display: block;
}

/************** google-ads styles ****************/
#g-ads {
		/**clear: both; **/
		margin:10px 10px 0px 10px
}

.g-ads img{
		padding: 0px 10px 0px 0px;
}
		
	
/********************* end **********************/


/**************** calendar-container styles *****************/

#calendar-container-div{
	padding: 10px;
	border-bottom: 1px solid #cccccc;
	position: relative;
}

#calendar-container-div{
	display: block;
}

#calendar-container-div h3{
 	font: bold 100% Arial,sans-serif;
	color: #000000;	
	padding: 0px 0px 5px 0px;

}
/********************* end **********************/