/* */
html,body,div,span,p,blockquote,ol,ul,li,h1,h2,h3,h4,h5,h6,fieldset,form,input,table,th,td { margin: 0; padding: 0; }
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,strong,th { font-size: 1em; font-weight: normal; font-style: normal; }
ol,ul { list-style: none; }
img { border: none; }
table {	border-collapse: collapse; border-spacing: 0; }
caption,th { text-align: left; }

/* */
body { background: #FFF url('../img/gridbgtrans.gif'); font: 12px/18px "Lucida Grande", Helvetica, Arial, Verdana, sans-serif; color: #000; }

body { background: #FFF url('../img/bodybg.jpg') top repeat-x; }

a:link, a:visited { text-decoration: underline; }
a:hover { text-decoration: underline; }

p { margin-bottom: 18px; }

h1 { font-size: 24px; line-height: 36px; margin-bottom: 18px; }
h2 { font-size: 18px; line-height: 18px; margin-bottom: 18px; }
h3 { font-size: 12px; line-height: 18px; }
h4 { font-size: 10px; line-height: 18px; }

ol,ul { margin-bottom: 18px; }

/* */
ul.square { list-style-type: square; margin-left: 2em; margin-right: 1em;}

img.left { float: left; margin: 2px 18px 16px 0; }
img.right { float: right; margin: 2px 0 16px 18px; }

/* */
.clear { clear: both; }
.column { float: left; }

/* */
dl { width: 300px; font-size: 11px; margin: 0; padding:0; }
dt { width: 90px; float: left; display: inline; clear: left; margin: 0 0 0 -1px; padding: 0 0 0 1px; border-bottom: 1px solid #DDD; line-height:18px; margin-bottom: 3px; }
dd { width: 210px; float: left; display: inline; text-align: right; margin: 0 -1px 0 0 ; padding: 0 1px 0 0; border-bottom: 1px solid #DDD; line-height:18px; margin-bottom: 3px; }

dt.sp { color: #AA3333; font-weight: bold; }
dd.sp { color: #AA3333; font-weight: bold; }

/* */
#globalheader { position: relative; width: 960px; height: 91px; margin: 0 auto -9px; }

#utilitynav { position: relative; height: 27px; margin: 0 auto; list-style: none; text-align: right; color: #26519d; }
#utilitynav li { display: inline; }
#utilitynav li a { text-decoration: none; margin: 0 9px; overflow: hidden; font-size: 12px; font-weight: bold; line-height: 27px; outline: none; color: #26519d; }
#utilitynav li a:hover { }
#utilitynav li div { display: inline; margin: 0 9px; overflow: hidden; font-size: 12px; font-weight: bold; line-height: 27px; outline: none; color: #26519d; }

#globalnav { position: relative; width: 960px; list-style: none; }
#globalnav li { display: inline; }
#globalnav li a { float: left; text-decoration: none; padding: 0; overflow: hidden; font-size: 13px; line-height: 27px; outline: none; text-align: center; }

#globalnav li#logo a { position: relative; width: 378px; height: 90px; font: 36px helvetica; line-height: 72px; color: #444; margin: -20px 75px 0 0; text-align: left; }
#globalnav li#home a, li#aboutus a, #globalnav li#services a, #globalnav li#clients a, #globalnav li#contactus a, #globalnav li#portal a {display: none; width: 94px; margin: 38px 2px 0 0; border: 0px solid #CCC; border-bottom: 0; color: #FFF; text-align: center; font: 12px/26px arial; }
#globalnav li#portal a {display: none; width: 103px; margin-left: 13px; }

/* */
#globalfooter { position: relative; width: 960px; height: 36px; margin: 0 auto; padding-top: 8px; font-size: 11px; color: #FFF; background: transparent url('../img/footerbg.jpg') no-repeat; }
#globalfooter .first { width: 482px; padding-left: 15px; }
#globalfooter .last { width: 448px; padding-right: 15px; text-align: right; }
#globalfooter a { color: #FFF; text-decoration: none; }
#globalfooter a:hover { color: #FFF; text-decoration: underline; }

/* */
#globalleader { width: 960px; height:180px; margin: 9px auto 6px; background: #FFF; background: transparent url('../img/leaderboard2.jpg') no-repeat; }
#globalleader .content { padding: 36px 72px 0 560px; color: #FFF; }
#globalleader h2 { font: 18px arial; color: #DDD; margin: 0; }
#globalleader p { font: 12px arial; color: #FFF; margin: 9px 0; }

/* */
#homebanner { width: 960px; height: 72px; margin: 6px auto; color: #FFF; background: transparent url('../img/bannerbg2.jpg') no-repeat; }
#homebanner h2 { position: relative; font: 18px arial; font-weight: normal; text-align: center; margin: 0; padding: 12px 0 0; }
#homebanner h3 { font: 13px arial; font-weight: normal; text-align: center; padding: 6px 0 0; }

/* */
#container { width: 960px; margin: 6px auto; background: transparent; }
#container .top { height: 6px; margin: 0; font-size: 1px; background: transparent url('../img/mainfulltop.gif') no-repeat; }
#container .bottom { height: 6px; margin: 0; font-size: 1px; padding: 0; clear: both; background: transparent url('../img/mainfullbottom.gif') no-repeat; }

/* */

form input,select,file { font-size: 11px; }

form td { padding: 2px 0; vertical-align: top; }
form td.label { text-align: right; padding-right: 10px; }
form td.right { text-align: right; }

input { width: 260px; }
input.cb { width: 13px; height: 18px; margin: 0 5px 0 0; padding: 0; vertical-align: middle; }
input.btn { width: 75px; margin: 9px 0; }
select { width: 265px; }

/* */
.grida1 { padding: 0; margin-top: 0; background: transparent repeat; }
.grida1 .first { width: 560px; margin-right: 6px; }
.grida1 .first .firsttop { height: 6px; margin: 0; font-size: 1px; background: transparent url('../img/mainlefttop.gif') no-repeat; }
.grida1 .first .firstbottom { height: 6px; margin: 0; font-size: 1px; background: transparent url('../img/mainleftbottom.gif') no-repeat; }
.grida1 .first .firstcontent { position: relative; padding: 12px; height: 410px; border: 3px solid #ebebeb; border-width: 0 3px; background: #FFF; }
.grida1 .first .firstcontent p { margin: 0 18px 24px 208px ; }
.grida1 .first .firstcontent h2 { margin: -12px -9px 18px -9px; background: transparent url('../img/titlea.jpg') no-repeat; }
.grida1 .first .firstcontent h3 { font: 13px/15px arial; font-weight: bold; color: #CC2C44; margin: 6px 18px 6px 208px; }


.grida1 .last { width: 394px; }
.grida1 .last .lasttop { height: 6px; margin: 0; font-size: 1px; background: transparent url('../img/mainrighttop.gif') no-repeat; }
.grida1 .last .lastbottom { height: 6px; margin: 0; font-size: 1px; background: transparent url('../img/mainrightbottom.gif') no-repeat; }
.grida1 .last .lastcontent { padding: 12px; height: 410px; border: 3px solid #ebebeb; border-width: 0 3px; background: #FFF; }
.grida1 .last .lastcontent p { margin: 0 9px 36px 162px; }
.grida1 .last .lastcontent h2 { margin: -12px -9px 18px -9px; background: transparent url('../img/titleb.jpg') no-repeat; }
.grida1 .last .lastcontent h3 { font: 14px/18px arial; font-weight: bold; color: #333; margin: 24px 18px 0 162px; }
.grida1 .last .lastcontent h4 { font: 13px/15px arial; font-weight: bold; color: #333; margin: 0 0 6px 0; }
.grida1 .last .lastcontent li { list-style: square; margin-bottom: 6px; }

.grida1 h1 { font: 20px arial; font-weight: bold; color: #222;  margin: 0 18px 0 208px }
.grida1 h2 { font: 13px/18px 'lucida grande', tahoma, arial; font-weight: bold; margin: -9px -6px 18px -6px; color: #EEE; padding: 3px 9px; }
.grida1 h2 a { font-size: 16px; font-weight: normal; }
.grida1 h3 { font: 15px/18px arial; font-weight: bold; color: #CC2C44; }
.grida1 h4 { font-size: 11px; font-weight: normal; }

#newspanel1 { height: 70px; }
#newspanel2 { height: 70px; display: none; }
#newspanel3 { height: 70px; display: none; }

#clientpanel1 { }
#clientpanel2 { display: none; }

/* */
.grida2 { padding: 12px 18px; margin-top: 0; border: 3px solid #ebebeb; border-width: 0 3px; background: #FFF none repeat; }
.grida2 .first { width: 580px; margin-right: 18px; }
.grida2 .last { width: 320px; }
.grida2 a { color: #009; text-decoration: none; }
.grida2 a:hover { text-decoration: underline; }
.grida2 h2 { font: 13px/18px 'lucida grande', tahoma, arial; font-weight: bold; color: #EEE; margin: 0 -6px 18px -6px; padding: 3px 9px; background: transparent url('../img/titlec.jpg') no-repeat; }
.grida2 h3 { font: 16px/18px arial; font-weight: bold; color: #333; }
.grida2 h4 { font: 13px/18px arial; font-weight: bold; color: #CC2C44; }

.grida2 dl { width: 280px; font-size: 13px; float: left; width: 280px; margin: 18px 70px 18px 0; }
.grida2 dt { width: 160px; border-bottom-color: #FFF; }
.grida2 dd { width: 120px; border-bottom-color: #FFF; }

.grida2 dt.pad { margin-bottom: 18px; }
.grida2 dd.pad { margin-bottom: 18px; }

/* */
.box { border: 1px solid #DDD; padding: 9px 9px; margin-bottom: 18px; background: #FBFBFB; }

.boxinsert { background: #FBFBFB; }
.boxinsert .boxinserttop { height: 6px; margin: 0; font-size: 1px; background: transparent url('../img/boxinserttop.gif') no-repeat; }
.boxinsert .boxinsertbottom { height: 6px; margin: 0; font-size: 1px; padding: 0; clear: both; background: transparent url('../img/boxinsertbottom.gif') no-repeat; }
.boxinsert .boxinsertcontent { position: relative; padding: 12px; height: 180px; border: 3px solid #ebebeb; border-width: 0 3px; background: #FFF; }
.boxinsert .boxinsertcontent { font-size: 13px; }
.boxinsert .boxinsertcontent h3 { font-size: 16px; margin-bottom: 9px; color: #222; }
.boxinsert .boxinsertcontent h4 { font-size: 16px; margin-bottom: 9px; color: #222; }

.dots { }
.dots.right { float: right;}
.dots img { cursor: pointer; padding: 6px 1px; }