body {
	background-image: url(images/bg.jpg);
	background-repeat: repeat;
}

.img {
     border: 1px solid #35368F;
     margin-top: 10px;
}

. imgsmall {
            float: left;
            border: 1px solid #35368F;
}

.wrapper {
	text-align: left;
	margin: 0px auto;
	width: 700px;
	background-color: #FFFFFF;
      border: 1px solid #00245D;
}

#details {
      text-align: right;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #00245D;
	font-style: normal;
	font-weight: bold;
	line-height: normal;
      padding-top: 2px;
      padding-right: 10px;
}

.topbar {
  clear:both;
  background: url(images/header3.gif) #FFFFFF;
  background-repeat: no-repeat;
  height: 100px;
  text-align: right;
  color: #333333;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 10px;
  color: #00245D;
  font-style: normal;
  font-weight: bold;
}

ul#topnav  {
	   margin: 0;
	   list-style-type: none;
	   padding: 0px 0px 0px;
}	

ul#topnav li  {
	      display: inline;
	      margin: 0px;
	      padding: 0px 20px 0px 20px;
}	

ul#topnav li a:link, ul#topnav li a:visited
	      {
	      text-decoration: none;
	      color: #595A9F;
	      font-family: Arial, Helvetica, sans-serif;
	      font-size: 11px;
	      font-weight: bold;
}	

ul#topnav li a:hover, ul#topnav li a:active
	      {
              text-decoration: underline;
	      color: #7F7F7F;
}

.nav {
  border-top: 1px solid #35368F;
  border-bottom: 1px solid #35368F;
  clear:both;
  background: url(images/background.gif) #FFFFFF;
  background-repeat: repeat-x;
  height: 20px;
  margin: 5px 0 5px 0;
  text-align: center;
}

.boxholder {
  clear:both;
  margin: 5px 0 0 0;
  text-align: left;
}

.boxholder2 {
  margin: 5px 0 0 0;
  text-align: left;
}

.box1 {
  float:left;
  width:56%;
  background: url(images/textbg.jpg) #FFFFFF;
  background-repeat: no-repeat;
  margin: 10px 0 10px 30px;
  padding: 5px;
  height: 157px;
  text-align: left;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #00245D;
  font-style: normal;
  font-weight: normal;
}

.box3 {
  float:right;
  width:35%;
  border-left:0px solid #000000;
}

.box6 {
  float:left;
  width:35%;
  padding-left: 70px;
  border-left:0px solid #000000;
  clear: both;
}

.box2 {
  float:right;
  width:56%;
  background: url(images/textbg.jpg) #FFFFFF;
  background-repeat: no-repeat;
  margin: 10px 25px 10px 0;
  padding: 5px;
  height: 157px;
  text-align: left;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #00245D;
  font-style: normal;
  font-weight: normal;
}

.box4 {
  float:left;
  width:35%;
  border-left:0px solid #000000;
  margin: 0 0 0 28px;
}

.box5 {
  float:left;
  width:90%;
  background: url(images/textbg2.jpg) #FFFFFF;
  background-repeat: no-repeat;
  margin: 0;
  padding: 5px 2px 2px 8px;
  height: 157px;
  text-align: left;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #00245D;
  font-style: normal;
  font-weight: normal;
}



.main {
  border:0px solid #000000;
}

.width {
        width: 377px;
        padding: 5px;
}

.width2 {
        width: 285px;
        padding: 0px;
}

ul#footernav	{
	        margin: 0;
	        list-style-type: none;
	        padding: 0px 0px 0px;
}	

ul#footernav li
	{
	display: inline;
	margin: 0px;
	padding: 0px 20px 0px 20px;
}	

ul#footernav li a:link, ul#footernav li a:visited
	{
	text-decoration: none;
	color: #595A9F;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
}	

ul#footernav li a:hover, ul#footernav li a:active
	{
		text-decoration: underline;
		color: #7F7F7F;
}

.footertext {
	    font-family: Arial, Helvetica, sans-serif;
	    font-size: 10px;
	    color: #3F3F3F;
            letter-spacing: 1.5px;
}

a.tzlink:link {
	      font-family: Arial, Helvetica, sans-serif;
	      font-size: 10px;
	      color: #3F3F3F;
	      text-decoration: none;
	      font-weight: normal;
	      padding-right: 0px;
	      padding-left: 0px;
}

