body
{
    background-image: url(/images/layout/background-pagetop.jpg);
    background-position: center top;
    background-repeat: no-repeat;
    font-family: Calibri, Platino, Trebuchet MS, DejaVu Sans Condensed, Bitstream Vera Sans, Sans-Serif;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    font-size: 10pt;
    cursor: default;
}

#container
{
    width: 760px;
    margin: 0px auto;
}

/* Page elements */
h1, h2, h3, h4, h4
{
}
h1
{
    font-size: 18pt;
    color: #003366;
}
h2
{
    font-size: 14pt;
    color: #555555;
}
h3
{
    font-size: 13pt;
}
h4
{
    font-size: 11pt;
}

.button
{
    font-family: Calibri, Platino, Trebuchet MS, DejaVu Sans Condensed, Bitstream Vera Sans, Sans-Serif;
    font-size: 10pt; 
    padding: 3px 8px 3px 8px; 
}
.textbox
{
    font-family: Calibri, Platino, Trebuchet MS, DejaVu Sans Condensed, Bitstream Vera Sans, Sans-Serif;
    color: #003366;
    border: 1px solid #AAAAAA; 
    padding: 3px 3px 3px 3px; 
}
.textbox:focus 
{
    color: #FF4422;
    border: 1px solid #FFAA00; 
}

/* Page header */
#page-header
{
    width: 760px;
    height: 140px;
    padding: 0px;
    margin: 0px;
    background-image: url(/images/layout/header-bar.jpg);
    background-position: center bottom;
    background-repeat: no-repeat;
}
#page-header-top
{
    height: 40px;
    text-align: right;
    padding: 5px 0px 0px 0px;
    color: #333333;
}
#page-header-top a
{
    color: #333333;
    text-decoration: none;
}
#page-header-top a:hover
{
    text-decoration: underline;
}

#page-header-middle
{
    background-image: url(/images/layout/header-logo.gif);
    background-position: left bottom;
    background-repeat: no-repeat;
    height: 60px;
}
#page-header-middle h1
{
    display: none;
}
#page-header #homelink
{
    width: 400px;
    height: 60px;
    display: block;
    text-decoration: none;
}
#page-header-bottom
{
    height: 27px;
    padding: 8px 15px 0px 0px;
    text-align: right;
    font-weight: bold;
}
#page-header-bottom a
{
    color: #000000;
    text-decoration: none;
}
#page-header-bottom a:hover
{
    text-decoration: underline;
}

/* Page content */
#page-content
{
    width: 720px;
    margin: 10px auto;
}

/* Page footer */
#page-footer
{
    width: 760px;
    height: 80px;
    padding: 30px 0px 0px 0px;
    margin: 0px;
    color: #333333;
    font-size: 8pt;
    background-image: url(/images/layout/footer-background.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    text-align: center;
    clear: both;
}
#page-footer .left 
{
    position: relative; 
    float: left; 
    margin: 0px 5px 0px 0px; 
    width: 365px; 
    text-align: right; 
}
#page-footer .right 
{
    position: relative; 
    float: right; 
    margin: 10px 0px 0px 5px; 
    width: 385px; 
    text-align: left; 
}

/* Content boxes */
.contentbox-wide, .contentbox-narrow
{
    position: relative;
    float: left;
    background-repeat: no-repeat;
    background-position: left top;
    padding: 27px 20px 10px 20px;
    display: inline-block;
}
.contentbox-wide
{
    background-image: url(/images/layout/column-header-wide.jpg);
    width: 400px;
}
.contentbox-narrow
{
    background-image: url(/images/layout/column-header-narrow.jpg);
    width: 240px;
}
.contentbox-wide .heading, .contentbox-narrow .heading
{
    display: block;
    font-size: 11pt;
    clear: both;
    margin: 0px 0px 18px 0px;
    color: #003366;
    text-decoration: none;
    font-weight: normal;
}

/* Default header options */
#hdr
{
    height: 160px;
    clear: both; 
}
#hdr-left
{
    position: relative;
    float: left;
    width: 185px;
    height: 160px;
}
#hdr-right
{
    position: relative;
    float: left;
    width: 520px;
    height: 160px;
}
#hdr-right h1
{
    font-size: 12pt;
    font-weight: normal;
    margin: 0px 0px 0px 10px;
    padding: 0px 0px 0px 0px;
}

#hdr-right h1
{
    color: #000000;
}

.status-text
{
    font-size: 12pt; 
    font-weight: bold; 
    color: #CC0000;
}

#achieve-online-success
{
    background-image: url(/images/mainpage/laptop-lady.jpg); 
    background-repeat: no-repeat; 
    background-position: left bottom; 
    height: 240px; 
    padding: 0px 0px 0px 0px; 
}


/* Contact form */
.contentLeft
{
	float: left; 
	width: 279px; 
	padding: 0px 20px 0px 0px; 
	margin: 0px 0px; 
}
.contentLeft ul li
{
	margin: 0px 0px 20px 0px; 
	list-style-image: url(/Images/layout/tick-green.gif); 
}
.contentRight
{
	float: left; 
	width: 400px; 
	padding: 0px 0px 0px 20px; 
	border-left: 1px solid #AAAAAA; 
	margin: 0px 0px 20px 0px; 
}
.row
{
	float: left; 
	width: 400px; 
}
.row .label
{
	float: left; 
	width: 100px; 
	padding: 3px 0px; 
}
.row .input
{
	float: left; 
	width: 300px; 
}
.row .input .textbox 
{
	width: 275px; 
}



/* Status box */
.statusBox
{
	position: fixed; 
	top: 50%; 
	left: 50%; 
	width: 400px; 
	margin: -50px 0px 0px -200px; 
	background-color: #555555; 
	border: 5px solid #AAAAAA; 
	color: #FFFFFF; 
	text-align: center; 
	padding: 25px; 
}
.statusBox div 
{
	margin: 0px 0px 25px 0px;
}