/*Layout Style Formatting*/
body{
width:740px;
margin:0 auto;
background-color:#FFFFFF;
background-image: url(brownpaw1.gif);
border:1px solid #666;
color: #000000;
font-family: Verdana, Helvetica, Arial, sans-serif;}

#container{
background-color:#FFFFFF;
background-position:bottom;
color: #000000;
background-repeat: repeat-x;
}
#header{
width:100%;
height:68px;
overflow:hidden;
display:block;
background-color:#1A5100;
background-image: url("top_logo.gif");
font-size:400%;
color:#FFFFFF;
font-weight:normal;
border-top: 2px solid #CCCC33;
border-bottom: 2px solid #CCCC33;
}
#header2{
width:100%;
height:68px;
overflow:hidden;
display:block;
background-color:#1A5100;
background-image: url("top_logo2.gif");
font-size:400%;
color:#FFFFFF;
font-weight:normal;
border-top: 2px solid #CCCC33;
border-bottom: 2px solid #CCCC33;
}
#left{
width:24%;
float:left;
overflow:hidden;
display: block;
margin:0px 0px 0px 0px;
background-color: #FFFFFF;
color: #000000;
padding-bottom:10px;}

#left .box{
margin-bottom: 10px;
margin-top: 10px;
margin-left: 0px;
margin-right: 0px;
padding: 5px 5px 15px 5px;
background-color: #FFFFFF;
border:1px solid #C4C4C4;
font-size:100%;
background-image: url("gradient.PNG");
background-position:bottom;
background-repeat: repeat-x;
color: #000000;
}

#content{
width:72.9%;
float:left;
overflow:hidden;
display: inline;
padding-bottom:15px;
background-color: #FFFFFF;
margin:10px 3px 2px 9px;
border:1px solid #C4C4C4;
background-image: url("gradient.PNG");
background-position:bottom;
background-repeat: repeat-x;
color: #000000;
}

#content1{
width:72.9%;
float:left;
overflow:hidden;
display: inline;
padding-bottom:15px;
background-color: #FFFFFF;
margin:10px 3px 2px 9px;
border:1px solid #C4C4C4;
background-image: url("gradient.PNG");
background-position:bottom;
background-repeat: repeat-x;
color: #000000;
}

#footer{
clear:left;
height:100%;
width:729px;
margin:10px 2px 2px 5px;
overflow:hidden;
display:block;
text-align:center;
background-color:#FFFFFF;
background-position:bottom;
background-repeat: repeat-x;
color: #000000;
padding-bottom: 5px;}

#footer2{
width:100%;
height:15px;
overflow:hidden;
display:block;
background-color:#CCCC33;
font-size:70%;
color:#FFFFFF;
text-align: center;
font-weight:normal;
border-top: 2px solid #6F901B;
border-bottom: 2px solid #6F901B;
}

#footer2  a:link, #footer2  a:active, #footer2  a:visited {

color: #273589;
text-decoration:none;
background-image:none;
font-size: 0.9em;
padding:0px;
}

#footer2  a:hover {

color: #273589;
text-decoration:underline;
background-image:none;
font-size: 0.9em;
padding:0px;
}


/*Style Formatting*/

#left h2{
font-weight: normal;
font-size:80%;
background-color:#6F901B;
border-top: 1px solid #CCCC33;
border-bottom: 1px solid #CCCC33;
padding:2px 2px 2px 10px;
margin:0px 0px 5px 0px;
color:#FFFFFF;}

#left .box p{
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
font-size: 80%;
color: #000000;
background-color: #FFFFFF;}

#left a:link, #left a:visited, #left a:active{
background-image: url("raquo1.PNG");
background-position: left;
background-repeat: no-repeat;
padding-left: 20px;
color: #000000;
text-decoration:none;
letter-spacing:0px;
font-weight:normal;
text-transform: capitalize;
font-size:75%;
background-color: #FFFFFF;
}

#left a:hover{
background-image: url("raquo.PNG");
color: #A10036;
background-color: #FFFFFF;
}
#content p, #content table{
margin: 10px 2px 10px 10px;
color: #000000;
border:0px solid #C4C4C4;
padding:5px;
font-size:80%;
background-color: #FFFFFF;}

#content1 p, #content1 table{
margin: 10px 2px 10px 10px;
color: #000000;
border:0px solid #C4C4C4;
padding:5px;
font-size:80%;
background-color: #FFFFFF;}

#content  h1, #content h2, #content h3{
font-weight: normal;
font-size:80%;
background-color:#6F901B;
margin:5px 5px 5px 5px;
color:#FFFFFF;
border-top: 1px solid #CCCC33;
border-bottom: 1px solid #CCCC33;
}

#content1  h1, #content1 h2, #content1 h3{
font-weight: normal;
font-size:80%;
background-color:#6F901B;
margin:5px 5px 5px 5px;
color:#FFFFFF;
border-top: 1px solid #CCCC33;
border-bottom: 1px solid #CCCC33;
}

