﻿/********************************************/
/*         Written by: Lars Astrom          */
/*         2007 - A3 IT Solutions           */
/********************************************/

html, body{
  width:100%;
  text-align:center;
  background:#ffffff url(/images/background.gif) repeat-y center top; 
  margin:0 0 0 0;
}

#container{
  width:764px;
  margin:0 auto 0 auto;
  padding:0 5px 0 7px;
  _padding:0 0 0 13px; /* IE6 only fix */
  text-align:left;
}

#header{
  width:764px;
}

#topNav{
  width:764px;
  height:19px;
  background:#ffffff;
}

#topNav a:link, #topNav a:visited, #topNav a:active{
  float:left;
  padding:0 15px 0 15px;
  color:#000000;
  font-family:arial, verdana, san-serif; 
  font-size:10px;
  line-height:19px;
  text-align:center;
  text-decoration:none;
}

#topNav a:hover{
  color:#333333; 
  text-decoration:underline;
}

#content{
  width:764px;
  float:left;
  padding:0 0 0 0;
  background:url(/images/whitePixel.gif) repeat-y 195px 0;
}

#leftNav{
  width:195px;
  float:left; 
}

#leftNav a:link, #leftNav a:visited, #leftNav a:active{
  width:175px;
  float:left;
  border-top:1px solid #ffffff;
  padding:10px 10px 10px 10px;
  background:#008cff;
  color:#ffffff;
  font-family:arial, verdana, san-serif; 
  font-size:11px;
  text-decoration:none;
}

#leftNav a:hover{
  background:#0174d3;
  color:#eeeeee; 
  text-decoration:underline;
}

#pageTitle{
  width:170px;
  float:left; 
  margin:10px 0 0 10px;
}

#rightContent{
  width:380px;
  float:left;
  margin:0 0 0 0;
  *margin:10px 0 0 0; /* IE 6 and IE7 only fix*/
  padding:0 0 20px 0;
}

#newsContent{
  width:550px;
  float:left;
  margin:0 0 0 10px;
  *margin:10px 0 0 10px;
  padding:0 0 20px 0;
}

#footer{
  width:549px;
  clear:both;
  padding:10px 25px 20px 202px; 
}

#footer a:link, #footer a:visited, #footer a:active, #footer a:hover{
  font-size:10px;
  font-family:arial, verdana, sans-serif;
  color:#000000;
}

.newsImage{
  float:right;
  margin:0 0 10px 10px;
  border:1px solid #000000; 
}

/* Default Link Style */
a:link    {font-size:11px; font-family:arial, verdana, sans-serif; color:#000000; text-decoration:underline;}
a:visited {font-size:11px; font-family:arial, verdana, sans-serif; color:#000000; text-decoration:underline;}
a:active  {font-size:11px; font-family:arial, verdana, sans-serif; color:#000000; text-decoration:underline;}
a:hover   {font-size:11px; font-family:arial, verdana, sans-serif; color:#000000; text-decoration:none;}

/* Font Styles */
h1  {font-size:18px; font-family:arial, verdana, sans-serif; font-weight:normal; color:#c2bcb6; margin:0; padding:0;}
h2  {font-size:18px; font-family:arial, verdana, sans-serif; font-weight:normal; color:#ff0033; margin:0; padding:0;}

.text{font-size:11px; font-family:arial, verdana, sans-serif; color:#000000;}

.required{font-size:11px; font-family:arial, verdana, sans-serif; color:#ff0033;}

.copyright{font-size:10px; font-family:arial, verdana, sans-serif; color:#000000;}

/* Form Styles */
.field{
  width:256px; 
  *width:251px; /* IE 6 and IE7 only fix*/
  font-size:11px;
  font-family:arial, verdana, sans-serif;
  color:#000000;
}