/*  COLOURS  */

/*  
LIGHT BLUE #3298CB
DARK BLUE #005FA8
GREY 
*/

/* -----------------------------------*/
/* ----->>> GLOBAL SETTINGS <<<-------*/
/* -----------------------------------*/
 
html, body {
border:0;
margin:0;
padding:0;
/*overflow-y: scroll;*/
}

ul {
	list-style: disc;
}

/* TO CALCULATE EM SIZES: FONT PX SIZE / 16 (THE DEFAULT PX SIZE) eg: to get 20px, 20/16 = 1.25em */
/* TO CALCULATE EM LINE HEIGHT SIZES: LINE HEIGHT PX SIZE / 18 (THE DETERMINED LINE HEIGHT SET IN BODY)  */

body {
text-align: center;
font:100%/1.125 Arial, Helvetica, sans-serif;
background-color: #D2D2D2;
background-image: url('/images/bg_wallpaper.jpg');
background-repeat: repeat;
background-attachment: fixed;
}

.bodyText {
font:100%/1.125 Arial, Helvetica, sans-serif;
color:#4A5256;
}

h1, h2, h3, h4, h5, h6 {
margin:0;
padding:0;
font-weight:normal;
}
 
h1 {

}

.h1 {

}
 
h2 {
font-size:1.25em;
line-height:2em;
color:#3298CB;
}

.h2 {
/* COPY CHANGES TO 'styles_admin.css FOR TEXT EDITOR */
font-size:1.25em;
line-height:2em;
color:#3298CB;
}
 


h3 {

}

.h3 {

}

.smallText {
	margin-top: 4px;
	font-size: 0.75em;
	line-height:1.6em;
	color:#333333;
}


/* -----------------------------------*/
/* --------->>> Side Nav <<<----------*/
/* -----------------------------------*/

.sideNavOn {
	font-size: 0.8em;
	line-height:0.825em;
	color:#3298CB;
	text-decoration:none;
}

a.sideNavOn  {
	font-size: 0.8em;
	line-height:0.825em;
	color:#3298CB;
	text-decoration:none;
}

a.sideNavOn:hover {
	font-size: 0.8em;
	line-height:0.825em;
	color:#3298CB;
	text-decoration:none;
}

a.sideNavOn:active,  {
	font-size: 0.8em;
	line-height:0.825em;
	color:#3298CB;
	text-decoration:none;
}

a.sideNavOn:visited,  {
	font-size: 0.8em;
	line-height:0.825em;
	color:#3298CB;
	text-decoration:none;
}

/* -----------------------------------*/
/* ---------->>> TOP Nav <<<----------*/
/* -----------------------------------*/



/* -----------------------------------*/
/* ------>>> General Styles <<<-------*/
/* -----------------------------------*/

p, ul, ol {
margin:0;
padding:0 0 1.25em 0;
}
 
ul, ol {
padding:0 0 1.25em 2.5em;
}
 
blockquote {
margin:1.25em;
padding:1.25em 1.25em 0 1.25em;
}
 
small {
font-size:0.85em;
}
 
img {
border:0;
}
 
sup {
position:relative;
bottom:0.3em;
vertical-align:baseline;
}
 
sub {
position:relative;
bottom:-0.2em;
vertical-align:baseline;
}
 
acronym, abbr {
cursor:help;
letter-spacing:1px;
border-bottom:1px dashed;
}





/* -----------------------------------*/
/* ---------->>> FORMS <<<------------*/
/* -----------------------------------*/ 
 
form {
margin:0;
padding:0;
display:inline;
}
 
select, textarea {
font:0.75em Arial, Helvetica, sans-serif;
}

input {
border: 1px solid #C5C6C7;
font:0.9em Arial, Helvetica, sans-serif;
color:#000000;
}

.textInput {
border: 1px solid #C5C6C7;
font:2.9em Arial, Helvetica, sans-serif;
color:#000000;
}
 
textarea {
width:100%;
font-size:1.2em;
line-height:1.4em;
}
 
label {
cursor:pointer;
}

option {
height:16px;
}

.formTopLabel {
	font:0.75em Arial, Helvetica, sans-serif;
	line-height:0.75em;
}

