/* MAIN STYLE */

/*

	Colours:
		Light Blue: #7db0d1
		Dark Blue: #2f335e
		Light Grey: #f3f1f0
		Dark Grey: #283740

/*

/* Default styles. */

body{
	width: 1000px;
	margin: auto;
	font-family: Helvetica, Arial, sans-serif;
	background-color: #f3f1f0;
}

h1, h2, h3, p, ul{
	margin-bottom: 10px;
}

h1{
	font-size: 20pt;
}

h2{
	font-size: 14pt;
	color: #2f335e;
	border-bottom: 1px solid #7db0d1;
}

h3{
	font-size: 14pt;
}

p{
	font-size: 12pt;
	line-height: 120%;
}

a{
	color: #283740;
	text-decoration: none;
}

ul{

}

/* Default classes for text. */

a:hover{
	color: #283740;
	text-decoration: underline;
}

.bold{
	font-weight: bold;
}

.italic{
	font-style: italic;
}

.undln{
	text-decoration: underline;
}

.required{
	size: 10pt;
	color: red;
}

.monospace{
	font-family: monospace;
}

/* Classes for borders and rounded corners. */

.rounded2_5{
	border-radius: 2.5px;
	-moz-border-radius: 2.5px;
	-webkit-border-radius: 2.5px;
}

.rounded5{
	border-radius: 2.5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

/* Classes for background colors. */

.bg000{
	background-color: #000;
}

.bg333{
	background-color: #333;
}

.bg666{
	background-color: #666;
}

.bg999{
	background-color: #999;
}

.bgFFF{
	background-color: #FFF;
}

.bgRed{
	background-color: #FA9898;
}

/* Classes for the color hovers. */

.clrHovFFF:hover{
	color: #FFF;
}

.clrHov999:hover{
	color: #999;
}

/* Classes for the background hovers. */

.bgHov333:hover{
	background-color: #333;
}

/* Classes for hovers. */

.cursHov:hover{
	cursor: pointer;
}

/* Classes for margins. */

.mgAuto{
	margin: auto;
}

.mg0{
	margin: 0;
}

.mg5{
	margin: 5px;
}

.mgLeft5{
	margin-left: 5px;
}

.mgRgt5{
	margin-right: 5px;
}

.mgVer10{
	margin-top: 10px;
	margin-bottom: 10px;
}

.mgVer15{
	margin-top: 15px;
	margin-bottom: 15px;
}

.mgVer20{
	margin-top: 20px;
	margin-bottom: 20px;
}

.mg10{
	margin: 10px;
}

.mgBtm10{
	margin-bottom: 10px;
}

.mgTop10{
	margin-top: 10px;
}

.mgLeft10{
	margin-left: 10px;
}

.mgRgt10{
	margin-right: 10px;
}

/* Classes for padding. */

.pd0{
	padding: 0;
}

.pd5{
	padding: 5px;
}

.pd10{
	padding: 10px;
}

.pdHor5{
	padding-left: 5px;
	padding-right: 5px;
}

.pdHor10{
	padding-left: 10px;
	padding-right: 10px;
}

.pdVer5{
	padding-top: 5px;
	padding-bottom: 5px;
}

.pdVer10{
	padding-top: 10px;
	padding-bottom: 10px;
}

.pdVer15{
	padding-top: 15px;
	padding-bottom: 15px;
}

.pdVer20{
	padding-top: 20px;
	padding-bottom: 20px;
}

.pdBtm5{
	padding-bottom: 5px;
}

.pdBtm10{
	padding-bottom: 10px;
}

.pdTop10{
	padding-top: 10px;
}

.pdLeft10{
	padding-left: 10px;
}

.pdRgt10{
	padding-right: 10px;
}

/* Classes for floating. */

.fltLeft{
	float: left;
}

.fltRgt{
	float: right;
}

/* Classes for clearing. */

.clrBoth{
	clear: both;
}

.clrLeft{
	clear: left;
}

.clrRgt{
	clear: right;
}

/* Classes for text-align. */

.txtCtr{
	text-align: center;
}

.txtLft{
	text-align: left;
}

.txtRgt{
	text-align: right;
}

/* Classes for display, background and overflow. */

.ovflHdn{
	overflow: hidden;
}

.dsplyNone{
	display: none;
}

.dspInl{
	display: inline;
}

.bgrdNoRpt{
	background-repeat: no-repeat;
}

/* Classes for text color. */

.clrFFF{
	color: #FFF;
}

.clrEEE{
	color: #EEE;
}

.clrBBB{
	color: #BBB;
}

.clr999{
	color: #999;
}

.clr666{
	color: #666;
}

.clr333{
	color: #333;
}

.clr000{
	color: #000;
}

/* Classes for font sizes. */

.fntSz9{
	font-size: 9pt;
}

.fntSz10{
	font-size: 10pt;
}

.fntSz11{
	font-size: 11pt;
}

.fntSz12{
	font-size: 12pt;
}

.fntSz14{
	font-size: 14pt;
}

.fntSz15{
	font-size: 15pt;
}

.fntSz18{
	font-size: 18pt;
}

.fntSz24{
	font-size: 24pt;
}

/* Classes for borders. */

.brdNone{
	border: none;
}

.brd333{
	border: 1px solid #333;
}

.brd666{
	border: 1px solid #666;
}

.brd999{
	border: 1px solid #999;
}

.brdEEE{
	border: 1px solid #EEE;
}

.brdFFF{
	border: 1px solid #FFF;
}

.brdRed{
	border: 1px solid red;
}

.brdBtm333{
	border-bottom: 1px solid #333;
}

/* Classes for the width. */

.wdth10px{
	width: 10px;
}

.wdth20px{
	width: 20px;
}

.wdth100px{
	width: 100px;
}

.wdth170px{
	width: 170px;
}

.wdth200px{
	width: 200px;
}

.wdth350px{
	width: 350px;
}

.wdth400px{
	width: 400px;
}

.wdth530px{
	width: 530px;
}

.wdth900px{
	width: 900px;
}

.wdth20{
	width: 20%;
}

.wdth33{
	width: 33%;
}

.wdth60{
	width: 60%;
}

.wdth70{
	width: 70%;
}

.wdth100{
	width: 100%;
}

/* Classes for the height. */

.hgt0{
	height: 0;
}

.hgt10{
	height: 10px;
}

.hgt30{
	height: 30px;
}

.hgt50{
	height: 50px;
}

.hgt100{
	height: 100px;
}

/* Classes for text indent and line height. */

.txtInd{
	text-indent: -600px;
}

.lnHgt100{
	line-height: 100%;
}

.vertCtr{
	vertical-align: middle;
}

/* Classes for the opacity. */

.opac50{
	opacity: 0.5;
	filter: alpha(opacity=50);
}

.opac75{
	opacity: 0.75;
	filter: alpha(opacity=75);
}


.opac100{
	opacity: 1.0;
	filter: alpha(opacity=100);
}