/*============================================================*/ 
/* BASIC */
/*============================================================*/

/* CSS Reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,var,samp,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0}
table{border-collapse:collapse;border-spacing:0}
fieldset,img{border:0}
address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:normal}
caption,th{text-align:left}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}
q:before,q:after{content:''}
abbr,acronym{border:0}
a{text-decoration:none}

/*==================*/ 
/* GENERAL ELEMENTS */
/*==================*/ 

* {
	margin: 0;
	padding: 0;
	outline: none;
	font-family: Cabin, "Lucida Sans Unicode", "Lucida Grande", sans-serif;
}

body{
	margin: 0 0 0 0;
	background: #900; 
	zoom: 1;
	}

.clear{ clear:both; }

hr.clear{ clear:both; margin-top:8px; margin-bottom:8px; }
hr.red4 { color: "#C0C0C0"; size: 4; width: "100%"; }

.right { float:right; }
.left { float:left; }

.rightspacer { float:right; padding: 0 0 8px 8px; }
.leftspacer { float:left; padding: 0 8px 8px 0; }

.topmargin { padding: 16px 0 0 0; }

.newwindow { target: _blank; 	}

.red { color:#F00; }
.blue { color:#00f; }

/*===========================================*/
/* These are the main page layout containers */
/*===========================================*/
/* wrapper is the main column in which everything appears in the order header, menu, content, footer */

#wrapper{
	width:800px;
	margin: auto;
	padding:2px;
	overflow:visible;
}

#pageshadow {
	background-image: url(/images/ui/pageshadow.png);
	background-repeat: no-repeat;
	background-position: center top;
}

#headerwrapper{
	overflow:visible;
	width:800px;
	margin: 0;
	padding:0;
	background: url(../images/ui/content-bg.png) top repeat-y;
	z-index:0;
}

#header{
	overflow:visible;
	width: 800px;
	height: 200px;
	position:relative;
	padding:0;
	background: url(../images/ui/header-fade.png) top repeat-x;
}

.logodragon{
	float:left;
	width:200px; 	
	height:220px;
	z-index:4;
}

.logotext{
	float:left;
	width:520px; 	
	height:128px;
	margin-left: 40px;
}

#nav{
	float:right;
	width: 570px;
	height: 32px;
	overflow:visible;		
}

.pageheading {
	width: 580px;
	float:right;
	margin: 8px 8px 8px 0;
	
	text-align:right !important;
}

#contentwrapper{
	width: inherit;
	margin: 0;
	padding: 0;
	background-image: url(../images/ui/content-bg.png);
	background-position: top;
	background-repeat: repeat-y;
}

#sidebar{
	clear:left;
	float:left;
	width: 180px;
	padding-left:10px;
	padding-right:10px;
}

#sidebar p{
	color: #FFF;
}

#content{
	background-color:#fff;
	float:right;
	width: 570px;
	padding-left:10px;
	padding-right:20px;
}


.specialnotices{
	display:block;
	padding: 8px;
	max-width: 580px;
	margin-left:auto;
	margin-right:auto;
	margin-top: 20px;
	margin-bottom: 20px;
	border:2px;
}

.specialnotices img{
	max-width:560px;
}

#footer{
	clear:both;
	display:block;
	width: 800px;
	height:60px;
	padding:4px;
	margin: 0 0 100px 0;
	background: url(../images/ui/footer-bg.png) top left no-repeat ;
}

#footer p{
	
	margin-right:16px;
}

#newsstrip{
	width:136px;
	margin: auto;
	overflow:visible;
}

#newsstrip hr {
	color: "#C0C0C0";
	size: 4;
	width: "100%";
}

#socialsites {
	padding: 16px 0px 0px 0px;
	text-align:center;
}

#socialsites img {
	margin: 4px;
}



/* Footer */
#clearer {
	width: 800px;
	height: 0px;
	clear:both;
}


/*============================================================*/ 
/* Generic Text Styles for the whole site                     */
/*============================================================*/

p,h1,h2,h3,h4,h5,h5,ol,ul {
/*	font-family: Geneva, Arial, Helvetica, sans-serif;*/
	font-family: Cabin, "HelveticaNeue-light",'Lucida Grande', 'Lucida Sans Unicode', "Lucida Sans",  Verdana, Geneva, Arial, Helvetica, sans-serif;	
	margin: 0px;
	padding: 0px;
	color: #000000;
}

