* { 
padding : 0;
margin : 0;
} 
body { 
font-family : Arial, Helvetica, sans-serif;
color : #666666;
font-size : 12px;
} 
#wrapper { 
width : 800px;
margin : 5px auto 0 auto;
} 
img { 
padding : 3px;
border : 1px solid #bce296;
} 
img.floatTL { 
float : left;
margin-right : 7px;
margin-bottom : 7px;
margin-top : 7px;
margin-left : 10px;
} 
img.floatTR { 
float : right;
margin-left : 7px;
margin-bottom : 7px;
margin-top : 7px;
margin-right : 10px;
}
img.float { 
float : right;
margin-left : 7px;
margin-bottom : 7px;
margin-top : 7px;
margin-right : 20px;
} 
#one { 
display : inline;
width : 150px;
float : left;
min-height : 30px;
background-color : #000000;
border-right : 1px solid #fff;
} 
* html #one { 
height : 30px;
} 
#one h1 {
color: #fafafa;
font-size: 15px;
padding-left: 7px;
padding-top: 5px;
}
#two { 
display : inline;
width : 444px;
float : left;
color: #fff;
text-align: center;
min-height : 30px;
background-color : #6c9626;
border-right : 3px solid #fff;
border-left : 2px solid #fff;
} 
#two h1 {
color: #fafafa;
font-size: 15px;
font-style: italic;
font-weight: bold;
padding-left: 15px;
padding-top: 5px;
}
* html #two { 
height : 30px;
} 
#three { 
border-left : 1px solid #fff;
border-right : 1px solid #fff;
display : inline;
width : 198px;
float : left;
min-height : 30px;
background-color : #6c9626;
} 
* html #three { 
height : 30px;
} 
#four { 
display : inline;
width : 199px;
float : left;
min-height : 30px;
background-color : #e48f00;
} 
#four h1 {
color: #fafafa;
font-size: 15px;
font-style: italic;
font-weight: bold;
padding-left: 5px;
padding-top: 5px;
}
* html #four { 
height : 30px;
} 
#four .min  { 
display : inline;
background-color : #e48f00;
font-size: 10px;
font-weight: bold;
padding-top: 5px;
} 
#four .max  { 
display : inline;
background-color : #e48f00;
font-size: 15px;
font-weight: bold;
}
#one a, #two a, #three a, #four a  { 
color : #fffffe;
font-family : Verdana;
text-decoration : none;
font-size: 12px;
font-weight: bold;
float : left;
padding-top: 2px;
}  
#navigation { 
display : inline;
width : 146px;
float : left;
padding: 0px 2px 0px 0px;
background-color : #f2f2f2;
min-height : 151px;
border-left : 1px solid #ccc;
border-right : 1px solid #ccc;
border-bottom : 1px solid #ccc;
} 
* html #navigation { 
height : 151px;
} 
.navigation { 
float : left;
padding: 0px 2px 0px 0px;
margin-left : 1px;
margin-right: -2px;
margin-top : 1px;
width : 146px;
} 
.navigation ul { 
margin : 0;
padding : 0;
} 
.navigation li { 
border-bottom : 1px solid #d5e8ad;
list-style : none;
text-transform : lowercase;
} 
.navigation li a { 
color : #553;
display : block;
padding : 3px 4px 3px 12px;
text-decoration : none;
font-family : Verdana;
font-size : 0.9em;
font-weight : bold;
} 
.navigation li a:hover { 
color : #553;
} 
#header { 
display : inline;
width : 646px;
float : right;
min-height : 151px;
background-image : url(images/header1.jpg);
background-repeat : repeat;
border-right : 1px solid #ccc;
border-bottom : 1px solid #ccc;
} 
#header h2 {
margin: 0px;
padding: 15px 0 2px 5px;
font-size: 12pt;
color: #FFCC00;
text-decoration: underline;
overflow: hidden;
}
#header p {
margin: 0;
padding: 0 0 0 5px;
font-size: 9pt;
color: #FFCC00;
width: 550px;
}
* html #header { 
height : 155px;
} 
.bold  {
line-height: 1.6em;
text-align: left;
color: #FFFFFF;
font-weight: bold;
}
#brdl { 
background-color : #299ad4;
display : inline;
float : left;
width : 798px;
height : 18px;
padding: 1px 0px 0px 0px;
border-right : 1px solid #ccc;
border-left : 1px solid #ccc;
}
#brdl h1 {
color: #fff;
font-weight: bold;
text-align: center;
font-size: 12px;
} 
#mainbody {
background-color : #fff;
display : inline;
float : left;
width : 798px;
height: 100%;
padding: 0px 0px 0px 0px;
border-right : 1px solid #ccc;
border-left : 1px solid #ccc;
}
#col_one { 
clear: both;
display : inline;
width : 150px;
height: 100%;
float : left;
min-height : 650px;
background-color : #fff;
border-top : 1px solid #ccc;
} 
* html #col_one { 
height : 650px;
} 
#col_one h2 { 
background-color : #000;
color : #f1f1f1;
font-family : verdana;
font-size : 14px;
padding-left : 7px;
padding-top : 3px;
padding-bottom : 4px;
margin-right : 1px;
} 
#col_one h3 { 
font-family : verdana;
font-size : 0.9em;
padding-top : 10px;
padding-left : 15px;
padding-bottom : 5px;
color : #a06314;
background-image : url(images/news.gif);
background-repeat : no-repeat;
background-position : left 10px;
margin-left : 10px;
} 
#col_one p { 
font-size : 1.0em;
text-align : justify;
background-color : #fff;
margin-left : 5px;
margin-right : 5px;
margin-top : 5px;
padding : 3px;
}
#col_one_old p { 
font-family : verdana;
font-size : 0.75em;
padding-left : 15px;
padding-bottom : 5px;
margin-left : 10px;
margin-right : 10px;
text-align : justify;
padding-right : 20px;
background-color : #eff6ff;
} 
#col_one .text a { 
color : #48b033;
font-size : 0.9em;
font-weight : bold;
padding : 2px;
} 
#infobox {
border: 1px solid #ccc;
background: #f4f4f4;
padding: 3px;
font-weight: bold;
letter-spacing: 0.1em;
margin: 10px;
color: #800000;
text-align: center;
}
.text {
padding: 3px;
font-weight: normal;
font-size: 1.0em;
margin: 10px;
color: #666666;
text-align: justify;
}
#col_two { 
display : inline;
width : 446px;
float : left;
min-height : 650px;
background-color : #fff;
border-top : 1px solid #ccc;
border-left : 2px solid #fff;
} 
* html #col_two { 
height : 650px;
} 
#col_two p { 
font-size : 1.0em;
text-align : justify;
background-color : #fff;
margin-left : 5px;
margin-right : 5px;
margin-top : 5px;
padding : 3px;
} 
#col_two h2 { 
background-color : #6c9626;
color : #f1f1f1;
font-family : verdana;
font-size : 14px;
padding-top : 3px;
padding-left : 5px;
padding-bottom : 4px;
} 
#col_two img { 
margin-top : 5px;
margin-left : 5px;
} 
#col_two h3 { 
text-align : center;
font-family : verdana;
font-size : 14px;
padding-top : 10px;
padding-bottom : 5px;
font-weight : lighter;
} 
#col_two ul { 
margin-left : 15px;
margin-top : 5px;
color : #381D81;
} 
#col_two li { 
padding-top : 5px;
padding-left : 10px;
list-style-type : square;
list-style-position : inside;
} 
#col_two a { 
color : #800000;
font-weight : bold;
text-decoration : underline;
font-size : 0.9em;
} 
#col_three { 
border-left : 1px solid #fffff0;
border-right : 1px solid #fffff0;
display : inline;
width : 198px;
float : left;
min-height : 440px;
background-color : #fff;
border-top : 1px solid #ccc;
border-bottom : 1px solid #ccc;
} 
* html #col_three { 
height : 440px;
} 
#col_three p { 
font-size : 0.9em;
text-align : justify;
background-color : #e6e6e6;
margin-left : 5px;
margin-right : 5px;
margin-top : 5px;
padding : 3px;
} 
#col_three h2 { 
background-color : #6c9626;
color : #f1f1f1;
font-family : verdana;
font-size : 16px;
padding-left : 5px;
padding-top : 3px;
padding-bottom : 4px;
} 
#col_three img { 
margin-top : 5px;
margin-left : 5px;
} 
#col_three h3 { 
text-align : center;
font-family : verdana;
font-size : 14px;
padding-top : 10px;
padding-bottom : 5px;
font-weight : lighter;
} 
#col_three a { 
color : #667dfe;
font-weight : bold;
text-decoration : underline;
font-size : 0.8em;
} 
#col_four { 
display : inline;
width : 197px;
float : right;
min-height : 650px;
background-color : #fff;
border-top : 1px solid #ccc;
overflow: hidden;
} 
* html #col_four { 
height : 650px;
} 
#col_four p { 
font-family : verdana;
font-size : 0.9em;
letter-spacing: -0.01em;
padding-bottom : 5px;
margin-top : 5px;
margin-left : 10px;
margin-right : 10px;
text-align : justify;
background-color : #fff;
} 
#col_four h2 { 
background-color : #e48f00;
color : #f1f1f1;
font-family : verdana;
font-size : 14px;
text-align: center;
padding-left : 0px;
padding-top : 3px;
padding-bottom : 4px;
} 
#col_four a { 
color : #48b033;
} 
#subfooter { 
clear: left;
margin-top : 0px;
border-top : 1px solid #ccc;
border-bottom : 1px solid #ccc;
background-color : #299ad4;
display : inline;
color: #fff;
font-weight: bold;
float : left;
width : 100%;
padding-top : 2px;
padding-bottom : 2px;
text-align : center;
} 
#footer { 
margin-top : 3px;
border : 1px solid #ccc;
background-color : #fff;
display : inline;
float : left;
width : 798px;
padding-top : 5px;
padding-bottom : 5px;
text-align : center;
} 
.gap  { 
clear: both;
padding-top : 5px;
padding-bottom : 5px;
font-size : 0.8em;
text-align: center;
font-weight: normal;
} 
.gap a { 
color : #BFEAFF;
font-weight : bold;
text-decoration : none;
font-size : 0.9em;
}
.gap a:hover { 
color : #299AD4;
font-weight : bold;
text-decoration : underline;
font-size : 0.9em;
}
.break1  { 
padding: 0px 10px 0px 10px;
font-size : 1.1em;
font-weight: bold;
text-align: center;
}
.break  { 
color : #9FDFFF;
padding: 0px 10px 0px 10px;
font-size : 1.1em;
font-weight: bold;
text-align: center;
}  
.bi  { 
font-size : 1.0em;
font-weight: bold;
font-style: italic;
}
.martag  { 
color: #800000;
font-size : 1.0em;
font-weight: bold;
}
.titletag  { 
color: #800000;
font-size : 1.0em;
font-weight: bold;
text-decoration : underline;
}
.webdesign {
color: #800000;
font-size: 9pt;
font-weight: bold;
text-decoration: none;
font-family: arial, helvetica, geneva;
text-align: center; 
}
.center {
text-align: center;
}


/*----------- Valid W3C buttons -----------*/

a.btn {font: 8pt Arial, Helvetica, sans-serif; padding: 0 .5em 0 0; border: 1px #000 solid; text-decoration: none;}
a.btn span {border-right: 1px solid #000; margin: 0 0.1em 0 0; padding: 0 0.5em;}
a.w3c:link, a.w3c:visited {color: #000; background:  #7899CF;}
a.w3c:hover, a.w3c:active {background: #CDE1F9;}
a.w3c span {background: #fff; color: #06c;}

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