@charset "utf-8";
/* CSS Document */

/* 
		Theme Name: Global Directions
		Description: For website
		Designer : Luke Hayes

		Colours:
		
		text: 			#666666
		bright-blue: 	#0e4e8f
		grey-blue: 		#1b4e82
		light-blue:		#e2eaf2
		
		
*/


body {
	background: #0e4e8f;
	text-align: center;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	line-height: 15px;
	width: 100%;
}
h1 {
	font-size: 20px;
	color: #0e4e8f;
}
h2, h3, h4, h5 {
	font-size: 15px;
	color: #201e1f;
}
#content h2 {
	padding-top: 10px;
	padding-bottom: 10px;
}
p {
	color: #666666;
	font-size: 11px;
}
/* ~~ Element/tag selectors ~~ */
ul, ol, dl {
	padding: 0;
	margin: 0;
}
h1, h2, h4, h5, h6, p {
	margin-top: 0;
	padding-right: 15px;
	padding-left: 15px;
	padding-bottom: 4px;
}
h3 {
	margin-top: -10px;
	padding-right: 15px;
	padding-left: 15px;
}
a img {
	border: none;
}
a:link {
	text-decoration: none;
	/*font-weight:bold;*/
	color: #0e4e8f;
}
a:hover, a:active, a:focus {
	text-decoration: underline;
	color: #666;
}
#outer_container {
	width: 100%;
	background: #0e4e8f;
	text-align: center;
}
/* ~~ This fixed width container surrounds all other divs ~~ */
#container {
	width: 900px;
	background: #0e4e8f;
	margin: auto;
	padding: 10px;
}
#header {
	background: url(/images/HeaderBackground.png) no-repeat;
	height: 288px;
	width: 874px;
	overflow: hidden;
	margin: auto;
}
#logo {
	float: left;
	display: block;
	margin: 23px 0 0 30px;
}
#date {
	font-size: 12px;
	color: #ffffff;
	font-variant: small-caps;
	float: right;
	margin-top: -62px;
}
#header_text {
	float: right;
	text-align: left;
	margin: 120px 20px 0 0;
	position: relative;
	width: 330px;
}
#header_text h1 {
	font-size: 22px;
	color: #1c1a18;
	line-height: 30px;
}
#header_text h2 {
	font-size: 18px;
	color: #0e4e8f;
	line-height: 30px;
}
#header_text h3 {
	font-size: 12px;
	color: #0e4e8f;
	font-style: italic;/*line-height: 24px;*/
}
#menu {
	background: url(/images/nav-curve-bot.jpg) no-repeat;
	height: 47px;
	width: 874px;
	margin: auto;
}
#main {
	width: 892px;
	margin: auto;
	padding-top: 10px;
}
#sidebar1 {
	float: left;
	width: 231px;
	padding-right: 10px;
}
#sidebar1 .side_content p {
	text-align: center;
	margin: 0;
}
#content {
	background: #e2eaf2;
	float: left;
	border: solid 1px;
	border-color: #8dacca;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	width: 378px;
	margin: 10px;
	padding-top: 20px;
	padding-left: 20px;
	padding-right: 10px;
	padding-bottom: 30px;
}
#content p {
	margin-top: 5px;
	padding-bottom: 23px;
}
#content h1 {
	margin-top: 30px;
}
#content h3 {
	margin-bottom: 10px;
}
#sidebar2 {
	float: right;
	width: 222px;
	padding-left: 10px;
}
#sidebar2 .side_content {
	text-align: center;
}
.side_content {
	/*border: solid 1px #88a8c7;
	-moz-border-radius: 20px;
	-webkit-border-radius: 10px;
	margin-top: 10px;
	background: #1b4e82;
	padding-bottom:10px;
-moz-border-radius-bottomleft:25px;
-moz-border-radius-bottomright:20px;
-moz-border-radius-topleft:5px;
-moz-border-radius-topright:5px;*/

	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	background: #1B4E82 none repeat scroll 0 0;
	border: 1px solid #88A8C7;
	margin-top: 10px;
	padding-bottom: 10px;
}
.side_content h1 {
	font: Verdana, Geneva, sans-serif;
	font-weight: bold;
	font-size: 15px;
	color: #ffffff;
	line-height: 20px;
	text-align: center;
}
.side_content p {
	margin-left: 0;
}
/* ~~ This grouped selector gives the lists in the .content area space ~~ */
.content ul, .content ol {
	padding: 0 15px 15px 40px;
}
/* ~~ The navigation list styles (can be removed if you choose to use a premade flyout menu like Spry) ~~ */
ul.nav left {
	list-style: none;
	border: none;
	margin-bottom: 15px;
	padding-left: 10px;
	font-size: 14px;
	color: #ffffff;
}
ul.nav left li {
	border: none;
}
ul.nav a, ul.nav a:visited {
	padding: 5px 5px 5px 15px;
	display: block;
	width: 160px;  /*this width makes the entire button clickable for IE6. If you don't need to support IE6, it can be removed. Calculate the proper width by subtracting the padding on this link from the width of your sidebar container. */
	text-decoration: none;
	background: #C6D580;
}
ul.nav a:hover, ul.nav a:active, ul.nav a:focus { /* this changes the background and text color for both mouse and keyboard navigators */
	background: #ADB96E;
	color: #FFF;
}
/* ~~ The footer styles ~~ */
#footer {
	clear: both;
	width: 100%;
	background: url(/images/Gradient3.jpg) repeat-x;
	text-align: center;
	font: Verdana, Geneva, sans-serif;
	font-size: 10px;
}
#footer a {
	text-decoration: none;
}
#footer_nav {
	width: 900px;
	height: 50px;
	background: url(/images/Gradient1.jpg) repeat-x;
	text-align: center;
	margin: auto;
}
#footer_nav ul li {
	font: Verdana, Geneva, sans-serif;
	font-size: 10px;
}
#footer_basic {
	width: 100%;
	height: 43px;
	background: url(/images/Gradient2.jpg) repeat-x;
	text-align: center;
	margin: auto;
}
/* ~~ Miscellaneous float/clear classes ~~ */
.fltrt {  /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page. The floated element must precede the element it should be next to on the page. */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* this class can be placed on a <br /> or empty div as the final element following the last floated div (within the .container) if the .footer is removed or taken out of the .container */
	clear: both;
	height: 0;
	font-size: 1px;
	line-height: 0px;
}
/* menu css CW */