p,ol,ul {
	font-size: 1em;
	font-style: normal;
	font-weight: normal;
	letter-spacing: normal;
	word-spacing: normal;
	color: #000080;
	white-space: normal;
	margin-bottom:8px
	}

h1,h2, h3, h4, h5, h6 {
	font-family: Cabin, "HelveticaNeue",'Lucida Grande', 'Lucida Sans Unicode', "Lucida Sans", Verdana, Geneva, Arial, Helvetica,  sans-serif;
	color: #800000;
}

h1 	{ 
	font-size: 1.5em; 
	font-weight: bold; 
	line-height: 1.5em;
	margin-bottom: 8px;
	}


h2 	{
	font-size: 1.25em;
	font-weight: bold;
	margin-top: 8px;
	margin-bottom: 8px;
}

h3 	{
	font-size: 1em;
	font-weight: bold;
	margin-top: 8px;
	margin-bottom: 8px;
}

#sidebar h3 {
	color: white;
	text-align:center;
	margin: 10px 0 10px 0;
}


h4 	{ font-size: 12px; font-weight: bold;margin-top:4pt;}

blockquote {
	margin: 1em 20px;
	padding-left: 60px;
	background: transparent url("/images/ui/quote.png") no-repeat;
	min-height: 100px;
}

blockquote p{
	font:  14px/18px Georgia, "Times New Roman", Times, serif;
	margin: 1em 20px;
	font-style:italic;
	color:#333;
}

cite {
	margin: 1em 20px;
	font:  12px  'HelveticaNeue','Lucida Grande', 'Lucida Sans Unicode', "Lucida Sans", sans-serif;
	font-weight: normal;
}

#sidebar blockquote{
	width: 160px;
	margin: 0px;
	padding: 10px 0 10px 0;
	border-top:#FFF thin dotted;
	border-bottom:#FFF thin dotted;
	background: none;
	min-height: 100px;
}

#sidebar blockquote p{
	font:  13px/16px Georgia, "Times New Roman", Times, serif;
	margin: 0px 0px 6px 0px;
	padding: 0px;
	font-style:italic;
	color:#eee;
}

#sidebar cite {
	margin: 0;
	text-align: right;
	font:  10px  'HelveticaNeue','Lucida Grande', 'Lucida Sans Unicode', "Lucida Sans", sans-serif;
	font-weight: normal;
}

blockquote p:first-letter {
	/*float: left;
	margin: .3em .2em .1em 0;
	font-size: 200%;
	font-weight: bold; 
	font-style: normal;*/
	}
	
blockquote p:first-line { }



.left { text-align: left; }
.right {text-align: right; }
.center {text-align: center; }


/*==================================================================================================
LIST Items
==================================================================================================*/

ul {
	margin: 0 0 4px 16px;
	padding: 0 0 0 16px;
}

li { 
	list-style: disc;
	list-style-type:disc;
}

LI.ticklist { 
	list-style-image:url("/images/GUI/tick.gif");
 }

li.dotlist { 
	list-style: disc;
	list-style-type:disc;
}



/*  List Styles */

ul.list-greentick, ul.list-greytick, ul.list-exclamation, ul.list-arrow, ul.list-doublearrow {
	margin: 0;
	position: relative; /* fix for IE6 (figures...) */
	overflow: hidden;
}
ul.list-greentick li, ul.list-greytick li, ul.list-exclamation li, ul.list-arrow li, ul.list-doublearrow li{
	list-style-image: none;
	list-style-position: inside;
	list-style-type: none;
	margin-bottom: 2px !important;
	padding-bottom: 2px !important;
	padding-left: 25px !important;
}

ul.list-greentick li {	background: transparent url(/images/icons/tick-green.png) no-repeat scroll 0 0px;}
ul.list-greytick li {	background: transparent url(/images/icons/tick-grey.png) no-repeat scroll 0 0px;}
ul.list-exclamation li {	background: transparent url(/images/icons/exclamation.png) no-repeat scroll 0 0px;}
ul.list-arrow li {	background: transparent url(/images/icons/arrow-2.png) no-repeat scroll 0 4px;}
ul.list-doublearrow li {	background: transparent url(/images/icons/double-arrow.png) no-repeat scroll 0 2px;}







/* FAQ */

dl {
	font-family: Cabin, 'Lucida Grande','Lucida Sans Unicode', Geneva, Arial, Verdana, sans-serif; 	
}

