/* Main
________________________________________________________________ */

body {
  margin:0;
  padding:0;
  background:#E7E7E7;
  background:url("../welove004/grid.gif") repeat-yx 0 0;
  font:small/1.6em Verdana,Sans-serif;
  text-align:center;
  color:#E7E7E7;
  }
.container {
  background:#ffffff;
  width:750px;
  margin:0 auto;
  border:solid #868686;
  border-width:0 1px;
  text-align:left;
  color:#333;
  position:relative;
  }
 
/* Layout
________________________________________________________________ */

#content {
  padding:0 20px;
  float:left;
  width:710px;
  }
  
* html #content {
    margin-right:-3px;
    }
  
#leftcol {
  float:left;
  width:465px;
  }
#rightcol {
  float:right;
  width:205px;

  }
#subrightcol {
  display:none;
  }
#leftcol, 
#rightcol, 
#subrightcol {
  margin-top:-8px;
  }
#rightcol, #subrightcol {
  font-size:85%;
  line-height:1.6em;
  }

/* Page Layout: 2col
________________________________________________________________ */
#col2 #main {
  float:right;
  width:465px;
  }
#col2 #leftcol {
  float:left;
  padding-top: 15px;
}
#col2 #rightcol {
  float:right;
  padding-top: 20px;
}
  

/* Headings
________________________________________________________________ */

h1, 
#section {
  background:url("../welove004/topbackground.jpg") repeat-y 0 0;
  margin:0 0px;
  padding:8px 20px;
  font:130%/1.4em Verdana,Serif;
  color:#FFFFFF;
  }
h2{
  margin:1.25em 0 .25em;
  font:140%/1.5em Verdana,Serif;
  color:#b95;
  font-variant: small-caps;
  letter-spacing: 0.2em;
  }


 
/* Banner & Logo
________________________________________________________________ */
#header {
  background-color:#FFFFFF;
  background-repeat:no-repeat;
  background-image:url("../welove004/header.jpg");
  float:left;
  width:100%;
  height:130px;
}

/* Lists
________________________________________________________________ */

ul, dl {
  margin:.5em 0 1em;
  padding:0;
  list-style:inside;
  }
ul li {
  margin:0 0 2px;
  padding:0 0 0 18px;
  text-indent:-18px;
  }
dl.overview, 
dl.features,
dl.sidebar {
  margin-bottom:1.25em;
  }
dt {
  font-weight:bold;
  }
.overview dt, 
.features dt {
  font:small/1.6em Verdana,Sans-serif;
  font-size:130%;
  font-variant: small-caps;
  letter-spacing: 0.2em;
  line-height:1.5em;
  border-width:0;   
  }
.features dt {
  margin-top:2em;
  border-top:1px dotted #ccd;
  padding-top:4px;
}
dd {
  margin:0 0 1em;
  padding:0;
  }
dd ul {
  margin:0;
  padding:0;
  }
dd li {
  padding:0;
  margin-bottom:0;
  text-indent:0;
 }
.overview dd, 
.features dd {
  font:small/1.6em Verdana,Sans-serif;
  font-size:85%;
  line-height:1.8em;
  margin-bottom:1em;
  margin-top:.5em;
  }
.overview dd.summary,
.features dd.summary  {
  margin-bottom:0;
  }
.sidebar dt {
  font:small/1.6em Verdana,Sans-serif;
  font-size:119%;
  font-variant: small-caps;
  letter-spacing: 0.2em;
  line-height:1.5em;
  border-width:0;
  margin-top:2.5em;
  border-top:1px dotted #ccd;
  }
.firstsidebaritem dt{
  margin-top:0.4em;
  border-top:none;
  }
.sidebar dd {
  font:small/1.6em Verdana,Sans-serif;
  font-size:90%;
  line-height:1.4em;
  margin-bottom:-2px;
  margin-top:1.1em;
  }
.sidebar dd.summary {
  margin-bottom:0;
  }
ul.bulleted li {
  padding-left:20px;
  margin-top:0;
  text-indent:0;
  }

 /* Images
________________________________________________________________ */