/* table menu */
#menu #cat_771399_divs {
	width: 870px;
	padding: 8px 0 0;
}
.m1-item, .m2-item, .m3-item, .m4-item, .m5-item {
	color: #fff;
	text-align: center;
	cursor: pointer;
}
.m1-item-hover, .m2-item-hover, .m3-item-hover, .m4-item-hover, .m5-item-hover {
	color: #fff;
	text-align: center;
	cursor: pointer;
}
.m1-item-selected, .m2-item-selected, .m3-item-selected, .m4-item-selected, .m5-item-selected {
	color: #fff;
	text-align: center;
	cursor: pointer;
}
.catdiv771399 {
	background-color: #232122;
}
/*css menu */
#menu #nav_771399 {
	width: auto;
}
#menu #nav_771399 li {
	background: url(../images/bg_separator.gif) no-repeat right 3px;
	height: auto !important;
}
#menu #nav_771399 li a {
	color: #FFFFFF;
	font-size: 12px;
	font-weight: normal;
	text-align: center;
	padding: 4px 0;
	width: auto;
}
#menu #nav_771399 ul {
	width: 225px;
	background-color: #232122;
	padding-bottom: 8px;
}
#menu #nav_771399 ul li {
	height: auto !important;
	width: auto !important;
	background-image: none !important;
}
#menu #nav_771399 li li a {
	text-align: left;
	font-size: 12px;
	line-height: 20px;
	padding: 3px 0 0 14px;
	width: 225px;
	color: #fff !important;
	background-image: none !important;
}
#m1-item a:hover, #m1-item.selected a {
	background: url(../images/bg_m1-hover.gif) no-repeat center bottom;
	color: #105090 !important;
}
li#m2-item a:hover, li#m2-item.selected a {
	background: url(../images/bg_m2-hover.gif) no-repeat center bottom;
	color: #105090 !important;
}
#m3-item a:hover, #m3-item.selected a {
	background: url(../images/bg_m3-hover.gif) no-repeat center bottom;
	color: #105090 !important;
}
#m4-item a:hover, #m4-item.selected a {
	background: url(../images/bg_m3-hover.gif) no-repeat center bottom;
	color: #105090 !important;
}
#m5-item a:hover, #m5-item.selected a {
	background: url(../images/bg_m1-hover.gif) no-repeat center bottom;
	color: #105090 !important;
}
#m5-item {
	background-image: none !important;
}
#menu #nav_771399 li li a:hover, #menu #nav_771399 li li a:visited {
	background-image: none !important;
	color: #fff !important;
	text-decoration: underline;
}
/* footer menu */
#footer_nav #nav_771393 {
	text-align: center;
}
#footer_nav #nav_771393 li {
	display: inline-block;
	width: auto;
	float: none;
	background: url(../images/bg_separator-footer.gif) no-repeat right 6px;
	line-height: 50px;
}
#footer_nav #nav_771393 li a {
	width: auto;
	display: inline;
	padding: 0 10px 0 6px;
	color: #434b55;
	font-size: 11px;
	font-weight: normal;
}
#flast_li {
	background-image: none !important;
}
#catDynMenuSub403463 {
	width: 147px !important;
	background: none repeat scroll 0 0 #1B4E82;
	border: 1px solid #88A8C7;
	padding: 5px 5px 5px 15px;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
}
.catsub771398 td {
	line-height: 25px !important;
	font-size: 12px !important;
}
#footer_basic, #footer_basic a {
	color: #83888c;
	font-weight: normal;
}
#sidebar1 #nav {
	padding: 15px 10px 5px 10px;
}
.catmain0771398, .catmain1771398 {
	padding: 10px 0 0 50px !important;
	font-size: 14px !important;
	font-weight: normal !important;
	height: 50px;
}
.catsub0771398 {
	color: #fff !important;
}
.catsub1771398 {
	color: #fff !important;
	text-decoration: underline !important;
}
ul.cont-about {
	padding-left: 17px;
}
ul.cont-list {
	padding-left: 30px;
	list-style: disc;
	color: #666;
}
.hpage h2 {
	margin-top: 0;
}
.hpage h1 {
	margin-top: 15px !important;
}
#sidebar2 #2gb_btn {
	background: url(../images/2GB_btn.jpg) no-repeat;
	width: 220px;
	height: 249px;
}
#sidebar2 #2gb_btn a {
	display: block;
	text-decoration: none;
}
.post-body h2 {
	font-size: 18px;
	line-height: 24px;
}
.post-body img {
	max-width: 540px;
}
table.photogalleryTable td {
	text-align: center;
}
table.photogalleryTable td img {
	width: 150px;
	height: 150px;
	border: 2px solid #0e4e8f;
}
.g-recaptcha > div{
    margin: auto;
}