/* v1.0 | 20080212 */

*{
	margin:0;
	padding:0;
} 

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font,  ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
 caption{
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
/*
ol, ul {
	list-style: none;
} */
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup 
table {
	border-collapse: collapse;
	border-spacing: 0;
}*/

form {
background-color:#FAFAFA;
border:1px solid #F2F2F2;
margin:10px;
padding:0pt 5px;
}
.contactform td{
padding:3px;
}
.contactform input,.contactform select, .contactform textarea{
width:200px;
}
.contactform textarea{
height:100px;

}




/**
* Start Vanilla Stylesheet 0.9.5
*/
body {
	font: 9pt/1.5em Arial, Helvetica, sans-serif;
}
pre, code, tt {
	font: 1em/1.5em 'Andale Mono', 'Lucida Console', monospace;
}
h1, h2, h3, h4, h5, h6, b, strong {
	font-weight: bold;
}
em, i, dfn {
	font-style: italic;
}
dfn {
	font-weight:bold;
}
p, code, pre, kbd {
	margin:0 0 1.5em 0;
}
blockquote {
	margin:0 1.5em 1.5em 1.5em;
}
li ul, li ol {
	margin:0 1.8em;
}
ul, ol {
	margin:0 1.8em 1.8em 1.8em;
}
ul, ul li {
	list-style-type:disc;
}
ol, ol li {
	list-style-type:decimal;
}
dl {
	margin:0 0 1.5em 0;
}
dl dt {
	font-weight:bold;
}
dd {
	margin-left:1.5em;
}
table {
	margin-bottom:1.4em;
	width:100%;
}
th {
	font-weight:bold;
}
th, td, caption {
	padding:4px 10px 4px 5px;
}
tfoot {
	font-style:italic;
}
sup, sub {
	line-height:0;
}
abbr, acronym {
	border-bottom: 1px dotted;
}
address {
	margin:0 0 1.5em;
	font-style:italic;
}
del {
	text-decoration: line-through;
}
pre {
	margin:1.5em 0;
	white-space:pre;
}
img.centered, .aligncenter, div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
img.alignright {
	display: inline;
}
img.alignleft {
	display: inline;
}
.alignright {
	float: right;
	margin-left: 10px;
}
.alignleft {
	float: left;
	margin-right: 10px;
}
.clearfix::after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
*:first-child+html .clearfix {
	zoom: 1;
	display: block;
}
* html .clearfix {
	zoom: 1;
	display: block;
}
/**
* End Vanilla Stylesheet
*/
/* Stylesheet: layout1 : Reset Modified On 2010-05-27 02:02:19 */
/********************
CONTENT STYLING
*********************/
body {
	font-size: 12px;
	line-height:16px;
	font-family:Tahoma, Geneva, sans-serif;
}
img {
	border: 0;
}
div#mid-col {
	line-height: 17px;
	color:#333333;
}



#gutter {
	color:#fff;
	font-size:11px;
	padding-bottom:10px;
	line-height: 18px;
}
#gutter a, #gutter a:visited {
	color:#ffffff; /* needed becouse footer link would be same color as background otherwise */
	text-decoration:none;
}
div#footer a:hover {
	text-decoration:underline;
}
/* HEADINGS */

div#mid-col h1 {
	font-size: 2em;
	line-height: 2.5em;
	margin: 0;
	color:#990000;
}
div#mid-col h2, div#left-col h2{
	font-size: 1.5em;
	line-height: 2.5em;
	margin: 0;
	color:#990000;
	font-family:"Trebuchet MS";
font-weight:normal;
}
div#left-col h2{

color:#990000;

}

div#mid-col h3 {
	font-size: 1.1em;
	line-height: 2.5em;
	margin: 0;
	color:#008ED0;
	font-family:"Trebuchet MS";
}
div#mid-col h4 {
	font-size: 0.8em;
	line-height: 2.5em;
	margin: 0;
	color:#008ED0;
	font-family:"Trebuchet MS";
}
div#mid-col h5 {
	font-size: 0.5em;
	line-height: 2.5em;
	margin: 0;
	color:#306EB2;
	font-family:"Trebuchet MS";
}
div#mid-col h6 {
	line-height: 2.5em;
	margin: 0;
	color:#306EB2;
	font-family:"Trebuchet MS";
}
/* END HEADINGS */

