@charset "UTF-8";

body { font-family:Arial, Helvetica, sans-serif; font-size:14px; color: #333; margin-left: 0px;	margin-top: 0px; line-height:18px;  background: #efefef url(../images/common/bg_grad.jpg) repeat-x top left}

p { line-height:18px; margin:0 0 12px 0}
p.noMargin {margin:0 0 0 0}
p.lastChild {margin:0 0 16px 0}
.twelve {font-size:12px}
.sixteen {font-size:16px}
/* Text Styles Start */
a { color:#0066cc; text-decoration:none }
a:visited { color:#0066cc }
a:hover { color: #0033CC }
a:active { color:#0066cc }
.goicon { background: url(../images/icons/goicon.gif) 99% 2px no-repeat; padding-right: 16px; }
.pdf {background: url(../images/icons/pdf.gif) 99% 0px no-repeat; padding-right: 24px;}
.word {background: url(../images/icons/word.gif) 99% 0px no-repeat; padding-right: 24px;}
.strong {font-weight:bold}

.alignRight { text-align:right }
.alignLeft { text-align:left }
.alignCenter { text-align:center }

.threeColContainer {width:921px; clear:left;}
.threeColContainer .colOne {float:left; width:293px; margin:0 20px 0 0  }
.threeColContainer .colTwo {float:left; width:293px; margin:0 20px 0 0  }
.threeColContainer .colThree {float:left; width:293px; margin:0 }

.twoColContainer {width:630px; clear:both; margin:12px 0 24px 0}
.twoColContainer .colOne {float:left; width:293px; margin:0 20px 24px 0  }
.twoColContainer .colTwo {float:right; width:293px; margin:0 0 24px 0  }

h1 {font-size:24px; font-weight:bold; margin:0 0 8px 0; color:#000}
h2 {font-size:18px; margin:0 0 16px 0; color:#000}
h2.welcome {font-size:18px; margin:0 0 0 0; color:#000}
h3 {font-size:16px; font-weight:bold; margin:0 0 8px 0; color:#000}
h3.title {margin:0 0 8px 0; font-size:18px}
h4 {font-size:14px; font-weight:bold; margin:0 0 8px 0; color:#000}
h4.Gy {color:#333333; }

.title {font-weight:bold; color:#000; margin:0; }
.date {color:#999; font-size:12px; margin:0 0 12px 0;}
	
/* END Text Styles */

/* LIST Styles Start */
ul { margin: 0 10px 24px 0; padding:0; list-style:none; }
ul.squareGy li { background: url(../images/icons/square_gy.gif) no-repeat 0 4px; padding-left: 20px; margin:0 0 6px 0; list-style:none; }
ul.squareGy li.sub { background:none; padding-left: 20px; margin:0 0 6px 0; list-style:none; }
ul.squareGy ul li { background: url(../images/icons/sqaure_lt_gy.gif) no-repeat 0 4px; padding-left: 20px; margin:0 0 6px 0; list-style:none; }

ul.squareGy li.lastChild {margin-bottom:24px;}
ul.squareGy li.noBullet {background:none; padding-left: 0; margin:0 0 6px 0; list-style:none;}
ul.arrowLg li { background: url(../images/icons/arrowLg_gn.gif) no-repeat 0 6px; padding-left: 20px; margin:0 0 6px 0; list-style:none }

ul.noBullet li {background: none; padding-left: 0; margin:0 0 6px 0; list-style:none;}
ul.noBullet li.heading {font-size:18px; font-weight:bold; color:#000; margin:0 0 14px 0}
ul.noBullet li.subHeading {font-size:16px; font-weight:bold; color:#000; margin:0 0 8px 0}
ul.noBullet li.title {font-size:16px; font-weight:bold; color:#000; margin:0 0 4px 0}
ul.noBullet li.date {font-size:16px; font-weight:bold; color:#000; margin:0 0 4px 0}
ul.noBullet li.content {font-size:13px; margin:0 0 18px 0}
ul.noBullet li.content a {font-weight:bold}
ul.noBullet li.lastChild {margin-bottom:24px;}


/* END List Styles  */

/* VERSION 2 of MENU/HEADER */
#logo {width:921px; margin: 0; display:block}
#webAddress { float:right; padding:34px 0 0 0 ; margin:0; font-size:18px; color:#ccc }

#navContainer {background: url(../images/nav/bg_grey.gif) no-repeat left top; width:917px; height:74px; padding:0 2px 0 2px; margin:0 0 18px 0}
#fontChanger {width:909px; margin:0; padding:4px 10px 0 0; text-align:right;}
#fontChanger .controls {border:0; margin:0; padding:0; }
#fontChanger .label {font-size:12px; color:#333 }
.nav {padding:0 0 0 0; margin:0; list-style:none; height:45px; background:url(../images/nav/off.jpg); position:relative; }
.nav li {float:left; padding-left:0}
.nav li a {display:block; float:left; height:45px; line-height:45px; color:#333; text-decoration:none; font-family:arial, verdana, sans-serif; font-weight:bold; text-align:center; padding:0 0 0 8px; cursor:pointer;}
.nav li a span {float:left; display:block; padding:0 20px 0 16px;}
.nav li.selected a {color:#000; background:url(../images/nav/on_wt.jpg); font-size:16px}
.nav li.selected a span { color:#000; background:url(../images/nav/on_wt.jpg) no-repeat top;}
.nav li a:visited {color:#333; }
.nav li a:hover {color:#000; }
.nav li a:active {color:#333; }
.nav li.selected a:visited {color:#000; cursor:default;}
.nav li.selected a:hover {color:#000; cursor:default;}
.nav li.selected a:hover span {color:#000; cursor:default;}

/* --- END HEADER --- */

/* body tabs */
#tabs {font-weight:bold;background:url(../images/body_ui/tabs.gif) repeat-x left bottom; width:100%; float:left; margin:0 0 24px 0 }
#tabs ul { margin:0; list-style:none; padding:10px 10px 0 0; }
#tabs a, #tabs strong, #tabs span { float:left; display:block; color:#003399; padding:7px 20px 3px 11px; background: url(../images/body_ui/tabs.gif) no-repeat 100% 0px; text-decoration:none }
#tabs li { float:left; background:url(../images/body_ui/tabs.gif) no-repeat 0px 0px; margin:0; padding:0 0 0 9px; }
#tabs .selected { background:url(../images/body_ui/tabs.gif) no-repeat 0 -42px; }
#tabs .selected a { background: url(../images/body_ui/tabs.gif) no-repeat 100% -42px; padding:7px 20px 5px 11px; color:#000 }
#tabs a:hover { color:#000 }

#wrapper { width:921px; padding:0; margin:24px auto 0 auto; clear:left }

#content { width: 921px; background: url(../images/body_ui/contentMid.gif); background-repeat:repeat-y; }
#contentTop { width: 921px; height: 12px; background: url(../images/body_ui/contentTop.gif) no-repeat left top;}
#contentMid { width: 881px; padding:5px 20px 20px 20px;}
#contentBot { width: 921px; height:12px;  background: url(../images/body_ui/contentBot.gif) no-repeat left bottom; clear:both; }
#content_lt {width:580px}
#content_rt {float:right; width:260px;}

.bigBox { width: 921px; margin:0 0 16px 0 ; background: url(../images/body_ui/contentMid.gif); background-repeat:repeat-y; }
.bigBoxTop { width: 921px; height: 12px; background: url(../images/body_ui/contentTop.gif) no-repeat left top;}
.bigBoxMid { width: 881px; padding:0 20px 20px 20px;}
.bigBoxBot { width: 921px; height:12px;  background: url(../images/body_ui/contentBot.gif) no-repeat left bottom; }

.lgContainer { width: 921px; background: url(../images/body_ui/contentMid.gif); background-repeat:repeat-y; }
.lgContainerTop{ width: 921px; height: 12px; background: url(../images/body_ui/contentTop.gif) no-repeat left top;}
.lgContainerMid { width: 871px; padding:0 20px 0 20px;}
.lgContainerBot { width: 921px; height:12px;  background: url(../images/body_ui/contentBot.gif) no-repeat left bottom; clear:both; }

.boxContainer {width:921px; clear:both}
.box { width: 293px; background: url(../images/body_ui/boxMid.gif); background-repeat:repeat-y; float:left;  }
.boxTop { width: 293px; height: 12px; background: url(../images/body_ui/boxTop.gif) no-repeat left top;}
.boxMid { width: 263px; padding:5px 10px 5px 20px; min-height:270px; height:270px}
.boxBot { width: 293px; height:12px;  background: url(../images/body_ui/boxBot.gif) no-repeat left bottom }

.box_alt2 { width: 293px; background: url(../images/body_ui/boxMid_alt2.gif); background-repeat:repeat-y; float:left;  }
.boxTop_alt2 { width: 293px; height: 12px; background: url(../images/body_ui/boxTop_alt2.gif) no-repeat left top;}
.boxMid_alt2 { width: 263px; padding:5px 10px 5px 20px; min-height:270px; height:270px}
.boxBot_alt2{ width: 293px; height:12px;  background: url(../images/body_ui/boxBot_alt2.gif) no-repeat left bottom }


#banner {width:921px; margin:0 0 16px 0; }

.publication {float:left;width:830px; margin:0 0 36px 0;}
.publication .img {float:left; width:200px;}
.publication .description {float:right; width:600px;}
.publication .lastChild {margin:0 0 16px 0; }

.publication_lg {float:left;width:700px; margin:0 0 36px 0;}
.publication_lg .img {float:left; width:280px; }
.publication_lg .img img {margin:0 0 24px 0}
.publication_lg .thumbnails {float:right; width:400px;}

.pressRelease {width:830px; display:block; margin:0 0 24px 0 }


.partner {float:left;width:830px; margin:0 0 36px 0;}
.partner .img {float:left; width:200px;}
.partner .description {float:right; width:600px;}
.partner .description .title  {font-weight:bold; color:#000; margin:0 0 12px 0 ; }

/* new form styles*/

#cf table { width:400px; }
#cf td { padding: 6px; }
#cf input { border: 1px solid #AAAAAA; width: 190px; height:20px; }
#cf select { border: 1px solid #AAAAAA; width: 275px; height:20px; }
#cf .double { width: 400px; }
#cf .radio { border: none; width: auto; }
#cf textarea { width: 400px; height: 125px; border: 1px solid #AAAAAA; }
#cf .submit { color: #FFFFFF; font-weight: bold; background-color: #005A96; border: 1px solid #E5E1B5; margin: 10px 0; padding: 2px 10px; font-family: Verdana, Arial, Helvetica, sans-serif; float: right; width: 100px; height:30px}
#cf .submit:hover { color: #FFFFFF; background-color: #0072bc; }
#cf p { width: 400px; }
#cf label { margin: 0; padding: 0; }
#cf .correctionText { display: block; color: #006600; font-weight: bold; }
#cf .warning { color: #CC0000; font-weight: bold; }
.success {color: #006600; font-weight: bold;font-size:18px }

/* Footer */

#footer { font-weight:normal; font-size:12px; color:#999; margin: 16px 10px 24px 0; width:906px; padding:0 0 0 14px; }
#footer p { margin:0px; }
#footer p.quote { font-weight:bold; margin:0 0 8px 0; }
#footer ul { list-style:none; margin:0 0 6px 0 ; padding:0; }
#footer li { display: inline }
#footer li.divider { color:#ccc }
#footer a { color:#999;  margin: 0 5px 0 5px; font-weight:normal;}
#footer a.firstChild { color:#999;  margin: 0 5px 0 0;}
#footer a:link { color:#999 }
#footer a:visited { color:#999 }
#footer a:hover { color: #666 }
#footer a:active { color:#999 }
#footerLeft { width: 580px; }
#footerRight { float: right; text-align:right; width:250px; padding:0 14px 0 0 }
#clear {clear: both;}