a.tzlink:visited {
	         font-family: Arial, Helvetica, sans-serif;
	         font-size: 10px;
	         color: #3F3F3F;
	         text-decoration: none;
	         font-weight: normal;
	         padding-right: 0px;
	         padding-left: 0px;
}
a.tzlink:hover {
	       font-family: Arial, Helvetica, sans-serif;
	       font-size: 10px;
	       color: #000099;
	       text-decoration: underline;
	       font-weight: normal;
	       padding-right: 0px;
	       padding-left: 0px;
}

.bottext {
	         font-family: Arial, Helvetica, sans-serif;
	         font-size: 10px;
	         color: #9FA0FF;
	         text-decoration: none;
	         font-weight: bold;
	         padding-right: 10px;
	         padding-left: 10px;
}

.bot {
	         font-family: Arial, Helvetica, sans-serif;
	         font-size: 10px;
	         color: #D1D1EF;
	         text-decoration: none;
	         font-weight: bold;
	         padding-right: 10px;
	         padding-left: 10px;
}







.tab-this{
	margin:2px 0 7px 0;
	padding: 5px;
	border: 1px #35368F solid;
}
.tab-header{
	border: 0px #35368F solid;
        background: #DCDCDC;
	width: 118px;
	color:#00245D;
	font-family:Arial, Helvetica, sans-serif;
	font-size:0px;
      padding: 0 0 0 0;
      margin: -10px 0 -10px 0;
}

h2 {
    height:0px;
    padding:0px;
    display: none;
}

h1 {
    height: 20px;
}

/* Link to the visible tab */
.tablink-on, .tablink-off{
	position:relative;
  background: url(images/background.gif) #FFFFFF;
  background-repeat: repeat-x;
	color:#00245D;
	*left: -2px;
	display: inline;
	cursor:pointer;
	width: 650px;
	font-weight: bold;
	padding: 2px 30px 2px 30px;
	margin: 0 5px 0 0;
	text-indent:2px;
	border: 1px solid #35368F;
}
/* Links to tabs which aren't visible */
.tablink-off {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#595A9F;
      margin: 0 0 -3px 0;
}

a.tablink-off:hover {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#7F7F7F;
        text-decoration: underline;
      margin: 0 0 -3px 0;
}

.tablink-on {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#595A9F;
	border-bottom: 1px solid #DFE2E6;
      margin: 0 0 -3px 0;
}

a.tablink-on:hover{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#7F7F7F;
        text-decoration: underline;
	border-bottom: 1px solid #DFE2E6;
        margin: 0 0 -3px 0;
}

.tabp {
        overflow:hidden;
        display: inline;
}

/* These styles don't need editing */
.show-this{
	display:block;
	width:660px;
      text-align: left;
      font-family: Arial, Helvetica, sans-serif;
      font-size: 12px;
      color: #00245D;
      font-style: normal;
      font-weight: normal;      
}
.hide-this{
	display:none;
}

.mainform {
   
        width: 88%;
        min-height: 450px;
        background-image: url(images/bigbg.jpg);
	background-repeat: repeat-x;
        margin: 20px;
        padding: 21px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #00245D;
	font-style: normal;
	font-weight: normal;
	line-height: normal;
        border: 1px solid #666666;
        clear: both;
}

.mainform2 {
   
        width: 87%;
        min-height: 370px;
        background-image: url(images/bigbg.jpg);
	background-repeat: repeat-x;
        margin: 20px 20px 20px 30px;
        padding: 11px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #00245D;
	font-style: normal;
	font-weight: normal;
	line-height: normal;
        border: 1px solid #666666;
        clear: both;
}

.mainform3 {
   
        width: 97%;
        min-height: 450px;
        margin: 10px 0 10px 15px;
        padding: 11px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #00245D;
	font-style: normal;
	font-weight: normal;
	line-height: normal;
}

.content1 {
           float: left;
           display: inline;
           width: 40%;
}

.content2 {
           float: left;
           display: inline;
           width: 60%;
}

.content3 {
           float: left;
           display: inline;
           width: 50%;
}

.content4 {
           float: left;
           display: inline;
           width: 50%;
}




/*Copyright 2006 Group 1 */
/* Style by: Dexter Zafra of Group 1 */
form {
    margin: 0;
    padding: 0;
}
/* Basic page styling */

