/* ****************************************************************************************************
 * Typography
 * **************************************************************************************************** */
 
/*
	COLOURS:
	
	blue:                #0099cc;
	light blue:          #6ac3e1;
	very dark blue:      #122631;
	
	dark grey:           #333333; (bodycopy)
	mid grey:            #9c9c9c; (form borders)
	light grey:          #cfd3d6; (thin rules)
*/

body { color: #333; font-size: 12px; font-family: Tahoma, Arial, Helvetica, sans-serif; }

p { font-size: 12px; line-height: 150%; margin-bottom: 10px; }
small, .small { font-size: 11px; line-height: 135%; }
big, .big { font-size: 14px; line-height: 140%; }
em { font-style:italic; }
strong { font-weight: bold; }

blockquote, .blockquote { margin-bottom: 10px; display: block; padding: 0 10px 10px 0; background-color: #f3f3f3; border: 10px solid #f3f3f3; border-right: 0; border-bottom: 10px solid #fff; }

a, a:active, a:link, a:visited { color: #0099cc; text-decoration: underline; }
a:hover { text-decoration: none; }
#footer a, #footer a:active, #footer a:link, #footer a:active { color: #333; text-decoration: none; }
#footer a:hover { color: #0099cc; }

h1 { font-size: 32px; font-weight: bold; font-family: Arial, Helvetica, sans-serif; }
h2 { font-size: 21px; font-weight: bold; font-family: Arial, Helvetica, sans-serif; margin-bottom: 5px; }
h3 { font-size: 16px; font-weight: bold; font-family: Arial, Helvetica, sans-serif; margin-bottom: 5px; }
h4 { font-size: 12px; font-weight: bold; font-family: Arial, Helvetica, sans-serif; }
h5, h6 { font-size: 12px; font-weight: bold; }

.image-left { float: left; border-top: 1px solid #0099cc; margin: 0 10px 10px 0; }
.image-right{ float: right; border-top: 1px solid #0099cc; margin: 0 0 10px 10px; }

.element { margin: 0 0 10px 0; }
.element h6 { padding: 10px 5px 5px 6px; margin-bottom: 6px; background-repeat: no-repeat; background-image: url('images/element-top.gif'); background-position: top; width: 149px; display: block; color: #fff; font-size: 14px; background-color: #0099cc; font-weight: bold; font-family: Arial, Helvetica, sans-serif; }
.element img { border-top: 1px solid #0099cc; margin: -2px 0 5px 0; }
.element p { margin-bottom: 2px; }
.element a { display: block; padding: 2px 0 2px 17px; background-image: url('images/arrows.gif'); background-position: -9px -125px; background-repeat: no-repeat; }
.element h6 a { background-color: #0099cc; color: #fff; text-decoration: none; background-position: -9px -162px; }
.arrowlink { display: block; padding: 2px 0 2px 17px; background-image: url('images/arrows.gif'); background-position: -9px -33px; background-repeat: no-repeat; }


.roundbox { padding: 5px 14px 3px 12px; margin-bottom: 6px; background-repeat: no-repeat; background-image: url('images/element-top.gif'); background-position: top; width: auto; display: block; float: left; clear: both; color: #fff; font-size: 13px; background-color: #0099cc; font-weight: bold; font-family: Arial, Helvetica, sans-serif; }
.roundbox a { background-color: #0099cc; color: #fff; text-decoration: none; background-position: -9px -194px; display: block; padding: 2px 0 2px 17px; background-image: url('images/arrows.gif'); background-repeat: no-repeat; }


.success { color: #0099cc; font-weight: bold; }
.error { color: #ff0033; font-weight: bold; }

.error-label { color: #ff0033; }