/**** DEFAULT ELEMENT STYLES ****/

body {
  margin: 0px;
  padding: 0px;
  background-color: #E9EEF2;
  background-image: url(/webon3/frontend/design/body_bg_light.gif);
  background-position: top center;
  background-repeat:  repeat-y;
  font-family: verdana, arial, sans-serif;
  color: #4A4A4A;
  font-size: 70%;
}

h1, h2, h3, h4 {
  margin: 0px;
  padding-bottom: 10px;
  font-weight: normal;
}
h1 {
  font-size: 1.4em;
}
h2 {
  font-size: 1.3em;
}
h3 {
  font-size: 1.2em;
  font-weight: bold;
}

p {
  margin: 0px;
  padding-bottom: 10px;
  font-size: 1.0em;
}
p.bold {
  font-weight: bold;
}

img {
  border-width: 0px;
}

div {
  text-align: left;
  padding: 0px;
  margin: 0px;
}

ul {
}
li {
}

form {
  padding: 0px;
  margin: 0px;
}

a {
  text-decoration: none;
  /*color: #00AE65;*/
  color: #15417B;
  text-decoration: underline;
  font-size: 1.0em;
}
a:HOVER {
  text-decoration: underline;
}
/*a:VISITED {
  color: #0080AE;
}*/


#body {
  background-color: #fff;
  width: 927px;
  position:absolute;
  left:50%;
  margin: 10px auto auto -463px;
}

/**** HEADER & FOOTER ****/

#header {
  background-image: url(/webon3/frontend/design/top_bg.jpg);
  height: 58px;
}
img.toplogo
{
  position: relative;
  top: 10px;
  left: 10px;
}
#footer
{
  clear: both;
  background-color: #D7DCE0;
  color: #888888;
  text-align: center;
  padding: 10px 0px 10px 0px;
}
#footer a {
  color: #888888;
}

/**** MENU TOP ****/

#menutop {
  float: left;
  background-color: #10699e;
  border-bottom: 1px solid #9999CC;
  width: 100%
}

img.menutop {
  padding: 4px 4px 4px 0px;
  float: right;
}

div.menutop_link {
  float: left;
  border-right: 1px solid #9999CC;
  padding: 4px 0px 4px 0px;
}

div.menutop_link a {
  background-color: #10699e;
  color: #fff;
  padding: 4px 15px 4px 15px;
  font-size: 1.0em;
  text-decoration:none;
  font-weight: bold;
}

div.menutop_link a:HOVER {
  background-color: #4181b0;
  text-decoration: none;
}

div.menutop_link a.active {
  background-color: #4181b0;
}


/**** LEFT COLUMN ****/

/**** LEFT MENU ****/

#menuleft {
  float: left;
  background-color: #fff;
  width: 152px;
}
#boxmenuleft, #boxlogin, #boxnewsletter {
  padding: 0px;
  margin: 0px;
}

#boxmenuleft {
  background-color: #fff;
  min-height: 244px;
}

div.menuleft {
  width: auto;
  padding: 20px 0px 0px 25px;
}



div.menuleft li.bl1 {
  list-style: url(/webon3/frontend/design/bullet_green.gif);
  color:#00ae61;
}

div.menuleft li.bl2 {
  list-style: url(/webon3/frontend/design/bullet_blue1.gif);
  color:#15417b;
}
div.menuleft li.bl3 {
  list-style: url(/webon3/frontend/design/bullet_blue2.gif);
  color:#0080ae;
}

div.menuleft li.bl1under {
     list-style: disc;
     color: #00ae61;
     margin-left: 15px;
}

div.menuleft li.bl2under {          
     list-style: disc;
     color: #15417b;
     margin-left: 15px;
}

div.menuleft li.bl3under {          
     list-style: disc;
     color: #0080ae;
     margin-left: 15px;
}

div.menuleft a.blunder {          
     font-weight: normal;
}

div.menuleft a:hover.blunder { 
     text-decoration: underline;         
}

div.menuleft a {
  font-weight: bold;
  color: #4A4A4A;
  text-decoration:none;
}

div.menuleft a:HOVER {
  text-decoration: underline;
}


/**** LOGIN & NEWSLETTER ****/

#boxlogin, #boxnewsletter {
  padding: 20px 0px 20px 10px;
}

#boxlogin {
  background-color: #f1f1f1;
}
#boxnewsletter {
  background-color: #7E8FA2;
}

#boxlogin h3, #boxnewsletter h3, #boxlogin p, #boxnewsletter p {
  color: #555555;
}
#boxlogin h3, #boxnewsletter h3  {
  padding-bottom: 0px;
}
#boxlogin input, #boxnewsletter input {
  width: 120px;
  border-width: 0px;
  padding: 2px;
}

#boxlogin a, #boxnewsletter a {
  color: #555555;
  text-decoration: underline;
}

#boxlogin a.button, #boxnewsletter a.button {
  font-weight: bold;
  text-decoration: none;
}
input.button{
  background-color: #0177A3;
  color:#FFFFFF;
  font-weight:bold;
  font-size: 90%;
}

/**** Newsletterbox ****/

#newsletterbox {
        background-color:#f1f1f1;
        color:;
        padding: 20px 0px 20px 10px;
}

