/* CSS Document */
/* *******************
 * BLUES
 * Light Blue:	4F77CE (replace yellow fdb222)
 * Medium Blue:	1C459C (replace green  90c83d)
 * Darl Blue:	092765 (replace bright blue 0fa1df)
 * Link Blue:	0a389b 
 * Mail Blue:	193cae
 ********************** */
* {
	margin:0; padding:0;
	font-size:100%;
}

body{
	background:url(../images/body-bg.gif) left top repeat-x #dcdcdc;
	text-align:center;
}

img {vertical-align:top;}
a img { border:0;}

ul { list-style:none;}

.left { float:left;}
.right {float:right;}
.clear  { clear:both;}


html, input, textarea
	{
		font-family:Arial, Helvetica, sans-serif;
		font-size:0.75em;
		line-height:1.5em;
		color:#5e7185;
	}

input, select { vertical-align:middle; font-weight:normal;}

a {color:#0a389b; outline:none;}
a:hover{text-decoration:none;}
p {padding-top:18px;}

/* ============================= main layout ====================== */

li { background:url(../images/marker.gif) no-repeat 0 7px; padding-left:12px; line-height:1.69em; font-size:1.083em;}
li a {color:#0a389b;}

.imgindent {margin:0 30px 0 0; float:left;}
.imgindent1 {margin:0 20px 0 0; float:left;}

.left-bg {background:url(../images/left-png-bg.png) left top repeat-y; padding-left:13px;}
.right-bg {background:url(../images/right-png-bg.png) right top repeat-y; padding-right:13px;}
.extra {background:#fff; padding:0 11px;}
.extra-padding {background:#fff; padding:0 11px 14px;}

h2 {font-size:2.5em; line-height:1.2em; color:#3c3c3c; letter-spacing:-2px; margin-bottom:18px; position:relative;}
.h2-bg {font-size:2.5em; line-height:1.2em; color:#3c3c3c; letter-spacing:-2px; margin-bottom:18px; position:relative; background:url(../images/border-bg.gif) left bottom repeat-x; padding-bottom:13px; }
h3 {font-size:2.16em; line-height:1.2em; color:#3c3c3c; letter-spacing:-2px; margin-bottom:18px; position:relative;}
/* ============================= header ====================== */
.logo {float:left; padding-top:13px;}

.menu {float:right; padding-top:38px;}
.menu li {float:left; font-size:1.45em; line-height:1.2em; background:none; padding:0 20px 0 21px;}
.menu li a {display:block; text-decoration:none; color:#424242; padding-bottom:5px;}
.menu .active, .menu li a:hover {background:url(../images/menu-li-active.gif) left bottom repeat-x;}

/*.slogan {background:url(../images/header-bg.jpg) left top no-repeat; height:263px; padding:112px 40px 0 0; text-align:right; }*/
.slogan strong {font-size:2.66em; line-height:1.2em; display:inline-block; color:#363433; letter-spacing:-1px;}
.slogan em {font-style:normal; color:#1b459d; display:inline-block; font-size:3em; line-height:1.2em; text-transform:uppercase; letter-spacing:-2px; margin-top:-4px;}
.slogan p {font-style:normal; color:#363433; font-size:2.33em; line-height:1.2em; display:inline-block; text-transform:none; font-weight:normal; padding-top:0px; margin-top:-6px;}
/* ============================= content ====================== */
.boxes {background:url(../images/png-bg.png) repeat; margin-top:-66px;  position:relative;}
.boxes-extra {background:url(../images/content-bg.gif) left 66px repeat-x;}
.boxes .indent {padding:14px 14px 0 14px;}
.policy {background:url(../images/content-bg.gif) left top repeat-x; position:relative;}

.boxes ul {margin:-6px 0 0 -3px}
.page3 .boxes ul, .page6 .boxes ul {margin:-6px 0 0 3px}
.boxes li {font-size:1em; line-height:2.3em; padding-left:36px;}
.page3 .boxes li, .page6 .boxes li {background:url(../images/5.gif) no-repeat 0 3px; font-size:1em; line-height:1.25em; padding-left:20px; padding-bottom:10px;}
.boxes li a {text-decoration:none; color:#0a389b;}
.boxes li a:hover {text-decoration:underline;}

.box1 li {background:url(../images/box1-marker_BLUE.gif) left 5px no-repeat;}
.box2 li {background:url(../images/box2-marker_BLUE.gif) left 5px no-repeat;}
.box3 li {background:url(../images/box3-marker_BLUE.gif) left 5px no-repeat;}

.box1, .box2, .box3 {width:292px; float:left;}
.page6 .box2 {width:905px; float:left;}
.page6 .col-2, {width:588px; float:left; padding:12px 0 0 0;}
.page6 .col-1,.page6 .col-3, .page6 .col-4 {width:280px; float:left; padding:12px 0 0 0;}

.box1 .title {background:url(../images/box1-tail_BLUE1.jpg) left top repeat-x #4F77CE;}
.box2 .title {background:url(../images/box2-tail_BLUE.jpg) left top repeat-x #1C459C;}
.box3 .title {background:url(../images/box3-tail_BLUE.jpg) left top repeat-x #092765;}

.bottom-bg {color:#fff; font-size:2em; line-height:1.2em; padding:12px 0 19px 23px; margin-bottom:6px;}
.box1 .bottom-bg {background:url(../images/box1-bottom_BLUE.jpg) left bottom no-repeat;}
.box2 .bottom-bg {background:url(../images/box2-bottom_BLUE.jpg) left bottom no-repeat;}
.box3 .bottom-bg {background:url(../images/box3-bottom_BLUE.jpg) left bottom no-repeat;}

.page3 .box2 .bottom-bg, #page5 .box2 .bottom-bg {background:url(../images/box2-bottom1_BLUE.gif) left bottom no-repeat;}
.page6 .box2 .bottom-bg  {background:url(../images/box2-bottom1_long_BLUE.gif) left bottom no-repeat;}

.box-list {width:305px; padding-left:2px;}
.link-bg {text-align:right; padding:14px 20px 11px 0;}

.box1 .link-bg {background:url(../images/box1-link-bgr_BLUE.jpg) left top repeat-x #b9c9eb;}
.box2 .link-bg {background:url(../images/box2-link-bgr_BLUE.jpg) left top repeat-x #a4b4d6;}
.box3 .link-bg {background:url(../images/box3-link-bgr_BLUE.jpg) left top repeat-x #9da9c1;}

.box1 .link {color:#4F77CE; background:url(../images/box1-link-bg_BLUE.jpg) right 0px no-repeat; }
.box2 .link {color:#1C459C; background:url(../images/box2-link-bg_BLUE.jpg) right 0px no-repeat; }
.box3 .link {color:#092765; background:url(../images/box3-link-bg_BLUE.jpg) right 0px no-repeat; }

.box-pad {margin-right:14px;}

.boxes .box1 .padding {padding-bottom:33px;}
.boxes .box1 .padding1 {padding-bottom:37px;}
.box1, .box2, .box3 {background:url(../images/box-tail-bg.gif) left top repeat-x #ececec;}

/* TO JUSTIFY OR NOT TO JUSTIFY TEXT (Generally good except if columns are short) */
.box1 .indent, .box2 .indent, .box3 .indent {padding:25px 18px 25px 18px; color:#5e7185; font-size:1.083em; text-align:justify; }
.box1 .nojust, .box2 .nojust, .box3 .nojust {padding:25px 18px 25px 18px; color:#5e7185; font-size:1.083em; text-align:left;}

.boxes .margin1 {margin-bottom:30px;}

/*.box3 a {color:#193cae;} */
.boxes .box1 em {color:#3d61ae; font-weight:bolder;}
.boxes .box2 em {color:#212e7d; font-weight:bolder;}
.boxes .box3 em {color:#092765; font-weight:bolder;}
.boxes .box3 em-nopad {color:#092765; line-height:.8em;}
.page1 .box3 .indent {color:#5a5a5e;}

.boxes em {display:inline-block; font-style:normal; color:#212e7d; font-size:1.076em; margin-bottom:5px; line-height:1.28em;}
.boxes strong {color:#363433; display:inline-block; font-size:0.92em;}
.page1 .boxes strong {color:#092765; display:inline-block; font-size:0.92em;}
.page6 .boxes strong {color:#3e3e40; display:inline-block; font-size:0.92em;}

.links {font-size:1em; font-weight:bold; position:relative;}
.links .indent {padding:0 14px;}
.links a {text-decoration:none;}
.links a:hover {text-decoration:underline;}
.links .link {display:inline-block; padding-right:25px;}

.indent {padding:48px 14px 20px 24px; text-align: left;}

.col-pad {padding-right:64px;}
.col-pad1 {padding-right:46px;}

.title1 {font-size:1.16em; line-height:1.7em; color:#4F77CE; font-style:normal; font-weight:bolder;}
.title2 {font-size:1.16em; line-height:1.28em; color:#4F77CE; font-style:normal;}

.pad {padding-top:18px;}
.pad1 {padding-top:30px;}
.pad2 {padding-top:12px;}

.padding {padding-bottom:43px;}
.padding1 {padding-bottom:38px;}
.padding2 {padding-bottom:24px;}

.list-pad {padding-top:14px;}

.margin {margin-right:40px;}
.margin2 {margin-left:20px;}

.alignright {text-align:right;}

.link {display:inline-block; background:url(../images/link-bg.gif) right 0px no-repeat; padding-right:23px; font-weight:bold; color:#5e7185; text-decoration:none;}
.link:hover {text-decoration:underline;}

.rss {display:inline-block; background:url(../images/rss.jpg) right 0px no-repeat; padding:0 23px 10px 0; font-weight:bold; color:#5e7185; text-decoration:none;}
.rss:hover {text-decoration:underline;}

.border {background:url(../images/border-bg.gif) left bottom repeat-x; padding-bottom:36px; margin-bottom:20px;}

span a {display:inline-block; margin-left:10px; font-style:italic;}
em a {color:#0a389b;}

.date {display:inline-block; background:url(../images/date-bg.gif) left 2px no-repeat; padding-left:23px; color:#11abe2; font-style:italic;}
.link2 { color:#124680; font-style:italic;}


.list {padding-top:0px;}
.list li {float:left; background:url(../images/list-bg.gif) left 6px no-repeat; padding:0 30px; line-height:1.2em;}
.list li a {display:block; text-align:center; text-decoration:none; color:#4a535a;}
.list li a img {margin-bottom:8px;}
.list li a:hover {text-decoration:underline;}
.list .first {background:none; padding-left:0px;}
.list .last {padding-right:0px;}

.indent .null {margin:0;}

.phone {display:inline-block; width:80px;}

.mail {color:#193cae;}

/* ============================= footer ====================== */
#footer {background:url(../images/footer-bg.gif) left top repeat-x #d9d9d9; text-align:center; color:#363433;}
#footer a {color:#193cae;}
.footer-menu {padding-top:28px;}
.footer-menu li {display:inline; background:url(../images/footer-menu-li-bg.gif) right 6px no-repeat; padding:0 18px;}
.footer-menu li a {color:#363433 !important; text-decoration:none;}
.footer-menu li a:hover {text-decoration:underline;}
.footer-menu .last {background:none;}

/* ============================= forms ============================= */
.error {color:Red; font-weight:bolder; font-style: italic; font-size:larger}
.errorform {color:Red; font-style: italic;}

#SignUpForm { padding:10px 0px 20px 20px; background:url(../images/sign-up-bg.gif) left top repeat-x; margin:23px -6px 16px -15px; position:relative;}
#SignUpForm label {height:26px; display:inline-block; vertical-align:top; margin:0 -4px 0 0;}
#SignUpForm .input {width:155px; height:18px; border:1px solid #969696; padding:1px 6px 0 5px; font-size:0.91em;  vertical-align:top; color:#79938c; background:#fff;}
#SignUpForm strong {font-size:1.83em; line-height:1.2em; color:#fff; display:inline-block; margin-bottom:8px;}

#ContactForm {padding-top:30px;}
#ContactForm .col-1 {width:480px !important;}
#ContactForm .col-2 {width:280px !important;}
#ContactForm label {height:42px; display:block;}
#ContactForm .input {width:450px; height:18px; border:1px solid #c2c2c2; background:none; padding:0 0 0 5px; font-size:1em;}
#ContactForm textarea {width:450px; height:102px; border:1px solid #c2c2c2; background:none; padding:0 0 0 5px; overflow:auto; font-size:1em;}