/*	For bandwidth efficiency and appearance consistency I am separating the styles into 2 style sheets:
	1) goway-layout.css - Will contain definitions for element positioning and dimensions, also general tag styling
	2) goway-classes.css - will contain class definitions
	3) Spry elements will have their separate CSS file

	Page Elements (div) from top to bottom
	1) container - Contains all the other elements (to center and confine to 700px width)
	2) header  - Contains the topbanner editable region
	3) navbar - Contains the top menu to navigate site (spry horizontal menu)
	4) main - Contains the main editable region in most pages
	6) breadcrumb - Contains the single line navigation options (optional element, inside main)
	7) leftpanel - Contains the table with other naviagtion optins (optional element aligned to the left, inside main)
	8) submain - Contains the CONTENT area to the right of the left panel (optional element aligned to the right, inside main)
	9) copyright - Contains the copyright info
	
/* As a parent to most elements body will dictate font size and background color unless overriden */
html {
	scrollbar-base-color: #333333
}
body {
	margin:0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	background-color: #333333;
}
a {
	text-decoration: none;
}
a:link {
	color: #039;
}
a:hover {
	color: #03F;
	text-decoration: underline;
}
a:visited {
	color: #4F88FF;
}
/*Styles for the Globetrotting Mekit Kit*/
em {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:   1.0em;
}
/*end styles for Globetrotting Media Kit*/

p {
	margin-top: 0.2em;
	margin-right: 1em;
	margin-bottom: 0.8em;
	margin-left: 1em;
}
ol li {
	margin-bottom: 1em;
}
h1 {
	font-size:1.7em;
	font-weight: normal;
	padding:0.1em;
	text-align: center;
	margin: 0px;
	text-transform: capitalize;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	color:#333;
	background-color:#DFEFF4;
}
h2 {
	font-size: 1.3em;
	line-height:24px;
	letter-spacing:0.1em;
	text-align: center;
	font-weight: 600;
	margin: 0px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	background-image:url(images/top-bar-background.jpg);
	background-repeat: repeat-x;
	color: #036;
	background-color: #EEF9FD;
	height: 24px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #C4EBF7;
}
h3 {
	font-size: 1.2em;
	text-align: center;
	padding-top: 0.2em;
	padding-bottom: 0.2em;
	letter-spacing: 0.1em;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	color: #666;
	background-color: #F2F2F2;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0em;
	margin-left: 0px;
}
h4 {
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 0.15em;
	font-size: 1em;
	margin-top: 1em;
	margin-right: 1em;
	margin-bottom: 0em;
	margin-left: 1em;
	font-family: Tahoma, Geneva, sans-serif;
	color: #036;
}
table td ul {
	margin:0px;
	padding: 15px;
}
table td ul li {
	font-size: 10px;
	line-height: 16px;
}
/* Positioning of the page elements */

/* To center and confine to 700px */
#container {
	width: 950px;
	background-color: #FFFFFF;
	margin-right: auto;
	margin-left: auto;
	border: 5px solid #FFFFFF;
	margin-top: 10px;
}
/* The top header is just a 700 x 75 px image */
#header {
	width: 950px;
	background-color: #CCC;
	margin: 0px;
	padding: 0px;
	height: 120px;
	background-image:url(images/top-header950x120.gif);
	background-color: #F4F4F4;
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
#logo {
	height: 44px;
	width: 211px;
	background-color: transparent;
	margin: 0px;
	padding-top: 15px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 15px;
}
#promotion {
	height: 85px;
	width: 340px;
	background-color: transparent;
	margin: 0px;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 0px;
	float:right;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	color: #000;
	font-weight: normal;
	line-height: 18px;
	padding-left: 0px;
	font-style: italic;
}
#promotion p {
	margin-top:25px;
}
#promotion strong {
	color:#C1272D;
	font-size:14px;
	font-family: Verdana, Geneva, sans-serif;
	font-style: oblique;
}
#travelexperts {
	font-size: 12px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-style: oblique;
	color: #25418F;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 15px;
	width: 400px;
	padding: 0px;
}
#navbar {
	padding: 0px;
	margin-top: 10px;
	margin-bottom: 10px;
	height: 30px;
	background-image: url(images/top-bar-background.jpg);
	background-repeat: repeat-x;
	background-position: 9px 0px;
}
#travelexperts form {
	padding:0px;
	background-color: transparent;
	background-image: none;
	margin: 0px;
}
#travelexperts .searchbox {
	width:180px;
	font-size: 10px;
	background-color: #FFF;
	color: #666;
	font-family: Verdana, Geneva, sans-serif;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #CFE2F1;
	border-right-color: #5598CE;
	border-bottom-color: #5598CE;
	border-left-color: #CFE2F1;
	margin: 0px;
	line-height: 18px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 4px;
	height: 18px;
}
#travelexperts .searchbutton {
	width:6.5em;
	color: #000;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 3px;
	background-image: url(images/blue-fade.png);
	background-repeat: repeat-x;
	font-size: 10px;
	border: 1px solid #06C;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	letter-spacing: 0.1em;
	font-family: Arial, Helvetica, sans-serif;
	background-color: #CDEDF9;
	line-height: 10px;
	text-align: center;
	vertical-align: middle;
	padding-top: 2px;
	padding-bottom: 3px;
	padding-right: 0px;
	padding-left: 0px;
	height: 20px;
}
#socialmediaicons {
	margin-left:45px;
	width:105px;
	float:left;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}