.FAQ dt{
	font-weight:bold;
	margin-bottom:1em;
}

.FAQ dd {
	margin-left: 10px;
	margin-bottom: 2em;
}

/* JS_enabled Specific styles */

dl.js_enabled dt{
	cursor:pointer;
	color:#1e388e;
	text-decoration:underline;
}



/*==================================================================================================
Body Text Styles
==================================================================================================*/

.small {
	font-size: x-small;
}

.tiny {
	font-size: xx-small;
}

.smallertext{
	font-size:smaller;
}

.boxout {
	font-size: 10pt;
	line-height: normal;
	font-weight: normal;
	margin-left : 0px;
	color: #000080;
}

.bblist {
	font-family: Cabin, 'Lucida Grande','Lucida Sans Unicode', Geneva, Arial, Verdana, sans-serif; 	
	font-style: normal;
	font-weight: normal;
	letter-spacing: normal;
	line-height: normal;
	word-spacing: normal;
	color: #000080;
	font-size: small;
	white-space: normal;
	}


.linkbutton {
	font-size: 10pt;
	line-height: normal;
	font-weight: bold;
	background-color:#99FFCC;
	color: #000080;
	font-family: Cabin, 'Lucida Grande','Lucida Sans Unicode', Geneva, Arial, Verdana, sans-serif; 	
	font-style: normal;
	margin: 2;
	padding: 2px;
	border-top: medium #000000;
	border-right: medium #000000;
	border-bottom: medium #000000;
	border-left: medium #000000;
	text-transform: uppercase;
	text-align: center;
	border-width: 1;
	border-color: #000000;
	margin-left: 16px;
	margin-right: 8px;
	border-top-color: #000000;
	border-right-color: #000000;
	border-bottom-color: #000000;
	border-left-color: #000000;
}

.cpy {
	font-family: "Century Gothic", "Trebuchet MS", Verdana, Arial, Helvetica;
	font-size: 8pt;
	color: #ffffff;
	line-height: 12pt;
	font-weight: normal;
	text-align: right;
	margin-right:16px;
}

.date {
	text-align: center;	
	font-weight: bold ;	
	color: #ffffff;
	font-size: 12pt;	
	margin-top: 4pt;
}


/*==================================================================================================
MISC - Quotes and captions
==================================================================================================*/

.caption{
	  color: #000080; 
	  FONT-SIZE: 9pt; 
	  line-height: normal;
	  text-align: center;  
}

p.social{
	FONT-SIZE: 9pt; 
}


.lhs_quote{
	  color: #ffffff; 
	  text-decoration: none; 
	  font-family: Georgia, Times;
	  FONT-SIZE: 16px;
	  FONT-style: italic;
	  text-align: center;  
}

.quote{
	  color: #101080; 
	  text-decoration: none; 
	  font-family: Georgia, Times;
	  FONT-SIZE: 12pt; 
	  line-height: 18pt;
	  FONT-style: italic;
	  text-align: center;  
}

.quote_big{
	  color: #990000; 
	  text-decoration: none; 
	  font-family: Georgia, Times;
	  FONT-SIZE: 14pt; 
	  line-height: normal;
	  FONT-style: italic;
  	font-weight: normal;
	  text-align: center;  
}

.quote_left{
	  color: #990000; 
	  text-decoration: none; 
	  font-family: Georgia, Times;
	  FONT-SIZE: 16pt; 
	  line-height: normal;
	  FONT-style: italic;
	  text-align: left;  
	margin-left: 16px;
}

.quote_leftsmall{
	  color: #000080; 
	  text-decoration: none; 
	  font-family: Georgia, Times;
	  line-height: normal;
	  FONT-style: italic;
	  text-align: left;  
}

.testimonial_quote{
	  color: #000080; 
	  text-decoration: none; 
	  font-family: Georgia, Times;
	  font-size: 14px ;
	  line-height: normal;
	  FONT-style: italic;
	  text-align: left;  
}

.testimonial_name{
	  color: #000000; 
	  text-decoration: none; 
	  font-family: Cabin, 'Lucida Grande', Geneva, Arial, Verdana, sans-serif; 
	font-size: x-small;
	  line-height: normal;
	  text-align: left;  
	  margin-left:  32px;
}


.TinyNews {
	font-size: xx-small;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-decoration: none;
}

.TinyNews p {
	align: center;
	
}


