/* 
Theme Name: New Blue Beyond custom ModX Template 
Theme URI: http://bluebeyond.com.au/
Description: Custom Three Column Full Width Flexi Layout
Version: 2.0
Author: bj novack
Author URI: http://kickasswebdesign.com/
*/
* {margin: 0; padding: 0;}
body {
	background-color: #0279f9;
	color: #000;
	background-image: url(images/sidebarbottombg200.jpg);
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-position: bottom right;
	font-size: 100.01%;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	padding: 0 0 0 4px;
	line-height: 1.2;
	}
#mainwrapper {
	min-width: 900px;
	max-width: 1200px;
}
/*min and max width for IE6 only*/
* html div#mainwrapper {width: 800px /* fallback value */;
width:expression(((document.compatMode && 
document.compatMode=='CSS1Compat') ? 
document.documentElement.clientWidth : 
document.body.clientWidth) 
> 1218 ? "1200px" : (((document.compatMode && 
document.compatMode=='CSS1Compat') ? 
document.documentElement.clientWidth : 
document.body.clientWidth) < 799 ? "800px" : "99.7%")); }
a {
	font-weight: bold;
}
a:link {
	color: #1b0072;
}
a:visited {
	color: #0e003a;
}
a:hover {
	color: #0279f9;
}
a:active {
	color: #c000c0;
}
h1 {font-size: 130%;}
h2 {font-size: 120%;}
h3 {font-size: 110%;}
p {padding: .7em 0;}
.podbox {
	display: inline;
	float: right;
	width: 180px;
	margin-right: 10px;
}
#header {
	margin:0; padding:0;
	background: #0279f9;
}
.headerleft {
	width: 570px;
	float: left;
	display: inline;
}
.podbox h2, #right h2, .podbox h2 a {
	color: #ffffff;
	font-size: 110%;
	margin: 0;
	padding: 0 3px;
	text-align: center;
}
.podbox h2 {
	filter: alpha(opacity=80); 
	-moz-opacity: 0.80; 
	opacity: 0.80;
	background: url(images/sidebarh2bg.jpg) repeat-x bottom center;
	font-size: 90%;	
}
#right h2 {
	background: #2288ed url(images/sidebarh2bg.jpg) repeat-x bottom center;	
	color: #ffffff;
	filter: alpha(opacity=80); 
	-moz-opacity: 0.780; 
	opacity: 0.80;
}
#right p, #right form {
	filter: alpha(opacity=80); 
	-moz-opacity: 0.80; 
	opacity: 0.80;
	background: #0279f9;
}
#right a:hover {
	color: #ffffff;
}
#main1 {
	margin:0; padding:0;
	background: url(images/whiteblue1500bgtrans.gif) repeat-y top right;
}
#main2 {
	margin:0; padding:0;
	background: url(images/white220bg.gif) repeat-y bottom left;
}
#left {
	float:left;
	width:180px;
	margin:0; padding:30px 0;
	background: #ffffff url(images/contenttopbg.jpg) top left repeat-x;
	font-size:80%;
}
#right {
	float:right;
	width:200px;
	margin:0; padding:30px 0;
	font-size:80%;
	padding-bottom: 195px;
	font-weight: bold;
}
#middle {
	margin:0 200px 0 180px;
	background: #ffffff url(images/contenttopbg.jpg) top left repeat-x;
	font-size:80%;
	padding: 30px 0;
}
#footer {
	text-align: center;
	font-size: 70%;
}
.column-in {
	margin:0; padding:0.5em 1em;
}
#middle .column-in {
	padding: 20px 40px;
}
.cleaner {
	clear:both;
	height:1px;
	font-size:1px;
	border:none;
	margin:0; padding:0;
	background:transparent;
}		
h1,h2,h3,h4 { margin: 0.2em 0 }	
.copy { text-align:center; font-size:80% }
#left img {
	margin: 5px auto;
}
#left ul {
	margin: 0;
	padding: 0;
	width: 100%;
	/*border-top: 1px solid #bce8f5;*/
}
#left li {
	list-style-type: none;
}
#left h3, #left p {
	padding: 0 12px;
}
#left ul a, #left ul a:visited {
	background-color: #ffffff;
	border-bottom: 1px solid #bce8f5;
	color: #003c55;
	display: block;
	padding: 3px 8px;
	text-decoration: none;
}
#left ul ul {
	border-top: 1px solid #bce8f5;
}
#left ul a:hover, #left ul a:active  {
	background-color: #bce8f5;
	color: #000000;
}
/*haslayout hack for IE6 only*/
* html #left ul a {
	height: 1px;
}

