/* andreas00 - an open source xhtml/css website layout by Andreas Viklund  - http://andreasviklund.com/ . Free to use for any purpose as long as the proper credits are given to the original author.
Version: 2.0 (Jan 29, 2007) */

body
{
  background: url(Img/background.gif) repeat-y top center #eaeaea;
  color: #3a3a3a;
  font: 76% Verdana,Tahoma,Arial,sans-serif;
  margin: 0 auto;
  padding: 0;
}

/* Main layout and header */
#wrap
{
  background: #fff;
  color: #303030;
  margin: 0 auto;
  padding: 1px 5px;
  width: 960px;
}
#header
{
  background: #fff url(Img/front.jpg) no-repeat right bottom;
  color: #505050;
  height: 260px;
  margin: 5px 0 0 10px;
  padding: 0;
}
#header h1
{
  font-size: 2.5em;
  font-weight: 400;
  letter-spacing: -2px;
  margin: 0 0 4px 15px;
  padding: 15px 0 0;
}
#header h1 a, #header h1 a:hover
{
  font-weight: 400;
  padding: 0;
}
#header p
{
  font-size: 1.1em;
  letter-spacing: -1px;
  margin: 0 0 20px 15px;
  padding: 0 0 0 3px;
}

#downloadheader
{
  margin-top: 30px;
  padding: 10px 0px 0px 0px;
  float: none;
}
#purchaseheader
{
  padding: 0px 0px 0px 0px;
  margin: 20px 0px 0px 0px;
  float: left;
}

#twittercontent
{
  margin-left:440px;
  margin-top:35px;
}

.twitteritem
{
  margin-top:35px;
  margin-bottom:35px;
}


.downloadtable
{
  text-align: center;
  margin: 0 auto;
}
.downloadtable th
{
  background-color: #166090;
  color: White;
}
.downloadtable td
{
  padding: 5px;
}
/*
#searchBox {position:absolute; bottom:0px; left:490px; width: 373px; height: 109px; padding: 20px 0px 0px 25px; background: transparent url('img/search-bubble.png') no-repeat;}
#searchBox img {margin: 0px 0px 8px 0px;}
*/

/* Left sidebar and menu */
#leftside
{
  clear: left;
  float: left;
  margin: 0 0 10px;
  padding: 10px 0px 0px 0px;
  width: 150px;
}
#leftside ul.avmenu
{
  list-style: none;
  margin: 0 0 18px;
  padding: 0;
  width: 150px;
}
#leftside ul.avmenu li
{
  display: inline;
  padding: 0;
  width: 150px;
}
#leftside ul.avmenu li a
{
  background: url(/Content/Img/menubg.gif) repeat-x bottom left #f4f4f4;
  border-bottom: 1px solid #d8d8d8;
  border-left: 4px solid #ccc;
  border-right: 1px solid #d8d8d8;
  border-top: 1px solid #d8d8d8;
  color: #505050;
  float: left;
  font-size: 1em;
  font-weight: 700;
  margin-bottom: 5px;
  padding: 5px 1px 5px 5px;
  text-decoration: none;
  width: 138px;
}
#leftside ul.avmenu li a:hover, #leftside ul.avmenu li a.current
{
  background: url(/Content/Img/menubg2.gif) repeat-x bottom left #eaeaea;
  border-bottom: 1px solid #b0b0b0;
  border-left: 4px solid #505050;
  border-right: 1px solid #b0b0b0;
  border-top: 1px solid #b0b0b0;
  color: #505050;
}
#leftside ul.avmenu ul
{
  font-size: 0.9em;
  margin: 0 0 0 15px;
  padding: 0 0 5px 0;
  width: 133px;
}
#leftside ul.avmenu ul a
{
  padding: 3px 1px 3px 5px;
  width: 123px;
}
#leftside ul.avmenu ul ul
{
  font-size: 1em;
  width: 120px;
}
#leftside ul.avmenu ul ul a
{
  width: 108px;
}
#leftside h2
{
  font-size: 1.5em;
  font-weight: 400;
}
#leftside ul.avmenu li a.secondlevel
{
  background: url(/Content/Img/menubg.gif) repeat-x bottom left #f4f4f4;
  border-bottom: 1px solid #d8d8d8;
  border-left: 4px solid #ccc;
  border-right: 1px solid #d8d8d8;
  border-top: 1px solid #d8d8d8;
  color: #505050;
  float: left;
  font-size: 1em;
  font-weight: 700;
  margin-bottom: 5px;
  margin-left: 10px;
  padding: 5px 1px 5px 5px;
  text-decoration: none;
  width: 128px;
}
#leftside ul.avmenu li a:hover
{
  background: url(/Content/Img/menubg2.gif) repeat-x bottom left #eaeaea;
  border-bottom: 1px solid #b0b0b0;
  border-left: 4px solid #505050;
  border-right: 1px solid #b0b0b0;
  border-top: 1px solid #b0b0b0;
  color: #505050;
}