blockquote.testimonial {
  font: 14px/20px italic Times, serif;
  padding-left: 70px;
  padding-top: 18px;
  padding-bottom: 18px;
  padding-right: 10px;
  background-color: #dadada;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  margin: 5px;
  background-image: url(images/openquote4.gif);
  background-position: middle left;
  background-repeat: no-repeat;
  text-indent: 23px;
}



blockquote {
    max-width: 620px; 
	font-size: x-small;
}

blockquote::before {
    display: block;
    line-height: 0;
}

blockquote::after {
    display: block;
    line-height: 0;
}


/*============================================================*/ 
/*Specific Styles for individual elements                     */
/*============================================================*/

p.milonic {
	margin: 8px 8px 8px 8px;
	text-align: center;
	font-size: 0.5em;
	color: #808080;
}



.err
{
	font-family : Verdana, Helvetica, sans-serif;
	font-size : 12px;
	color: red;
}


/*============================================================*/ 
/* NAVIGATION NAV */
/*============================================================*/

a:link		{	text-decoration: none ; } */
a:visited	{	color: rgb(0,153,153); 	text-decoration: none ; font-weight: normal} 
a:active 	{	color: rgb(255,102,0);	text-decoration: none ; font-weight: normal}
a:hover 	{ 	color: #FFFFFF; 		background:#0000ff ; 	text-decoration: none ; }


/* IE Fixes */

/* force hover on entire width of  link */
* html #menu a {
	height: 1px;
}

.preload {
	background-image:url(../images/ui/glassy-line.gif);
	display: none;
}

/*============================================================*/  
/* IMAGE STYLES */
/*============================================================*/

#gallery {
	position: relative;
	padding-top: 16px;
	padding-bottom: 16px;
	text-align:center;
}

.figure {
	position: relative;
	float:left;
	width: 150px;
	min-height: 200px;
	padding 0;
	border:0;
}

.thumbnail img {
	position: relative;
	padding: 0px;
}

.figure p  {
	position: relative;
	font-size: 0.85em;
	text-align: center;
	margin-top: 16px;
	margin-left: 0;
	margin-right: 0;
	margin-bottom: 8px;
}

.noborder {
	border: 0;	
}


.bottomimage{
	position: bottom;
	bottom: 100;
}


/*============================================================*/
/* Picright                                                   */
/*============================================================*/

#picright {
	float: right; 
	padding: 8px 8px 8px 8px ;
	margin: 0px 8px 0px 16px;
}

img.picright {
	float: right;
	margin: 0px 16px 8px 16px;	
	padding: 8px;
}

p.picright {
	font: bold 0.75em/normal "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
	clear:both;
	margin-top:8px;
}

.wid200 {
	width:200px;
}


img.social {
	
}



/*============================================================*/ 
/* TABLES */
/*============================================================*/

.TTitle {
	text-align: center;	
	font-weight: bold ;	
	font-size: 12pt;	
	margin-right: 8px;
}

.FormItem {
	text-align: right;	
	font-weight: normal ;	
	font-size: 10pt;	
	line-height:normal;
}

.box {
        margin-top: 0;
        margin-right: 0;
        margin-left: 0;
        margin-bottom: 0;
        padding: 0; 
        spacing: 0;
        margin: 0;
        border-width: 0;
        border-right: 	0px solid #d6e9fc;
        border-left: 	0px solid #9ccaf8;
        border-top: 	0px solid #9ccaf8;
        border-bottom: 	0px solid #d6e9fc;
}

.bgbottom {
	background: #ff0000 url('/images/gui/left.png') no-repeat fixed bottom; 
}

table.results p{
	line-height:20px;
	margin: 0 0 0 0;
	padding: 0 0 0 24px;
	font-size:12px;
	background-repeat:no-repeat;
}



.grading_a_pass {
	color: green;
	background: url(../images/icons/icon-a.png) 1px 1px;
}

.grading_plus_pass {
	color: green;
	background-image: url(../images/icons/icon-plus.png)
}

.grading_pass { }

.grading_low_pass {
	color: red;
	background-image: url(../images/icons/icon-low.png)
}

.grading_fail {
	color: red;
	background-image: url(../images/icons/icon-fail.png)
}


/* ---------------------------------------------------------------------------------------------------- 
  Spacing and layout modifies
---------------------------------------------------------------------------------------------------- */

