/* CSS Document */



body, htlm {width:100%;background-color:#0C4499;text-align:center;}
body{margin:0px;padding: 20px 0px 20px 0px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#333;}
h1 {font-size:18px; color:#0C4499; margin-bottom:15px; padding-bottom:0px; margin-top:0px; line-height:20px; font-weight:normal;}
h2{font-size:18px; color:#FFF; margin-bottom:20px; padding-bottom:0px; margin-top:0px;line-height:16px; font-weight:normal; }

h3{font-size:14px; color:#0C4499; margin-bottom:5px; padding-bottom:0px; margin-top:0px;line-height:16px; font-weight:normal; }

a {color:#1C5E90;}
a:hover {color:#F63;}


/* common div boxes wrappers   */

#container{width: 840px !important;width /**/: 840px; margin:0px auto; background-color:#0C4499; text-align:center; border:0px none #0C4499; padding:0px;}
.clear{height: 0px !important;height /**/: 1px; margin:0px;padding:0px;overflow:hidden;clear:both; font-size:1px;}
.toLeft {float:left;}
.toRight {float:right;}



/* top stuff */
#topDiv {width: 700px !important;width /**/: 700px; height: 85px !important;height /**/: 85px;background-color:#FFF;text-align:left;  border:0px none #FFF; margin:0px auto;  background-image:url(img/bgr_Top.jpg); background-position:bottom; background-repeat:repeat-x; }
#logo { margin:0px;  margin-left:0px;height: 60px !important;height /**/: 60px;}
#topTxt { float:right; margin-right:15px; margin-top:20px; color:#333; font-size:14px; font-weight:normal;}
#topTxt span{ font-size:22px; font-weight:bold; letter-spacing:1px;}

.blurLeft {height:2px; width:70px; position:absolute; margin-left:-72px; margin-top:-2px; float:left;}
.blurRight {height:2px; width:70px; position:absolute; margin-left:698px; margin-top:-2px; float:right;}

#fImg {margin:0px;  width:696px;}

/* mid menu*/
#menuBand{  margin:0px 0px 0px 0px ; width: 696px !important;width /**/: 696px;height: 28px !important;height /**/: 28px;  text-align:center; background-color:#ED9A32; color:#FFF; font-weight:normal;font-size:11px;}
a.topMenu { height: 20px;font-weight:bold; color:#FFF; text-decoration:none;margin-left:5px;margin-right:5px; line-height:29px;}
a.topMenu:hover { height: 20px;text-decoration:none; color:#0A51A1;}


/* front main  */
#wrapperOuter {width: 840px !important;width /**/: 840px; margin:0px auto; background-color:#0C4499; background-image:url(img/bgr_Body.jpg); background-position:center; background-repeat:repeat-y;padding:0px;}
#wrapperInner{width: 696px !important;width /**/: 700px; margin:0px auto; background-color:#FFF; text-align:center; border:2px solid #FFF; padding:0px; text-align:left;}
#mSpace { text-align:left;width: 693px !important;width /**/: 693px; padding:0px; margin:0px;}
#mainF {width: 450px !important;width /**/: 450px; padding-left:30px; padding-right:0px; text-align:left; font-size:13px; color:#333; margin-top:30px; }
#mainF p {padding:0px; margin:0px; margin-bottom:25px;}



#mSpace ul{ }
#mSpace li{ list-style-image:url(img/arrowGray.gif);line-height:12px; list-style-position:outside; padding-left:10px; padding-top:0px; margin:0px; margin-bottom:15px; color:#0C4499; font-weight:bold;}

#mainF ul{ margin-left:20px; }
#mainF li{ margin-left:0px; line-height:normal;  color:#333; font-weight:normal;}

#menuSide  {float:right; display:inline; margin-right:20px; width: 173px; margin-top:30px; border:0px none; padding:0px; }
.menuSideBox  {width: 165px !important;width /**/: 173px; border:2px solid #ED9A32; padding:2px; margin-bottom:20px; }
.menuSideBoxIn{padding:10px; background-image:url(img/grad_Orange.jpg); background-position:bottom; background-repeat:repeat-x; background-color:#EEAB50; color:#FFF;font-size:13px; line-height:18px}
.shortOrangeBgr{padding:5px;background-image:url(img/grad_OrangeShort.jpg); background-position:bottom; background-repeat:repeat-x; background-color:#EEAB50; font-size:12px;color:#FFF; line-height:20px; font-weight:bold;}
.shortOrangeBgr img {float:left; display:inline; margin-right: 5px;}
.menuSideBox img {display:block; border:0px none;}
.menuSideBox a {position:absolute; margin-left:140px; margin-top:-25px; width:30px; height:20px;}
a.shortOrange  {position:absolute; float:right; margin-right:30px; margin-top:-25px; width:30px; height:20px;}
a.sideMenu { width: 143px !important;width /**/: 173px; padding-left:30px; height: 25px !important;height /**/: 25px; background-image:url(img/sideMenuBgr.jpg); background-position:left top; background-repeat:no-repeat; text-align:left; font-size:14px; font-weight:bold; color:#0A51A1; display:block; line-height:25px; text-decoration:none; margin-bottom:6px;}
a.sideMenu:hover {color:#C60;}

/* feature package  */
#mSpaceFP { text-align:center;width: 693px !important;width /**/: 693px; padding:0px; margin:0px;}
#mainFP {width: 573px !important;width /**/: 633px; padding:15px 30px; margin:20px auto; margin-bottom:20px; background-image:url(img/grad_Orange.jpg); background-position:bottom; background-repeat:repeat-x; background-color:#EEAB50; text-align:left; color:#FFF;}
#mainFP a {color:#FFF; text-decoration:none; font-weight:bold;}
#mainFP a.ulined {color:#FFF; text-decoration:underline; font-weight:normal;}
#mainFP a:hover {color:#0A51A1; }
.package {width: 613px !important;width /**/: 633px; padding:10px; margin:0px auto; margin-bottom:20px; background-color:#C2CFE2; text-align:left; font-size:11px;}
.package p {padding:0px; margin:0px; margin-bottom:10px; float:left; width:330px;}

.packageImg {float:left; display:inline; margin-right:10px;} 

#mainCM {text-align:center;width: 636px !important;width /**/: 696px; padding:15px 30px; margin:0px auto; background-color:#F7DBBB; text-align:left; color:#0C4499;}
#mainCM img {float:right;}
#mainCMShadow{width: 696px !important;width /**/: 696px; margin:0px auto;margin-bottom:20px; background-color:#FFF; text-align:center; border:0px none; padding:0px; background-image:url(img/bgr_Foot.jpg); background-position:top; background-repeat:repeat-x;}
#mainClub {padding:0px 30px; padding-bottom:20px;}
#mainClub ul{ margin-left:20px; }
#mainClub li{ margin-left:0px; line-height:normal; }
a.moreInfo { width: 145px !important;width /**/: 175px; padding-left:30px; height: 25px !important;height /**/: 25px; background-image:url(img/moreInfoBgr.jpg); background-position:left top; background-repeat:no-repeat; text-align:left; font-size:14px; font-weight:bold; color:#FFF; display:block; line-height:25px; text-decoration:none; margin-bottom:0px; float:right;}
a.moreInfo:hover {color:#C60;}

.inputField {width: 300px !important;width /**/: 310px; height:18px; padding-left:10px; border:1px solid #EEAB50;}
.textField {width: 300px !important;width /**/: 310px; height:80px; padding-left:10px; border:1px solid #EEAB50;}
.goButton {width: 80px !important;width /**/: 80px; height:22px; background-color:#EEAB50; color:#FFF; border:1px solid #FFF; font-weight:bold; cursor:pointer;}
#wrapperFoot{width: 696px !important;width /**/: 700px; margin:0px auto; background-color:#FFF; text-align:center; border:2px solid #FFF; padding:0px;}
#footer { width: 666px !important;width /**/: 696px;height: 28px !important;height /**/: 28px;  text-align:left; background-color:#fff; color:#0C4499; font-weight:normal;font-size:10px; padding-left:30px; line-height:30px; overflow:hidden; background-image:url(img/bgr_Foot.jpg); background-position:top; background-repeat:repeat-x;}