.remember {
    font-size : 11px; 
    color : #000000; 
    font-weight: normal;
    font-family : Verdana, Arial, Helvetica, sans-serif; 
    text-decoration : none; 
}
.fspan {
    font-size : 12px; 
    color : #000000; 
    font-weight: normal;
    font-family : arial,verdana,sans-serif;
    text-decoration : none; 
}
.art {
    font-size : 12px; 
    color : #000000; 
    font-weight: normal;
    font-family : Arial, Verdana, Helvetica, sans-serif; 
    text-decoration : none; 
}
.uexist:link {
    font-size : 10px; 
    font-weight : normal; 
    color : #0058b0; 
    font-family : verdana, arial, helvetica, sans-serif;
    text-decoration : underline; 
} 
.uexist:visited {
    font-size : 10px; 
    font-weight : normal; 
    color : #0058b0; 
    font-family : verdana, arial, helvetica, sans-serif;
    text-decoration : underline; 
} 
.uexist:hover {
    font-size : 10px; 
    font-weight : normal; 
    color : #ff0000; 
    font-family : verdana, arial, helvetica, sans-serif;
    text-decoration : none; 
}
#contained {
    margin: 0 auto;
    padding: 1em;
    width: 480px;
    font-size: 0.9em;
    text-align: left;
}
p#optreqlink {
    margin: 0;
    text-align: center;
}
.textbox {
    width: 160px;
    border-left : 1px solid #acc6db; 
    border-right : 1px solid #acc6db; 
    border-top : 1px solid #acc6db; 
    border-bottom : 1px solid #acc6db; 
    background-color : #fff; 
    font-size : 12px;
    font-family : Verdana, Arial, Helvetica, sans-serif; 
    color : #000; 
} 
.textbox2 {
    border-left : 1px solid #acc6db; 
    border-right : 1px solid #acc6db; 
    border-top : 1px solid #acc6db; 
    border-bottom : 1px solid #acc6db; 
    background-color : #fff; 
    font-size : 12px;
    font-family : Verdana, Arial, Helvetica, sans-serif; 
    color : #000; 
} 
.textcom {
    border-left : 1px solid #acc6db; 
    border-right : 1px solid #acc6db; 
    border-top : 1px solid #acc6db; 
    border-bottom : 1px solid #acc6db; 
    background-color : #fff; 
    font-size : 12px;
    font-family : Verdana, Arial, Helvetica, sans-serif; 
    color : #000; 
} 
.cselect {
    width: 163px;
    background-color : #fff; 
    font-size : 11px; 
    font-weight: normal;
    color : #000; 
    font-family : Verdana, arial, helvetica, sans-serif; 
    text-decoration : none; 
}
fieldset {
    margin: 1em 0;
    border: none;
    border-top: 1px solid #acc6db;
}
legend {
    margin: 1em 0;
    padding: 0 .3em;
    color: #3975B0;
    background: transparent;
    font-size: 1.1em;
    font-weight: bold;
}
label {
    float: left;
    width: 100px;
    padding: 0 1em;
    text-align: right;
}
fieldset div {
    margin-bottom: .5em;
    padding: 0;
    display: block;
}
div.newsletter div {
    margin: 5px 0;
}
div.newsletter input {
    width: 1em;
}
div.newsletter label {
    display: block;
    width: 200px;
    padding-left: 5em;
    text-align: left;
}
.submit {
    color : #fff; 
    font-family : verdana, arial, helvetica, sans-serif; 
    font-size : 8pt; 
    font-weight : bold; 
    background-color : #6898D0; 
    border : 1px solid #dadada; 
    cursor : pointer; 
}
#butdiv {
    clear: both;
    padding-top: 1em;
    text-align: center;
}
#butdiv1 {
    clear: both;
    padding-top: 1em;
    text-align: center;
}
/* CSS for popup hint tooltip box */
#hinttooltip {
    position: absolute;
    left: -300px;
    width: 150px;
    border:1px solid #AACFEA;
    border-right: 3px solid #AACFEA;
    border-bottom: 3px solid #AACFEA;
    padding: 3px;
    text-align: left;
    background-color: #EAF7FB;
    visibility: hidden;
    z-index: 100;
}
#hintpointer {
    position:absolute;
    left: -300px;
    z-index: 101;
    visibility: hidden;
}
/* This is the hacking and geeking part */
/* required fields - does not work in IE */
fieldset div.reqfield {
    font-weight: bold;
}
fieldset div.reqfield label:before {
    content: "* "; /* does not work in IE */
}