@charset "UTF-8";
/* CSS Document */

body { background:url(images/bg.jpg) repeat-x; background-color:#00285d; margin:0 auto 0 auto; font-family:Arial, Helvetica, sans-serif; font-size:14px; line-height:21px;}
.clr { clear:both;}
img { border:none;}
h1 { color:#1359a9; font-size:24px; margin:40px 0 25px 0;}
h1 strong { color:#071f47; text-align:center; font-size:24px;}
h2 { color:#1359a9; text-align:center; font-size:19px; margin:40px 0 25px 0; padding:0 0 25px 0; background:url(images/h2-bg.jpg) no-repeat bottom center;}
h2 strong { color:#071f47; text-align:center; font-size:19px;}
h3 { font-size:16px; color:#000033; font-weight:bold; font-style:italic;}
em { color:#000033;}
.red { color:#CC0000;}
.largelink { text-align:center; font-size:24px; color:#0000FF;}

.large-title { color:#625287; text-align:center; font-size:20px; line-height:28px; font-weight:lighter;}
.large-title strong { color:#21163c; text-align:center; font-size:20px; line-height:25px; font-weight:lighter;}
.green-tick { background:url(images/green-tick.jpg) no-repeat top left; padding:0 20px 20px 50px; list-style:none; font-weight:lighter; font-size:15px; color:#194e7a;}
.green-tick strong { font-weight:bold; color:#002c4e; font-size:18px;}

.red-cross { background:url(images/red-cross.jpg) no-repeat top left; padding:0 20px 20px 50px; list-style:none; font-weight:lighter; font-size:15px; color:#194e7a;}
.red-cross strong { font-weight:bold; color:#CC0000; font-size:18px;}

#bg { background:url(images/bg2.jpg) top center no-repeat;}
#header01 { width:880px; height:142px; background:url(images/header.jpg) no-repeat; margin:0 auto 0 auto; padding:50px 0 0 20px;}

.headertext {font-size:48px; color:#FFFFFF; font-weight:bold; text-shadow:#003366 1px 1px;}
.headersubtext { font-size:24px;  color:#ffff99; font-weight:bold; text-shadow:#003366 1px 1px; line-height:50px;}

#main-wrap { width:900px; margin:0 auto 0 auto; background:url(images/main-bg.jpg);}
#left-col { width:230px; float:left; background:url(images/left-bg.jpg) repeat-x; background-color:#d5d5d5; padding:0 0 0px 0p;}
#content { width:650px; float:left; background:url(images/content-bg.jpg) no-repeat; background-color:#FFFFFF; padding:10px;}
.tab { width:200px; height:30px; margin:10px auto 0 auto; background:url(images/tab-bg.jpg); color:#FFFFFF; font-size:20px; padding:5px 0 0 10px; text-shadow:#000000 1px 1px;
     -moz-border-radius: 4px; /* FF1+ */
     -webkit-border-radius: 4px; /* Saf3+, Chrome */
     border-radius: 4px; /* Opera 10.5, IE 9 */
	  
     -moz-box-shadow: 0px 1px 4px #767676; /* FF3.5+ */
     -webkit-box-shadow: 1px 1px 4px #767676; /* Saf3.0+, Chrome */
     box-shadow: 0px 1px 4px #767676; /* Opera 10.5, IE 9.0 */}
.nav { width:200px; height:23px; margin:3px auto 3px auto; background:#f2f2f2; color:#000; font-size:14px; padding:7px 0 0 10px; display:block; text-decoration:none;
     -moz-border-radius: 4px; /* FF1+ */
     -webkit-border-radius: 4px; /* Saf3+, Chrome */
     border-radius: 4px; /* Opera 10.5, IE 9 */
	  
     -moz-box-shadow: 0px 1px 4px #767676; /* FF3.5+ */
     -webkit-box-shadow: 1px 1px 4px #767676; /* Saf3.0+, Chrome */
     box-shadow: 0px 1px 4px #767676; /* Opera 10.5, IE 9.0 */}
.nav:hover { width:200px; height:23px; margin:3px auto 3px auto; background:#1571be; color:#fff; font-size:14px; padding:7px 0 0 10px; display:block; text-decoration:none;
     -moz-border-radius: 4px; /* FF1+ */
     -webkit-border-radius: 4px; /* Saf3+, Chrome */
     border-radius: 4px; /* Opera 10.5, IE 9 */
	  
     -moz-box-shadow: 0px 1px 4px #767676; /* FF3.5+ */
     -webkit-box-shadow: 1px 1px 4px #767676; /* Saf3.0+, Chrome */
     box-shadow: 0px 1px 4px #767676; /* Opera 10.5, IE 9.0 */}
#footer { text-align:center; color:#FFFFFF; font-size:12px; padding:10px 0 10px 0;}
#footer a { text-align:center; color:#FFFFFF; font-size:12px; padding:10px 0 10px 0;}