#leftside .announce
{
  background: url(/Content/Img/menubg.gif) repeat-x bottom left #f4f4f4;
  border-bottom: 1px solid #d8d8d8;
  border-left: 4px solid #ccc;
  border-right: 1px solid #d8d8d8;
  border-top: 1px solid #d8d8d8;
  clear: left;
  color: #505050;
  line-height: 1.3em;
  margin: 10px 0;
  padding: 5px 5px 5px;
  width: 134px;
}
#leftside p, .announce p
{
  font-size: 0.9em;
}

/* Right sidebar */
#extras
{
  float: right;
  margin: 0 0 10px;
  padding: 0;
  width: 140px;
}
#extras p, #extras ul
{
  font-size: 0.9em;
  line-height: 1.3em;
  margin: 0 0 1.5em;
  padding: 0;
}
#extras li
{
  list-style: none;
  margin: 0 0 6px;
  padding: 0;
}
#extras h2
{
  font-size: 1.6em;
  font-weight: 400;
  letter-spacing: -1px;
  margin: 0 0 6px;
}
#extras .headerstyle
{
  border-right: #bbb 1px solid;
  padding-right: 0px;
  border-top: #ddd 1px solid;
  display: block;
  padding-left: 8px;
  background: url(/Content/Img/gradient2.png) #eee repeat-x;
  padding-bottom: 5px;
  margin: 0px 0px 10px;
  border-left: #ddd 1px solid;
  color: #222;
  padding-top: 5px;
  border-bottom: #bbb 1px solid;
  text-decoration: none;
}
/* Main content variations */
#content
{
  line-height: 1.5em;
  margin: 10px 150px 10px 160px;
  padding: 0;
  text-align: left;
}
#contentwide
{
  line-height: 1.5em;
  margin: 10px 0px 10px 160px;
  padding: 0;
  text-align: left;
}
#contentwidead
{
  line-height: 1.5em;
  margin: 10px 0px 10px 10px;
  padding: 0;
  text-align: left;
}
#content p, #contentwide p
{
  margin-left: 12px;
}
#content h2, #contentwide h2, #contentwidead h2
{
  font-size: 1.8em;
  font-weight: 400;
  letter-spacing: -1px;
  margin: 8px 0 10px;
  padding: 0;
}
#content h3, #contentwide h3, #contentwidead h3
{
  font-size: 1.5em;
  font-weight: 400;
  margin: 6px 0;
  padding: 0;
}
#content img, #contentwide img
{
  background: #ccc;
  border: 0px solid #f0f0f0;
  color: #303030;
  display: inline;
  padding: 0px;
  margin: 0 10px 5px 0;
}
#content ul, #content ol, #contentwide ul, #contentwide ol
{
  margin: 0 0 16px 20px;
  padding: 0;
}
#content ul ul, #content ol ol, #contentwide ul ul, #contentwide ol ol
{
  margin: 2px 0 2px 20px;
}
#content li, #contentwide li
{
  margin: 0 0 2px 10px;
  padding: 0 0 0 4px;
}
#content .headerstyle
{
  border-right: #bbb 1px solid;
  padding-right: 0px;
  border-top: #ddd 1px solid;
  display: block;
  padding-left: 8px;
  background: url(Img/gradient2.png) #eee repeat-x;
  padding-bottom: 5px;
  margin: 0px 0px 10px;
  border-left: #ddd 1px solid;
  color: #222;
  padding-top: 5px;
  border-bottom: #bbb 1px solid;
  text-decoration: none;
}

#contentwide .headerstyle, #contentwidead .headerstyle
{
  border-right: #bbb 1px solid;
  padding-right: 0px;
  border-top: #ddd 1px solid;
  display: block;
  padding-left: 8px;
  background: url(Img/gradient2.png) #eee repeat-x;
  padding-bottom: 5px;
  margin: 0px 0px 10px;
  border-left: #ddd 1px solid;
  color: #222;
  padding-top: 5px;
  border-bottom: #bbb 1px solid;
  text-decoration: none;
}

