/* Layout */
 
html, p, ul, li, h1, h2, h3, h4, h5, h6, form, fieldset, a, blockquote, legend
{margin:0; padding:0; border:0;}

img {border-color: #cfdad4;}
 
body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	background-color: #cfeaff;
	margin: 0;
	padding: 0;
	background-image: url(images/bg.jpg);
	background-repeat: repeat-x;
	background-position: top;
}

h1 {font-family:trebuchet MS; font-size:24px; font-weight:bold; color:#0d67a9;}
h2 {font-family:trebuchet MS; font-size:19px; font-weight:bold; color:#0d67a9;}

.arial{font-family: Arial, Helvetica, sans-serif;}
.verdana{font-family: Verdana, Arial, Helvetica, sans-serif;}
.tahoma{font-family: Tahoma, Arial, Verdana, Helvetica, sans-serif;}
.trebuchet {font-family:trebuchet MS;}


/* Font Sizes */

.ten {font-size: 10px;}
.eleven {font-size: 11px;}
.twelve {font-size: 12px;}
.thirteen {font-size: 13px;}
.fourteen {font-size: 14px;}
.fifteen {font-size: 15px;}
.sixteen {font-size: 16px;}
.seventeen {font-size: 17px;}
.eighteen {font-size: 18px;}
.nineteen {font-size: 19px;}
.twenty {font-size: 20px;}
.twentyone {font-size: 21px;}
.twentytwo {font-size: 22px;}
.twentythree {font-size: 23px;}
.twentyfour {font-size: 24px;}
.twentyfive {font-size: 25px;}
.thirty {font-size: 30px;}


/* Font Colours */

.magenta {color: #C637B3;}
.darkgray {color: #514E4A;}
.purple {color: #D671E2;}
.white {color: #FFFFFF;}
.black {color: #000000;}
.gray {color: #6b6b6b;}
.grayishblue {color: #7C7C97;}
.lightgray {color: #CCCCCC;}
.red {color: #E70000;}
.orange {color: #FF5500;}
.yellow {color: #FFFF00;}
.green {color: #00603a;}
.sharp_blue {color: #287ED3;}
.blue {color: #3082D4;}
.dblue	{color:#0d67a9;}
 

/* Font Style & Weight */
 
.bold {font-weight: bold;}
.italic {font-style: italic;}
.strikeout {text-decoration: line-through;}

/* Hovers */

.n2u {text-decoration: none;}
.n2u:hover {text-decoration: underline;}

.u2n {text-decoration: underline;}
.u2n:hover {text-decoration: none;}

.gray2red {color: #6D6D6D; text-decoration: none;}
.gray2red:hover {color: #E70000;}

.gray2orange {color: #6D6D6D; text-decoration: none;}
.gray2orange:hover {color: #FF6600;}

.gray2blue {color: #6D6D6D; text-decoration: none;}
.gray2blue:hover {color: #3082D4;}

.white2black {color: #FFFFFF; text-decoration: none;}
.white2black:hover {color: #000000;}

.white2yellow {color: #FFFFFF; text-decoration: none;}
.white2yellow:hover {color: #FFFF00;}

.red2black {text-decoration: none;color: #CC0000;}
.red2black:hover {text-decoration: none;color: #000000;}
 
.black2blue {text-decoration: none;color: #000000;}
.black2blue:hover {text-decoration: none;color: #287ED3;}

.black2white {text-decoration: none;color: #000000;}
.black2white:hover {text-decoration: none;color: #FFFFFF;}

.blue2black {text-decoration: none;color: #0662a8;}
.blue2black:hover {text-decoration: none;color: #000000;}

.black2red {text-decoration: none;color: #000000;}
.black2red:hover {text-decoration: none;color: #CC0000;}

.main_bg {
	background-image: url(images/main_bg.jpg);
	background-repeat: no-repeat;
	height: 282px;
	width: 489px;
}

.field {
	height: 23px;
	padding-top:6px;
	border: 1px solid #888888;
}

.field2 {
	height: 18px;
	padding-top:3px;
	border: 1px solid #888888;
}

.bar_bg {
	background-color: #ddf1ff;
	background-image: url(images/bar_bg.jpg);
	background-repeat: repeat-x;
	background-position: top;
}

.field1	{
	width:250px;
}