.imgleft, 
.left, 
img.left{
  float:left;
  margin: 4px 8px 4px 0px;
  /*padding-left:5px;   for winie6 */
  }
.imgright, 
.right, 
img.right, 
  float:right;
  margin:4px 0 4px 8px;
  /*padding-right:5px;   for winie6 */
  }
img.imgleft, 
img.imgright {
  padding:4px;
  border:1px solid #ddc;
  }
img.feature{
	padding-bottom: 10px;
	padding-right: 10px;
}

  /* Links
________________________________________________________________ */
.link, 
.link:visited {
  border-width:0;
  padding-left:14px;
	line-height: 2px;
}
a.link:hover {
}
.link, 
.link:visited,
a.link:hover,
span.link,
.link img, 
   
  
/* Navbar Top
________________________________________________________________ */

#navtop, 
#navbottom{
  background-color:#fff;
  background-repeat:no-repeat;
  float:left;
  width:100%;
  border:solid #ccc;
  border-width:1px 0;
}
#navbottom{
  margin-top: 10px;  
}
#navtop ul, 
#navbottom ul{
  margin:0;
  padding:0 20px;
  list-style:none;
  font-size:85%;
  }
#navtop li, 
#navbottom li{
  float:left;
  margin:0;
  padding:0;
  background-image:none;
  line-height:normal;
  text-indent:0;
  white-space: nowrap;
  }
#navtop a, 
#navtop strong, 
#navbottom a, 
#navbottom strong {
  display:block;
  padding:4px 10px;
  border:solid #ccc;
  border-width:0 1px 0 0;
  color:#cc6600;
  text-decoration:none;
  white-space:nowrap;
  }

* html #navtop a, * html #navbottom a{
  width:1%;
  }
#navtop .current strong, 
#navtop .current a, 
#navbottom .current strong, 
#navbottom .current a {
  background-repeat:no-repeat;
  }
#navtop a:hover, 
#navtop .current a:hover strong, 
#navtop .current strong,
#navbottom a:hover, 
#navbottom .current a:hover strong, 
#navbottom .current strong {
  color:#000;
  }
#navtop a:hover, 
#navbottom a:hover {
  background-repeat:no-repeat;
  }
#navtop a strong, 
#navtop .current a strong, 
#navbottom a strong, 
#navbottom .current a strong  {
  background:none;
  padding:0;
  border:none;
  }
#navtop .h, 
#navbottom .h {
  border-left-width:1px;
  }
#navtop #currentversion {
  font-size:85%;
  margin:0;
  padding: 4px 20px 0 20px;
  text-transform:lowercase;	
  line-height:normal;
  border:none;
  text-align: right;
  display:block;
  white-space:nowrap;
}

/* path
________________________________________________________________ */
#breadcrumb {
  background-color:#FFFFFF;
  background-repeat:repeat-x;
  width:100%;
  padding:0;
  height:39px;
  float:left;
  width:100%;
  height:39px; 
  }
#breadcrumb ul {
  margin:0;
  padding:0.9em 16px 0;
  list-style:none;
  }
#breadcrumb li {
  display:inline;
  margin:0;
  padding:0;
  background-image:none;
  line-height:1em;
  text-indent:0;
  color:#193368;
  font-size:85%;
  }
#breadcrumb a, 
#breadcrumb strong {
  float:left;
  display:block;
  color:#58a;
  border-width:0;
  padding:.25em 3px;
  font-weight:normal;
  line-height:2em;
  text-decoration:none;
  }
#breadcrumb a strong {
  font-size:100%;
  padding:0;
  }
#breadcrumb strong {
  color:#bec;
  }
#breadcrumb a:hover {
  color:#333;
  }


/* Subheader & footer
----------------------------------------------- */
#subheader,
#subfooter {
  background-color:#DBDBDB;
  background-repeat:no-repeat;
  font-size:75%;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  float:left;
  width:100%;
  height:30px;
  margin-top:0;
}
#subfooter {
  margin-bottom:0;
}
#subheader ul,
#subfooter ul {
  margin:0;
  padding: 0.4em 16px 0 20px;
  list-style:none;
  }