/* Root = Vertical, Secondary = Vertical */
#right ul.outer {
	background: url(images/transbluebg.png) repeat;
	margin-bottom: 20px;
}
#right ul.outer ul,
#right ul.outer ul ul,
#right ul.outer ul ul ul {
	background: #0279f9 url(images/solidbluebg.gif) repeat;
}
#right ul.outer,
#right ul.outer li,
#right ul.outer ul {
  margin: 0;
  border: 0 none;
  padding: 0;
  width: 160px; /*For KHTML*/
  list-style: none;
}

#right ul.outer:after /*From IE 7 lack of compliance*/{
  clear: both;
  display: block;
  font: 1px/0px sans-serif;
  content: ".";
  height: 0;
  visibility: hidden;
}

#right ul.outer li {
  float: left; /*For IE 7 lack of compliance*/
  display: block !important; /*For GOOD browsers*/
  display: inline; /*For IE*/
  position: relative;
}

/* Root Menu */
#right ul.outer a {
  padding: 0 6px;
  display: block;
  color: #000;
  font: bold 10px/22px Verdana, Arial, Helvetica, sans-serif;
  text-decoration: none;
  height: auto !important;
  height: 1%; /*For IE*/
}

/* Root Menu Hover Persistence */
#right ul.outer a:hover,
#right ul.outer li:hover a,
#right ul.outer li.iehover a {
  background: #bce8f5;
  color: #000000;
}

/* 2nd Menu */
#right ul.outer li:hover li a,
#right ul.outer li.iehover li a {
  background: #0279f9;
  color: #fff;
}

/* 2nd Menu Hover Persistence */
#right ul.outer li:hover li a:hover,
#right ul.outer li:hover li:hover a,
#right ul.outer li.iehover li a:hover,
#right ul.outer li.iehover li.iehover a {
  background: #bce8f5;
  color: #000;
}

/* 3rd Menu */
#right ul.outer li:hover li:hover li a,
#right ul.outer li.iehover li.iehover li a {
  background: #0279f9;
  color: #fff;
}

/* 3rd Menu Hover Persistence */
#right ul.outer li:hover li:hover li a:hover,
#right ul.outer li:hover li:hover li:hover a,
#right ul.outer li.iehover li.iehover li a:hover,
#right ul.outer li.iehover li.iehover li.iehover a {
  background: #bce8f5;
  color: #000;
}

/* 4th Menu */
#right ul.outer li:hover li:hover li:hover li a,
#right ul.outer li.iehover li.iehover li.iehover li a {
  background: #0279f9;
  color: #ffffff;
}

/* 4th Menu Hover */
#right ul.outer li:hover li:hover li:hover li a:hover,
#right ul.outer li.iehover li.iehover li.iehover li a:hover {
  background: #bce8f5;
  color: #000;
}

#right ul.outer ul,
#right ul.outer ul ul,
#right ul.outer ul ul ul {
  display: none;
  position: absolute;
  top: 0;
  right: 160px;
}

/* Do Not Move - Must Come Before display:block for Gecko */
#right ul.outer li:hover ul ul,
#right ul.outer li:hover ul ul ul,
#right ul.outer li.iehover ul ul,
#right ul.outer li.iehover ul ul ul {
  display: none;
}

#right ul.outer li:hover ul,
#right ul.outer ul li:hover ul,
#right ul.outer ul ul li:hover ul,
#right ul.outer li.iehover ul,
#right ul.outer ul li.iehover ul,
#right ul.outer ul ul li.iehover ul {
  display: block;
}
/* end flyout menu styles */
#right h2, #left h2 {
	color: #ffffff;
	font-size: 110%;
	margin: 0;
	padding: 3px;
	text-align: center;
	background: #2288ed url(images/sidebarh2bg.jpg) repeat-x bottom center;
}
.navigation {
	font-size: 80%;
	width: 90%;
	margin: 0 30px;
	position: relative;
}
#middle h2 {
	padding-top: 12px;
}
#middle ul, #middle ol {
	width: 80%;
	margin: 0 auto;
}
ol {
	list-style-position: inside;
}

/* searchbox form stuff */
#searchform {
	padding: 25px 0 0 10px;
}
.searchbox {
	width: 80%;
	margin: 0;
	background: #fffff1;
	color: #000066;
}
#searchsubmit {
	width: 5em;
	margin: 2px 0 0 1px;
	background: #0279f9;
	color: #ffffff;
}
.submitbutton {
	background: #9c8ffd;
	color: #000000;
}
.centered {
	margin: 0 auto;
	text-align: center;
}
blockquote {
	padding: 0 20px;
}
#middle ol, #middle ul {
	padding: 0 25px;
}

a img {
	border: none;
}
#footer a:hover {
	color: #bce8f5;
}
.B_crumbBox a {
	margin: 15px 0;
	padding: 3px 0;
	color: #317eb4;
	text-decoration: none;
}
.B_crumbBox {
	border-top: 1px solid #bce8f5;
	border-bottom: 1px solid #bce8f5;
}
#ajaxSearch_submit {
	background: #b9dafd;
	color: #000000;
}