#content h1{padding:2px 2px 2px 20px;}
#content h2{padding:2px 2px 2px 20px;}
#content h3{padding:2px 2px 2px 20px;}

#content1 h1{padding:2px 2px 2px 20px;}
#content1 h2{padding:2px 2px 2px 20px;}
#content1 h3{padding:2px 2px 2px 20px;}

#content  a:link, #left .box p a:link{
color:#A10036;
text-decoration:underline;
background-image: none;
font-size: 100%;
padding:0px;
background-color: #FFFFFF;
}

#content1  a:link, #left .box p a:link{
color:#A10036;
text-decoration:underline;
background-image: none;
font-size: 100%;
padding:0px;
background-color: #FFFFFF;
}

#content  a:hover, #content  a:active, #content  a:visited, #left .box p a:hover, #left .box p a:active, #left .box p a:visited{

color: #273589;
text-decoration:underline;
background-image:none;
font-size: 100%;
padding:0px;
background-color: #FFFFFF;}

#content1  a:hover, #content1  a:active, #content1  a:visited, #left .box p a:hover, #left .box p a:active, #left .box p a:visited{

color: #273589;
text-decoration:underline;
background-image:none;
font-size: 100%;
padding:0px;
background-color: #FFFFFF;}

#content ul {
        margin: 0 0 3px 15px;
	padding: 0;
	font-size: 80%;
}	

#content li {
        list-style: none url(paw.gif);
        margin: 0px 0 4px 25px;
	padding: 0px 5px 0px 0px;
}

#content1 ul {
        margin: 0 0 3px 15px;
	padding: 0;
	font-size: 80%;
        vertical-align: bottom; /* This fixes the IE5 Win gap! */
}	

#content1 li {
        list-style: none;
        margin: 0px 0 4px 5px;
	padding: 0px 5px 0px 0px;
}

#content1 ol {
        margin: 0px 0 3px 15px;
	padding: 0;
	font-size: 80%;
}

#content1 ol.numb {
        color: #A10036;
        list-style-type: decimal;
        margin: 0 0 3px 30px;
	padding: 0;
        font-weight: bold;
	font-size: 80%;
}

#content1 li.numb {
        color: #A10036;
        list-style-type: decimal;
        margin: 0px 0 4px 5px;
	padding: 0px 5px 0px 0px;
}

#footer p { 
border: 1px solid #C4C4C4;
padding: 0.5em;
margin: 0.3em;
font-size:70%;
color: #000000;
background-color: #FFFFFF;}

#footer p a:link, #footer p a:visited, #footer p a:active{
color: #4169E1;
text-decoration: underline;
background-color: #FFFFFF;
}
#footer p a:hover{
color: blue;
text-decoration: underline ;
background-color: #FFFFFF;}

img{
margin: 5px 5px 3px 0px;
border: 0px #A10036 solid;
}
.inline{
border: 0px;
margin: 0px 0px 0px 0px;
display: inline;
float: none;
}
table{
margin: 10px 2px 10px 10px;
color: #000000;
background-color: #FFFFFF;
}

form{
margin-left:10px;
font-size:100%;
color: #000000;
background-color: #FFFFFF;}

input.text{
border: 1px #A10036 solid;
font-size:90%;
margin:5px;
width:205px;
color: #6c6c6c;
background-color: #FFFFFF;
}
textarea.text{
border: 1px #A10036 solid;
font-size:90%;
margin:5px;
width:405px;
color: #6c6c6c;
overflow: hidden;
height:150px;
background-color: #FFFFFF;
}
input.button{
color: #FFFFFF;
background-color: #A10036;
border: 0px;
margin: 0px 6px 0px 5px;
width: 95px;}
b{color:#A10036;
background-color: #FFFFFF;}

img.frame {
float: left;
}

img.frame2 {
text-align: center;
padding-left: 11px;
}

img.frame3 {
text-align: center;
padding-left: 11px;
border: 1px solid #6F901B;
vertical-align: top;
}

img.frame4 {
text-align: center;
padding: 5px;
border: 1px solid #6F901B;
vertical-align: top;
}


.paws {
 float: left;
 height: 18px;
 width: 20px;
 background-image: url("paw.jpg");
 margin-right: 5px;
 }

.inline-list {
	display: inline;
        color: #273589;     
        }
.gap {
        padding: 0 5px 0 5px;
	}

.hide {
      display: none;
      padding: 5px 10px 5px 25px;
      }

.norm {
      font-weight: normal;
      color: #000000;
      }

.italic  {
         font-weight: normal;
         font-size: 11px;
         font-style: italic;
         color: #000000;
         }

.number {
      margin: -35px 0px 0px 0px;
      }

.bi  {
         font-weight: normal;
         font-size: 12px;
         font-style: italic;
         font-weight: bold;
         color: #CCCC33;
         background: #6F901B;
         padding-left: 25px;
         }

.strike {text-decoration: line-through;}



/*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 */
}