#subheader li,
#subfooter li  {
  display:inline;
  padding: .25em 30px .25em 0px;
  background-image:none;
  line-height:2em;
  text-indent:0;
  margin: 0;
  float:left;
}
#subheader a,
#subfooter a,
#subheader span,
#subfooter span, 
#subheader strong,
#subfooter strong {
  color:#58a;
  border-width:0;
  font-weight:normal;
  text-decoration:none;
}
#subheader a strong,
#subfooter a strong  {
  font-size:100%;
  padding:0;
  }
#subheader strong,
#subfooter strong {
  color:#bec;
  }
#subheader a:hover,
#subfooter a:hover {
  color:#333;
  }
#subheader #subheadersidebar,
#subfooter #subfootersidebar{
  padding: 0.25em 0 0 0;
  position: absolute;
	left: 525px;
}
#subheader .left,
#subfooter .left{
  float:left;
  margin:4px 3px 4px 0;	
}

/* Footer
________________________________________________________________ */
#footer {
 color:#479;
  clear:both;
  font-size:0.65em;
  border: solid #868686 0px;
  border-bottom-width: 1px;
}
#footer p {
  background:#135 url("../welove004/footer.jpg") repeat-x 0 -4px;
  margin:0;
  padding:10px 20px;
  color:#479;
  text-align:center;
  line-height:1.5em;
  }
/* Fixes footer containment bug in IE-Win (5 and 6)
   http://www.positioniseverything.net/explorer/escape-floats.html
   IE5-Mac shouldn't see this \*/
  * html #footer p {
    height:1%;
    }
  /* Resume IE5-Mac */
#footer a, 
#footer a:visited {
  color:#479;
  border-color:#479;
  }
#footer a:hover {
  color:#135;
  border-color:#479;
  }
#footer #sitemeter{
	text-align: center;
}


/* Main
----------------------------------------------- */

body.main {
  background-color:#FFFFFF;
  }
.main .container {
  background:#E7E7E7 url("../welove004/background.gif") repeat-y 0 0; 
  border-color:#868686;
  }
.main .containernobg {
 background:#FFFFFF; 
 border-color:#868686;
 }
  
.main a{
  color:#A63E00;
  text-decoration:none;
}
.main a:hover {
  color:#260B00;
  text-decoration:underline;
  }
.main #subheader {
  color:#A63E00;
  }
.main #subheader a, 
.main #subheader span,
.main #subheader #subheadersidebar{
  color:#8E7138;
  }
.main #subheader a:hover {
  color:#260B00;
  text-decoration:underline;
  }
.main #navtop {
  background-image:url("../welove004/menu.jpg");
  border-color:#cc6600;
  }
.main #navbottom {
  background-image:url("../welove004/menu.jpg");
  border-color:#cc6600;
  }
.main #navtop a, 
.main #navtop strong, 
.main #navbottom a, 
.main #navbottom strong, 
.main #navtop #currentversion {
  border-color:#cc6600;
  color:#A63E00;
  }
.main #navtop .current a, 
.main #navbottom .current a{
  background-color:#FFFFFF;
  }
.main #navtop a:hover, 
.main #navbottom a:hover{
  background-color:#cc6600;
  }
.main #navtop a:hover, 
.main #navtop .current strong,
.main #navbottom a:hover, 
.main #navbottom .current strong {
 color:#fff;
  }
.main #navtop .current a:hover strong, 
.main #navbottom .current a:hover strong{
  color:#fff;
}
.main h1 {
  background-color:#ffffff;
  color:#A63E00;
  }
.main dt,
.main dt a,
.main h2 {
  color:#A63E00;
}
.main #breadcrumb {
  background-color:#ffffff;
  }
.main #breadcrumb a{
  color:#A63E00;
  }
.main #breadcrumb a:hover {
  color:#E55600;
  }
.main #footer {
 color:#8E7138;
}
.main #footer p {
  background:url("../welove004/footer.jpg") repeat-x 0 -4px;
  color:#8E7138;
}
.main #footer a, 
.main #footer a:visited {
  color:#8E7138;
  border-color:#8E7138;
  }
.main #footer a:hover {
  color:#260B00;
  border-color:#260B00;
  }