#socialmediaicons img {
	margin-top: 4px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 3px;
	float: left;
}
#MenuBar1 {
	float:left;
	margin: 0px;
	padding-top: 6px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	font-size: 11px;
}
#main {
	clear:both;
	width:950px;
	margin-top: 0;
	margin-bottom: 0;
}
#copyright {
	font-size: 10px;
	clear:both;
	padding: 12px;
	background-color: #FFFFFF;
	border-right-width: 5px;
	border-left-width: 5px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #FFFFFF;
	border-left-color: #FFFFFF;
	margin-top: 1.5em;
	border-top-width: 1px;
	border-top-style: dashed;
	border-top-color: #B6D6ED;
}
#copyright a {
	font-size: 10px;
}
#breadcrumb {
	vertical-align:middle;
	text-align: left;
	font-size: 10px;
	margin-top: .5em;
	margin-right: 0px;
	margin-bottom: .5em;
	margin-left: 1em;
	color: #999;
}
#leftpanel {
	float:left;
	width:300px;
	font-size: 11px;
	background-color:#F4FAFB;
	font-family: Arial, Helvetica, sans-serif;
	color: #333;
}
#leftpanel p {
	margin-top: 0.25em;
	margin-right: 0.25em;
	margin-bottom: .5em;
	margin-left: 0.5em;
}
/* The H1 tag is carefully defines to override the general H1 declaration in the other CSS */
#leftpanel h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight:normal;
	margin:0px;
	text-align:left;
	padding:0px 0px 0px .5em;
	color:#002166;
	letter-spacing:0.1em;
	border:none;
	background-color: #FFFFFF;
}
#leftpanel h2 {
	font-size: 11px;
	font-weight:bold;
	text-align:left;
	text-transform: none;
	background-image: none;
	padding-left: 4px;
	vertical-align: middle;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: .5em;
	margin-left: 0px;
	background-image:url(images/top-bar-background.jpg);
	background-repeat: repeat-x;
	color:#001F5E;
	background-color:#DFF3FC;
	vertical-align: middle;
	padding-left: .5em;
	background-position: 0px 0px;
	padding-right: 0.35em;
	padding-top: 0px;
	padding-bottom: 0px;
}
#leftpanel h3 {
	text-align:left;
	padding: 0px;
	font-size: 12px;
	margin-left: 1em;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #B0E6F4;
}
#leftpanel h4 {
	font-size: 11px;
	font-weight:600;
	margin:.4em 0 .4em .4em;
	letter-spacing: 0.08em;
	text-transform: capitalize;
}
#leftpanel strong {
	font-size: 12px;
}
#leftpanel img {
	display: block;
	margin-right: auto;
	margin-left: auto;
}
#leftpanel ul {
	margin-top:5px;
	margin-bottom:7px;
}
#leftpanel ul li {
	background-image: url(../css/themes/africa/images/triangle_yellow6x8.gif);
	background-repeat: no-repeat;
	background-position: 1px 5px;
	list-style-type: none;
	padding-left:11px;
	margin-left:-40px;
	font-size: 11px;
	vertical-align: middle;
	line-height: 17px;
	text-align:left;
}
#leftpanel a {
	cursor:pointer;
	letter-spacing: 1px;
}
#submain {
	float:right;
	width:630px;
	clear: right;
	border: 1px dotted #C4EBF7;
}
#quizbg {
	background-color:#FFFFFF;
}
/*--- Request a Quote Styles ----- */
#requestquote {
	width:272px;
	font-family:Verdana, Geneva, sans-serif;
	text-align:center;
	font-size: 11px;
	margin-top: 30px;
	margin-right: auto;
	margin-bottom: 30px;
	margin-left: auto;
	height: 250px;
}
#requestquote p {
	font-size:12px;
	font-weight:bold;
	letter-spacing:.1em;
	height:16px;
	background-image:url(../forms/images/free-quote-request_01.png);
	background-repeat:no-repeat;
	color:#666;
	margin: 0px;
	padding-top: 6px;
	padding-right: 0px;
	padding-bottom: 6px;
	padding-left: 0px;
	font-family: Arial, Helvetica, sans-serif;
}
#requestquote h4 {
	font-size:13px;
	color:#666 !important;
	margin: 0px;
	font-family: Arial, Helvetica, sans-serif;
	border-top-style: none !important;
	border-right-style: none;
	border-bottom-style: none !important;
	border-left-style: none;
}
#requestquote form {
	margin:0px;
	padding:0px;
	text-align:center;
	background-image:url(../forms/images/free-quote-request_03.png);
	font-size:11px;
	background-repeat:no-repeat;
	height: 64px;
	width: 272px;
}
#requestquote select {
	height:20px;
	line-height:18px;
	margin:5px auto;
	border: 1px solid #A9E3F2;
	background-color: #F8F8F8;
	color: #666;
}
img {
	border-top-color: #CCC;
	border-right-color: #666;
	border-bottom-color: #666;
	border-left-color: #CCC;
}