.floatright { float: right; }
.floatleft 	{ float: left }
.centered {text-align:center; }

div.centered { display: block; margin-left: auto; margin-right: auto; }

.spacer16 { height:16px; }
.spacer32 { height:32px; }
.spacer64 { height:64px; }

.nopadding { padding:0; }
.padtop { padding-top:20px; }
.padbottom { padding-bottom:20px; }
.padright { padding-right:20px; }
.padleft { padding-left:20px; }

.nomargin { margin:0; }
.margintop { margin-top:20px; }
.marginbottom { margin-bottom:20px; }
.marginright { margin-right:20px; }
.marginleft { margin-left:20px; }

.noindent { margin-left:0; padding-left:0; }


/* ----------------------------------------------------------------------------------------------------
  Container Effects
---------------------------------------------------------------------------------------------------- */

.rounded4 {
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}
.rounded8 {
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
}
.shadow-small {
	box-shadow: 4px 4px 4px #808080;
	-webkit-box-shadow: 4px 4px 4px #808080;
	-moz-box-shadow: 4px 4px 4px #808080;
 filter: progid:DXImageTransform.Microsoft.dropShadow(color=#808080, offX=6, offY=6, positive=true);
}
.shadow-soft {
	box-shadow: 6px 6px 6px #808080;
	-webkit-box-shadow: 6px 6px 6px #808080;
	-moz-box-shadow: 6px 6px 6px #808080;
 filter: progid:DXImageTransform.Microsoft.dropShadow(color=#808080, offX=6, offY=6, positive=true);
}
.shadow-sharp {
	box-shadow: 2px 2px #222;
	-webkit-box-shadow: 2px 2px #222;
	-moz-box-shadow: 2px 2px #222;
 filter: progid:DXImageTransform.Microsoft.dropShadow(color=#222, offX=2, offY=2, positive=true);
}
.shadow-hard {
	box-shadow: 4px 4px #444;
	-webkit-box-shadow: 4px 4px #444;
	-moz-box-shadow: 4px 4px #444;
 filter: progid:DXImageTransform.Microsoft.dropShadow(color=#444, offX=4, offY=4, positive=true);
}
.border {
	border:thin #333 solid;
}
.linkbtn {
	text-decoration: bold;
	border: 1px solid #000;
	margin: 1px 2px 1px 2px;
	padding: 1px 6px 1px 6px;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}




.message_box {
	position: relative;
	z-index: 2;
	
	margin: 30px 10px 30px 30px;
	padding: 20px 20px 10px 20px;
	
	background: #FFFFFF;
	-webkit-border-radius:  5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.message_box_sign {
	position: absolute;
	top: -20px;
	left: -20px;
	z-index: 2;
	display: block;
	width: 48px;
	height: 48px;
	text-indent: -9999px;
}

.info_box { border: 2px solid #32ace3;	}
.info_box_sign { background:  url(/images/icons/info_box.png) no-repeat top left;}
.warning_box {	border: 2px solid #fdc402;	}
.warning_box_sign {	background:  url(/images/icons/warning_box.png) no-repeat top left;}
.error_box {	border: 2px solid #ef4328;}
.error_box_sign {	background:  url(/images/icons/error_box.png) no-repeat top left;}
.download_box {	border: 2px solid #70bf39;	}
.download_box_sign {	background:  url(/images/icons/download_box.png) no-repeat top left;}





/* ----------------------------------------------------------------------------------------------------
  Colours
---------------------------------------------------------------------------------------------------- */
/* quick bg colors for testing */

.white {background-color: #FFFFFF; }
.lightgrey {background-color: #DDD; }
.midgrey {background-color: #999; }
.darkgrey {background-color: #444; }
.black {background-color: #000; }

.red {	background-color: #F00; }
.green { background-color: #0F0; }
.blue { background-color: #00F; }
.purple { background-color: #F0F; }
.yellow { background-color: #FF0; }
.orange { background-color: #C90; }

.whitetext { color: #FFF; }
.blacktext { color: #000; }
.redtext { color: #F00; }
.bluetext { color: #00F; }
.greentext { color: #0F0; }
.yellowtext { color: #FF0; }

.transparent { opacity:0.5; }



/*============================================================*/ 
/* IMPORT STYLES                                              */
/*============================================================*/

@import url('cform.css');
@import url('ie.css');

/*========================================================================================================================*/
/* End of File */
/*========================================================================================================================*/