#newsletterbox .textfield {
        width: 120px;
        border-width: 0px;
        padding: 2px;
}

#newsletterbox .buttonnewsletter {
        background: none;
        color:#555555;
        font-size: 90%;
        border: 0px;
        padding: 0px;
        margin: 0px;
        text-decoration: none;
        width: 60px;
}

#newsletterbox h3 {
        padding-bottom: 0px;
}

#newsletterbox a.button {
        font-weight: bold;
        text-decoration: none;
}

/**** CAMPAIGN ****/

#campaign {
  float:left;
  background-image: url(/webon3/frontend/design/campaign_bg.jpg);
  background-position: top left;
  background-repeat:  no-repeat;
  position: relative;
  top: 0px;
  left: 0px;
  height: 244px;
  width: 775px;
}

img.campaign_img, div.campaign_txt {
  float: left;
  margin: 35px 20px 0px 20px;
}

div.campaign_txt {
  width: 350px;
}

div.campaign_txt h1, div.campaign_txt p {
  color: #fff;
}

div.campaign_txt a{
  color: #fff;
}

/**** CONTENT ****/

div.content, div.content_category {
  /* Give illusion of equal height columns */
  background-image: url(/webon3/frontend/design/content_main_bg.gif);
  background-position: top left;
  background-repeat:  repeat-y;
  float: left;
  width: 775px;
  padding: 20px 0px 20px 0px;
}

div.content_category {
  /* Give illusion of equal height columns */
  background-image: url(/webon3/frontend/design/content_category_bg.gif);
}

div.article_list, div.category_article {
  float: left;
  padding-left: 15px;
  padding-right: 15px;

}
div.article_list {
  width: 533px; 
}
div.category_article {
  width: 533px;
}

div.category_article .one_column{
  width: 411px;
}

div.category_article_img {
  float: right;
  text-align: center;
  font-style: italic;
  padding: 10px; 
}
div.category_article_img_center {
  display: block;
  text-align: center;
  font-style: italic;
  padding: 10px 0px 10px 0px;
}
table.publish_press_img {
  width: 100%;
  padding-bottom: 20px;
}
td.publish_press_img {
  text-align: center;
  font-style: italic;
}

div.article_summary {
  float: left;
  padding-bottom: 10px;
  margin-bottom: 10px;

}

div.article_summary_txt {
  float: left;
  width: 410px;
  margin-left: 10px;
  padding-left: 10px;
}

div.article_summary_txt p {
  padding-bottom: 5px;
}

div.image_article_summary {
  float: left;
  width: 95px;
}

img.article_summary {
  float: left;
  margin: 0px;
}
div.article_left, div.article_right {
  float: left;
  width: 259px;
}
div.article_right {
  padding-left: 15px;
}


/**** REQUEST ****/

div.content_request {
  float: left;
  width: 775px;
  padding: 20px 0px 20px 0px;
 }
div.request_intro, div.request_form {
  float: left;
  width: 745px;
  margin-bottom: 20px;
  padding-left: 15px;
  padding-right: 15px;
}
div.request_form {
  width: 645px;
  padding-left: 100px;
}
div.request_intro img {
  margin: 0px 10px 10px 10px; 
  float: right;
}

/**** LIST ****/

div.listitem_summary { 
  float: left;
  padding-bottom: 0px;
  margin-bottom: 0px;
  /*border: 1px dashed red;*/
}
div.listitem_summary_text {
  float: right;
  width: 434px;
  padding: 0px 0px 10px 0px;
  /*border: 1px dashed black;*/
}
div.listitem_summary_text2 {
  float: left;
  padding: 0px 0px 15px 15px;
}
div.listitem_summary img {
  float: left;
  padding: 0px 0px 15px 0px;
}

table.list2 {
  width:532px;
}
td.list2_img {
  width:90px;
  vertical-align:top;
  text-align:right;
}
td.list2_txt {
  width:166px;
  vertical-align:top;
  margin-right:10px;
}

div.listitem_ref_text2 {
  float: left;
  padding: 0px 20px 30px 5px;
}

/**** ARTICLE LINK LIST ****/

div.article_link_list {
  float: right;
  padding: 0px 0px 0px 0px;
  width: 177px;
}

div.article_link_list p {

  margin-bottom: 10px;
  margin-left: 15px;
}

div.article_link_list a, div.listitem_summary_text a, div.listitem_summary_text2 a {
  font-weight: bold;
  color: #4A4A4A;
  text-decoration:underline;
}

div.article_link_list ul, div.menuleft ul {
  padding: 0px;
  margin: 0px;

}
/* Fix to make lists behave consistently in IE/FF. */
div.article_link_list li {
  background-image: url(/webon3/frontend/design/bullet_blue1.gif);
  background-repeat: no-repeat;
  background-position: 0px 3px;
  margin: 0px 0px 0px 0px;
  list-style-type: none;
  padding-left: 12px;
  padding-top: 0px;
}
div.article_link_list li.bl1 {
  background-image: url(/webon3/frontend/design/bullet_green.gif);
}
div.article_link_list li.bl2 {
  background-image: url(/webon3/frontend/design/bullet_blue1.gif);
}
div.article_link_list li.bl3 {
  background-image: url(/webon3/frontend/design/bullet_blue2.gif);
}