/*
////////  NOTE ////////*/

.note {
	clear:both;
	width:213px;
	
	padding:5px;
	padding-bottom:15px;
	background:#FFF8CF url(uploads/note-bg.png) 0 100% no-repeat;
	font-size:11px;
	line-height: 14px;
	margin: 0 auto;
	margin-top:18px;
margin-bottom:18px;
}
.note h3 {
	font-size:1.3em;
	color:#67920D;
	border-bottom:2px solid #ccc;
	padding-bottom:4px;
}
.note p {
	color:#222;
	margin-bottom:5px;
}
.note a {
	font-size:1em;
	color:#67920D;
	font-weight:bold;
}
.note a:hover {
	text-decoration:underline;
}
/* TEXT */

p {
	margin-top: 8px;
	margin-bottom: 8px;
	text-align:justify;
	line-height:18px;
	font-family:Tahoma, Geneva, sans-serif;
}
blockquote {
	border-left: 10px solid #ddd;
	margin-left: 10px;
}
strong, b {
	/* explicit setting for these */

   font-weight: bold;
}
em, i {
	/* explicit setting for these */

   font-style:italic;
}
/* Wrapping text in <code> tags. Makes CSS not validate */

code, pre {
	white-space: pre-wrap;       /* css-3 */
	white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
	white-space: -pre-wrap;      /* Opera 4-6 */
	white-space: -o-pre-wrap;    /* Opera 7 */
	word-wrap: break-word;       /* Internet Explorer 5.5+ */
	font-family: "Courier New", Courier, monospace;
	font-size: 1em;
}
pre {
	border: 1px solid #000;  /* black border for pre blocks */
	background-color: #ddd;
	margin: 0 1em 1em 1em;
	padding: 0.5em;
	line-height: 1.5em;
	font-size: 90%;
}
/* Separating the divs on the template explanation page, with some bottom-border */

div.templatecode {
	margin: 0 0 2.5em;
}
/* END TEXT */



/* LISTS */

/* lists in content need some margins to look nice */


div#mid-col ul li, div#main ol li {
	margin: 0 0 0.25em 3em;
}
/* definition lists topics on bold */

div#mid-col dl dt {
	font-weight: bold;
	margin: 0 0 0 1em;
}
div#mid-col dl dd {
	margin: 0 0 1em 1em;
}
div#mid-col dl {
	margin-bottom: 2em;
	padding-bottom: 1em;
	border-bottom: 1px solid #c0c0c0;
}
/* END LISTS */

/* contact page */

.contact {
	font-size:11px;
}

/* Stylesheet: layout1 : Content Modified On 2010-06-01 01:10:58 */
/* Horizontal menu for the CMS CSS Menu Module */
/* by Alexander Endresen */

#menu_vert {
	width:888px;
	margin:auto;
	background:url(http://stgeorgeag.com.au/uploads/bg-nav.jpg);
	height:50px;
}
/* The wrapper clears the floating elements of the menu */

/* Fix for Opera 8 */
.clearb {
	clear: both;
}
#menuwrapper {
	/* Fix for Opera 8 */ 
   /*   overflow: hidden;  */ 
	width: 100%;
	position:relative;
	z-index:99;

}
/* Set the width of the menu elements at second level. Leaving first level flexible. */
#primary-nav li li {
	width: 200px;
}
/* Unless you know what you do, do not touch this */ 
#primary-nav, #primary-nav ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
}
#primary-nav ul {
	position: absolute;
	display: none;
background-color:#1F628E;


}
#primary-nav ul ul {
	margin-top: 1px;
	margin-left: -1px;
	left: 100%;
	top: 0px;


}
#primary-nav li {
	list-style: none;
	float: left;
}
#primary-nav li li {
	margin-left: 0px;
	margin-top: -1px;
	float: none;
	position: relative;
}
/* Styling the basic apperance of the menu elements */
#primary-nav a {
	display: block;
	padding:5px 10px 5px;
	text-decoration: none;
	color: #ffffff;
	font-size:11px;
	font-weight: bold;
}
#primary-nav li a {
	border-right: 1px solid #eee;
	padding:16px 10px 17px 10px;
	
}
#primary-nav li li a {
	color:#fff;
