/* set the relative font size of IE5-5.5 differently to everything else, and we scale it from there */
body{ text-align: center;background: #EFF6FE;color: #333; font-size:12px;margin: 0;padding: 0; }
p {font-size: 12px; }
img {border: 0px none #fff; }
form { padding: 0;margin:0; }
a{ color: #3C3C3C;font-size: 12px;text-decoration: none;}
a:link{ color: #000; text-decoration: none;}
a:visited{ color: #000; text-decoration: none; }
a:active { color: #000; text-decoration: none; }
a:hover  { color: #369; text-decoration: none; position: relative; right: 0px; top: 1px }

#main {clear: both;width: 760px;padding: 0px;margin: auto;background: #EFF6FE;text-align: left; }

#header {clear: both;width: 100%;margin: auto;background: White;text-align: left;}

#nav {clear:both;width: 100%; font-weight:bold;height: 30px;margin: 0 auto;padding: 0;background: #5CACEE;}
#nav ul{margin: 0;padding: 0;padding-left: 6px;text-align: center;  list-style-type: none;}
#nav li{  float: left;  padding-left: 6px;  padding-right: 6px;  padding-top : 10px; }
#nav li a{  display: block;  text-align: center; color:white;text-decoration: none;  font-size: 12px;  }
#nav li a:hover{ color: #f60; text-decoration: underline; }

/*left column*/
#colleft{float: left;width: 200px;border: solid #A6B7D2;border-width: 0 1px 0 1px; color: black;}
#colleft a { text-decoration: none;}
#colleft a:hover{ color: #f60;text-decoration: underline;}

#colleft .title{width: 100%;height: 20px; padding-left: 4px;background: #CCCCFF;  font-weight: bold; }
/*#colleft .title a:link{ color: #fff; }*/

#colleft .content{ padding: 8px; color:#000; line-height:150%;}

/*right column*/
#colright { float:right; width: 557px;border: solid #A6B7D2;border-width: 0 1px 0 0; color: black}
#colright a { color:black; text-decoration: none;}
#colright a:hover{ color: #f60; text-decoration: underline;}

#colright .titleb{ float:left; width: 80%; height: 20px;line-height:20px;background: #CCCCFF; font-weight: bold; text-align:left}
#colright .titlec{ float:left; width: 20%; height: 20px;line-height:20px; padding-right:4px;background: #CCCCFF; font-weight: bold; text-align:right}
/*#colright .titleb a:link{ color: #fff; }*/

#colright .contentb { width: 100%;padding: 8px;line-height:150%;}

#counter {
clear: both;
width: 100%;
margin: auto;
background: #EFF6FE;
border-bottom:1px solid #A6B7D2;
border-top:1px solid #A6B7D2;
color: black;
font-size: 14px;
font-weight: bold;
text-align: center;
vertical-align: middle;
}

#seachhelp {
height:20px; 
line-height:20px; 
color:#EE7600;
}

#seachhelp a{
color:#EE7600;
text-decoration: none;
}

#seachhelp a.hover{
color:#EE7600;
text-decoration: blink;
}
#footer {clear: both; padding: 10px;text-align:center; background-color:#CCCCFF;color:#000000; font-size: 14px;line-height: 16px;}
#footer a {font-size: 12px;color: #333333;text-decoration: none;}
#footer a:hover {font-size: 12px;color: #f2f2f2;text-decoration: none;}

#MsgContent{
width:450px;
padding:1px; 
background:#fff;
margin:auto;
border: 1px solid #6CA6CD;
}
#MsgContent #MsgHead{
padding:2px;
text-align:center;
font-weight:bold;
background:#E3E3E3;
border-bottom: 1px solid #6CA6CD;
}

#MsgContent #MsgBody{
padding:0px;
line-height:180%;
}

.MessageText{height:50px;margin-right:38px;}
.MessageIcon{background:url(Message.jpg) no-repeat;width:48px;height:48px;float:left;}
.ErrorIcon{background:url(Error.jpg) no-repeat;width:48px;height:48px;float:left;}
.WarningIcon{background:url(Warning.jpg) no-repeat;width:48px;height:48px;float:left;}
.QuestionIcon{background:url(vQuestion.jpg) no-repeat;width:48px;height:48px;float:left;}