.fieldLong {
	font:0.75em Arial, Helvetica, sans-serif;
	width: 580px;
}

.contactTextareaBox {
	font:0.75em Arial, Helvetica, sans-serif;
	width: 580px;
	height: 50px;
}

.fieldSelectShort {
	font:0.75em Arial, Helvetica, sans-serif;
	width: 280px;
}

.fieldSelectSmall {
	font:0.75em Arial, Helvetica, sans-serif;
	width: 80px;
}

.fieldShort {
	font:0.75em Arial, Helvetica, sans-serif;
	width: 280px;
}

.fieldShortMSIE {
	font:0.75em Arial, Helvetica, sans-serif;
	width: 280px;
}

#topMargin5 {
	margin-top: 5px;
}


.formData {
	font:0.80em Arial, Helvetica, sans-serif;
	line-height:15px;
}


.formTextField {
	width: 150px;
	height: 16px;
	font-size: 1em;
	font-family: arial;
}

.formTextAreaField {
	width: 515px;
	height: 45px;
	font-size: 0.95em;
	font-family: arial;
}

.formFileField {
	width: 250px;
	height: 22px;
	font-size: 0.75em;
	font-family: arial;
}

.formSecurityField {
	width: 175px;
	height: 16px;
	font-size: 0.75em;
	font-family: arial;
}

.formSecurityFieldError {
	width: 175px;
	height: 16px;
	font-size: 0.75em;
	font-family: arial;
	background-color: #ffffcc;
}

.formLabel {
font-size: 0.85em;
font-family: arial;
font-weight: normal;
color: #005FA8;
vertical-align: middle;
horizontal-align: right;
line-height: 0.95em;
margin-top: 305px;
}


.formLabelTop {
font-size: 0.85em;
font-family: arial;
font-weight: normal;
color: #005FA8;
vertical-align: top;
horizontal-align: right;
line-height: 0.95em;
margin-top: 305px;
}



/* -----------------------------------*/
/* ----------->>> LINKS <<<-----------*/
/* -----------------------------------*/
 
a,
a:link,
a:visited {
color:#008c9a;
font-size: 0.725em;
line-height:1.75em;
text-decoration:underline;
}

a:hover {
color:#005FA8;
font-size: 0.725em;
line-height:1.75em;
text-decoration:underline;
}


a.linkGrey:link {
font-size: 0.715em;
line-height:15px;
color:#333333;
text-decoration:none;
}

a.linkGrey:visited {
font-size: 0.715em;
line-height:15px;
color:#333333;
text-decoration:none;
}

a.linkGrey:hover {
font-size: 0.715em;
line-height:15px;
color:#333333;
text-decoration:underline;
}

a.linkGrey:active {
font-size:0.715em;
line-height:15px;
color:#333333;
text-decoration:none;
}


a.linkGreyHeader:link {
font-size: 0.8em;
line-height:1.5em;
color:#B2B2B2;
text-decoration:none;
}

a.linkGreyHeader:visited {
font-size: 0.8em;
line-height:1.5em;
color:#B2B2B2;
text-decoration:none;
}

a.linkGreyHeader:hover {
font-size: 0.8em;
line-height:1.5em;
color:#3298CB;
text-decoration:none;
}

a.linkGreyHeader:active {
font-size: 0.8em;
line-height:1.5em;
color:#B2B2B2;
text-decoration:none;
}


a.linkHeaderWhite {
color:#FFFFFF;
font-size:0.8em;
line-height:1.25em;
font-weight:bold;
text-decoration:none;
}

a.linkHeaderWhite:visited {
color:#FFFFFF;
font-size:0.8em;
line-height:1.25em;
text-decoration:none;
}

a.linkHeaderWhite:hover {
color:#FFFFFF;
font-size:0.8em;
line-height:1.25em;
text-decoration:underline;
}

a.linkHeaderWhite:active {
color:#FFFFFF;
font-size:0.8em;
line-height:1.25em;
text-decoration:none;
}



a.linkGreyMedBold {
font-size: 1.31em;
line-height:1.3em;
font-weight:bold;
color:#8AA149;
text-decoration:none;
}