padding:5px;
}
#primary-nav li, #primary-nav li.menuparent {
}
/* Styling the basic apperance of the active page elements (shows what page in the menu is being displayed) */

#primary-nav li.menuactive {
}
/* Styling the basic apperance of the menuparents - here styled the same on hover (fixes IE bug) */
#primary-nav ul li.menuparent, #primary-nav ul li.menuparent:hover, #primary-nav ul li.menuparenth {
	/* arrow for menuparents */
   background-image: url(http://stgeorgeag.com.auuploads/arrow.gif);
	background-position: center right;
	background-repeat: no-repeat;
}
/* Styling the apperance of menu items on hover */

#primary-nav li:hover, #primary-nav li.menuh, #primary-nav li.menuparenth, #primary-nav li.menuactiveh {
}
/* The magic - set to work for up to a 3 level menu, but can be increased unlimited */

/* 
just add 
#primary-nav li:hover ul ul, 
#primary-nav li.menuparenth ul ul ul,
for fourth level 
*/
#primary-nav ul, #primary-nav li:hover ul, #primary-nav li:hover ul ul, #primary-nav li.menuparenth ul, #primary-nav li.menuparenth ul ul {
	display: none;
}
/* add 
#primary-nav ul ul ul li:hover ul, 
#primary-nav ul ul ul li.menuparenth ul,
for fourth level
*/
#primary-nav li:hover ul, #primary-nav ul li:hover ul, #primary-nav ul ul li:hover ul, #primary-nav li.menuparenth ul, #primary-nav ul li.menuparenth ul, #primary-nav ul ul li.menuparenth ul {
	display: block;
}
/* IE Hacks */
#primary-nav li li {
	float: left;
	clear: both;
}
#primary-nav li li a {
	height: 1%;
}

/* Stylesheet: layout1 : Simple - Horizontal Modified On 2014-08-22 05:29:31 */
/*****************
basic layout 
*****************/

body {
	/*background:#015794;*/
background:#015794;
	
}
#header {
	width:900px;
	height:179px;
	margin:0 auto;
	background:#FFF url(http://stgeorgeag.com.au/uploads/banner.jpg) no-repeat;
}

#content-wrapper {

	width:900px;
	margin:0 auto;
	background-color:#FFF;
	background:url(http://stgeorgeag.com.au/uploads/bg-content.jpg);
	overflow:visible;
}
#col-wrapper {

	width:855px;
	overflow:visible;
	margin-left:23px;
	margin-top:10px;
}
#left-col {
	width:228px;
	float:left;
	padding-top:0px;
	list-style-image: url(http://stgeorgeag.com.au/uploads/pointer.jpg);
	overflow:visible;

      
}
#left-col ul li{
	margin-top:5px;
	
}
#mid-col {
	margin-left:235px;
	border-left: dotted 1px #dddddd;
	padding-left:10px;
	overflow:visible;
min-height:400px;

}
#footer {
	clear:both;
	width:900px;
	height:310px;
	margin:0 auto;
	background:url(http://stgeorgeag.com.au/uploads/footer.jpg) no-repeat;
}
#gutter {
	width:900px;
	margin:0 auto;
	min-height:20px;
	padding:5px;
	margin-top:-55px;
	padding-left:70px;
}
div#feature { /* this is the container for the feature image(s) rotating images*/
	display:block;
	width:228px;
	height:143px;
	padding: 0px;
}

/* Stylesheet: layout1 : Layout Modified On 2014-08-22 05:10:46 */
/******* menu colours here ********************************************************/


/* this is background colour for entire menu */
#primary-nav li, #primary-nav li.menuparent {



}
#primary-nav li.menuactive {
	background-color:#015794;
}
/* Styling the apperance of menu items on hover */

#primary-nav li:hover, #primary-nav li.menuh, 
#primary-nav li.menuparenth, #primary-nav li.menuactiveh {
	background-color:#015794;
}

#primary-nav li ul li:hover{
background-color:#015794;


}

/* this is the space at the end of the menu */
#menuwrapper {
	
}

/* Stylesheet: layout1 : Layout 1 - C2 Modified On 2014-08-22 05:09:59 */