/* three column layout from http://glish.com/css/3.asp */

body {
  background:#f1e7c6;
  font-family:Verdana, Arial, sans-serif;
  font-size:100%;
  color:#250506;
  line-height:1.125em; /* 16×1.125=18 */
  margin:0 auto;
  padding-bottom:36px;
}

h1,h2,h3 { font-family:Georgia, Times, serif; }

h1,h2,h3,p,a,ul,li { margin:0; padding:0 } /* reset */
  
p,li {
  font-size:0.75em; /* 16x.75=12 */
}

p, ul { margin-bottom:18px; }

a:link { color:#ad5700; }
a:hover { color:#ff6600; }
a:visited { color:#a25100; }
  
h1 {
  font-size:2.125em;  /* 16x2.125=34 */
  font-weight:normal;
  padding:18px 0;
  margin:0 0 0 40px;
}

h2 {
  font-size:1.125em; /* 16x1.125=18 */
  line-height:1.125em;
  font-weight:normal;
  margin-top:15px;
  margin-bottom:3px;
}

h2 img {
  margin-right:10px;
  margin-top:3px;
  margin-bottom:3px;
  float:left;
}

div.singleClm h2 { border-bottom:1px solid; }

h3 {
  font-size:1em;
  margin-top:0;
  margin-bottom:0;
}

#wrapper {
  width:918px;
  margin-right:auto;
  margin-left:auto;
  margin-top:10px;
  padding:24px 0 0 0;
  text-align:left;
}
  
div.column {
  margin-bottom:30px;
  padding:0px;
  float:left;
}

div.column p, div.column h2, div.column h3, div.column a, div.column ul {
  margin-left:10px;
  margin-right:10px;
}

div.column p a, div.column li a { margin:0; }

div.column li { list-style-position:inside; }

div.tripleClm { width:306px; }

div.singleClm { width:630px; }

ul.nav {
  overflow:auto;
  width:100%;
  margin-bottom:15px;
}

ul.nav li {
  list-style-type:none;
  border-left:1px solid #250506;
}

ul.nav li:first-child { border-left:0; }

ul.top {
  font-size:1.5em; /* 12(set above for all li)x1.5=18 */
  margin-left:5px;
}

ul.top li { 
  display:block;
  float:left;
  width:auto;
  border-width:2px;
  padding:0 5px;
  line-height:normal;
}

#footer ul.nav { margin:12px auto 0 auto; }

#footer ul.nav li { 
  display:inline;
  padding-left:5px;
}

#header {
  color:#fff;
  background-image:url(images/header_bkg.jpg);
  height:378px;
  margin-bottom:21px;
}
  
#headerleft {
  float:left;
  width:501px;
}

#headerleft img {
  margin:40px 0 10px 40px;
}

#headerleft p {
  margin:0 0 5px 40px;
  width:400px;
}
  
#headerright {
  float:left;
  width:417px;
  margin-top:-40px;
}

#header-small { /* for the smaller header on secondary pages */
  color:white;
  background-image:url(images/header_bkg_small.jpg);
  height:128px;
  margin-bottom:21px;
}

#header-small img {
  margin:12px 25px 0 12px;
  float:left;
}

#header-small h1 { margin:0; }

img.screenshots {
  position:absolute;
  z-index:1;
}

a.getlink {
  display:block;
  width:417px;
  height:56px;
  background-image:url(images/get_linkBkg.png);
  margin-top:320px;
}

a.getlink span {
  display:block;
  width:0;
  height:0;
  overflow:hidden;
}

div#footer {
  background:url(images/footerBkg.png);
  background-repeat:no-repeat;
  width:918px;
  clear:both;
  text-align:center;
}

div#footer p {
  display:inline;
  background:url(images/footer_ccLogo.png);
  background-repeat:no-repeat;
  margin:0;
  padding:1px 0 5px 30px;
  line-height:2.3em;
  color:white;
}

div#footer p a:link, div#footer p a:hover, div#footer p a:visited { color:white; }