a.linkGreyMedBold:visited {
font-size: 1.31em;
line-height:1.3em;
font-weight:bold;
color:#8AA149;
text-decoration:none;
}

a.linkGreyMedBold:hover {
font-size: 1.31em;
line-height:1.3em;
font-weight:bold;
color:#8AA149;
text-decoration:underline;
}

a.linkGreyMedBold:active {
font-size: 1.31em;
line-height:1.3em;
font-weight:bold;
color:#8AA149;
text-decoration:none;
}

a.linkFooter {
font-size:1em;
line-height:1.25em;
color: #3298CB;
text-decoration:none;
}

a.linkFooter:hover {
font-size:1em;
line-height:1.25em;
color: #005FA8;
text-decoration:none;
}

/* -----------------------------------*/
/* -------->>> TEXT STYLES <<<--------*/
/* -----------------------------------*/ 
.textSm {
font-size: 1em;
line-height:1.4em;
}

.textMd {
font-size: 1.4em;
line-height:1.6em;
}

.textLg {
font-size: 1.6em;
line-height:1.8em;
}

.textGreyMdBold {
font-size: 1.31em;
line-height:1.3em;
font-weight:bold;
color:#8AA149;
}

.textGrey {
font-size: 0.68em;
line-height:15px;
color:#333333;
}

.textTealMdBold {
/* COPY CHANGES TO 'styles_admin.css FOR TEXT EDITOR */
font-size: 1.25em;
line-height:1.25em;
font-weight:bold;
color:#8AA149;
}

.textBodyMd {
/* COPY CHANGES TO 'styles_admin.css FOR TEXT EDITOR */
font-size: 0.75em;
line-height:1.75em;
color:#333333;
}

.textBodyMdBold {
/* COPY CHANGES TO 'styles_admin.css FOR TEXT EDITOR */
font-size: 0.75em;
line-height:1.75em;
font-weight:bold;
color:#333333;
}

.textHeaderWhite {
color:#FFFFFF;
font-size:0.8em;
line-height:1.25em;
font-weight:bold;
}

.textLightGreyMd {
/* COPY CHANGES TO 'styles_admin.css FOR TEXT EDITOR */
font-size: 0.75em;
line-height:1.75em;
color:#838a88;
}


.grey {
	color: #a1a1a1;;
	font-size: 0.85em;
	font-weight: bold;
	text-decoration: none;
}

.border {
border: 1px solid #95A0A5;
}

.error {
	font-size: 0.8em;
	font-family: arial;
	font-weight: bold;
	color: red;
}



/* -----------------------------------*/
/* ------>>> GLOBAL CLASSES <<<-------*/
/* -----------------------------------*/
 
.clear         { clear:both; }
.float-left    { float:left; display: inline;margin:0 auto;}
.float-right   { float:right; display: inline;}
 
.text-left     { text-align:left; }
.text-right    { text-align:right; }
.text-center   { text-align:center; }
.text-justify  { text-align:justify; }
 
.bold          { font-weight:bold; }
.italic        { font-style:italic; }
.underline     { border-bottom:1px solid; }
.highlight     { background:#ffc; }
 
.wrapper       { width:960px;margin:0 auto; }
 
.img-left      { float:left;margin:0px 30px 4px 0; }
.img-right     { float:right;margin:4px 0 4px 10px; }
 
.nopadding     { padding:0; }
.noindent      { margin-left:0;padding-left:0; }
.nobullet      { list-style:none;list-style-image:none; }

.textBody {
/* COPY CHANGES TO 'styles_admin.css FOR TEXT EDITOR */
font-size: 0.725em;
line-height:1.75em;
color:#333333;
}

.textBodyBold {
/* COPY CHANGES TO 'styles_admin.css FOR TEXT EDITOR */
font-size: 0.725em;
line-height:1.75em;
color:#333333;
font-weight: bold;
}

#breadCrumb a {
font-size: 0.75em;
line-height:0.825em;
color:#22292B;
text-decoration:none;
text-transform:uppercase;
}

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

#breadCrumb a:active, #breadCrumb a.selected {
color:#3298CB;
text-decoration:none;
}