#contentwide h2, #contentwide h3, #contentwidead h2, #contentwidead h3
{
  border-right: #bbb 1px solid;
  padding-right: 0px;
  border-top: #ddd 1px solid;
  display: block;
  padding-left: 8px;
  background: url(Img/gradient2.png) #eee repeat-x;
  padding-bottom: 5px;
  margin: 0px 0px 10px;
  border-left: #ddd 1px solid;
  color: #222;
  padding-top: 5px;
  border-bottom: #bbb 1px solid;
  text-decoration: none;
}

/* Footer */
#footer
{
  background: #fff;
  border-top: 2px solid #dadada;
  clear: both;
  color: gray;
  font-size: 0.9em;
  margin: 0 auto;
  padding: 8px 0;
  text-align: center;
  width: 760px;
}
#footer p
{
  margin: 0;
  padding: 0;
}
#footer a
{
  background: inherit;
  color: gray;
  font-weight: 400;
  text-decoration: none;
}
#footer a:hover
{
  text-decoration: underline;
}

/* Links and paragraphs */
a
{
  background: inherit;
  color: #166090;
  text-decoration: none;
  font-weight: 700;
}
a:hover
{
  background: inherit;
  color: #286ea0;
  text-decoration: underline;
}
a img
{
  border: 0;
}
p
{
  margin: 0 0 16px;
}
blockquote
{
  background: url(/Content/Img/menubg.gif) repeat-x bottom left #f4f4f4;
  border-bottom: 1px solid #d8d8d8;
  border-left: 4px solid #ccc;
  border-right: 1px solid #d8d8d8;
  border-top: 1px solid #d8d8d8;
  color: #505050;
  margin: 16px;
  padding: 7px 7px 7px 11px;
}
blockquote p
{
  font-size: 1.1em;
  line-height: 1.3em;
  margin: 0;
}

/* Tables and forms */
table
{
  border: 0px solid #d8d8d8;
  border-collapse: collapse;
  line-height: 1.3em;
  width: 95%;
  margin: 0 0 16px;
  padding: 0;
}
caption
{
  font-size: 1.5em;
  font-weight: 400;
  margin: 0;
  padding: 6px 0 8px;
  text-align: left;
}
/*th {background:url(/Content/Img/menubg2.gif) repeat-x bottom left #eaeaea; color:#505050; padding:7px; text-align:left;}*/
/*td {background:url(/Content/Img/menubg.gif) repeat-x bottom left #f4f4f4; color:#303030; font-size:0.9em; padding:7px; text-align:left;}*/
input, textarea
{
  border: 1px solid #ccc;
  font-family: Verdana,Tahoma,Arial,Sans-Serif;
  font-size: 1em;
  margin: 0;
  padding: 4px;
}
label
{
  margin: 2px;
}
input
{
  /* width:200px; */
}
textarea
{
  width: 400px;
}

/* Search box */
#searchbox label, .hide
{
  display: none;
}
#searchbox
{
  margin: 6px 0 16px;
  padding: 0;
}
#searchform
{
  background: #fff;
  border: 1px solid #ccc;
  color: #505050;
  font-size: 0.9em;
  padding: 4px;
  width: 116px;
}

/* Various classes */
.announce h2
{
  margin: 0 0 10px;
  padding: 0;
}
.textright
{
  margin: -10px 0 4px;
  text-align: right;
}
.center
{
  text-align: center;
}
.small
{
  font-size: 0.8em;
}
.large
{
  font-size: 1.3em;
}
.highlighted
{
  background: #f0f0f0;
  border: 1px solid #b0b0b0;
  color: #303030;
  padding: 3px;
}
.button
{
  background: url(/Content/Img/menubg.gif) repeat-x bottom left #f4f4f4;
  border-bottom: 1px solid #d8d8d8;
  border-left: 4px solid #ccc;
  border-right: 1px solid #d8d8d8;
  border-top: 1px solid #d8d8d8;
  color: #505050;
  font-weight: 700;
  margin: 0 0 15px;
  padding: 7px 7px 7px 11px;
  width: 120px;
}
.left
{
  float: left;
  margin: 10px 10px 5px 0;
}
.right
{
  float: right;
  margin: 10px 0 5px 10px;
}
.clear
{
  clear: both;
  margin: 0px;
}