@import url("color_master.css");

/* SECTION - BODY / INTRO
--------------------------------------------------------------- */

body {
	margin:0;
  padding:0;
  background:#fff;
  font:small Verdana,Sans-serif;
  line-height:1.6em;
  text-align:center;
  color:#333;
	}
.container {
  background:#fff;
  width:750px;
  margin:0 auto;
  border:solid #fff;
  border-width:0 1px;
  text-align:left;
  color:#333;
  position:relative;
  }
#c-sm {
	background-image:url("../img/bg_col_sm.gif");
  }
#c-ms{
	background-image:url("../img/bg_col_ms.gif");
	}
#c-m {
  background-image:none;
  }

/* SECTION - LINKS
--------------------------------------------------------------- */

a, .subnav a:visited {
  color:#835;
  text-decoration:none;
  border-bottom:1px dotted #956;
  font-weight:200;
  }
a:visited {
  color:#666;
  border-color:#888;
  }
a:hover, .subnav a:hover {
  color:#D33;
  border-color:#D33;
  border-bottom-style:double;
  }
a img, .noline, a.noline:link, a.noline:visited, a.noline:hover, a.thumb, a.icon, a.img:link, a.img:visited, a.img:hover {
  border-width:0;
  }
h1 a, #section a {
  border-width:0;
  }
  
/* SECTION - HEADER
--------------------------------------------------------------- */

#header {
  background-color:#fff;
  background-repeat:no-repeat;
  background-image:url("../img/testheader.gif");
  background-position:20px 31px;
  float:left;
  width:100%;
  height:80px;
  margin-top:3em;
  }
#logo {
  background:none;
  background-color:transparent;
  float:left;
  display:block;
  width:175px;
  height:35px;
  margin:25px 0 0;
  padding:0;
  text-indent:-10000px;
  border-width:0;
  text-decoration:none;
  }

/* SECTION - NAVIGATION, top
--------------------------------------------------------------- */

#nav {
  background-color:#fff;
  background-repeat:no-repeat;
  float:left;
  width:100%;
  border:solid #eee;
  border-width:1px 0;
  }
#nav ul {
	margin:0;
  padding:0 20px;
  list-style:none;
  font-size:80%;
  text-transform:lowercase;
  }
#nav li {
  float:left;
  margin:0;
  padding:0;
  background-image:none;
  line-height:normal;
  text-indent:0;
  }
#nav a, #nav strong {
  display:block;
  padding:5px 8px 6px;
  border:solid #ddd;
  border-width:0 1px 0 0;
  color:#a66;
  text-decoration:none;
  white-space:nowrap;
  }
/* Following rule allows entire region of link to to be 
   clickable in IE/Win. Holly Hack explained here:
   http://www.positioniseverything.net/explorer/escape-floats.html */
* html #nav a {
  width:1%;
  }
#nav #current strong, #nav #current a {
  background-repeat:no-repeat;
  }
#nav a:hover, #nav #current a:hover strong, #nav #current strong {
  color:#000;
  }
#nav a:hover {
  background-repeat:no-repeat;
  }
#nav a strong, #nav #current a strong {
  background:none;
  padding:0;
  border:none;
  }
#nav #h {
  border-left-width:1px;
  }

/* SECTION - STRUCTURE
--------------------------------------------------------------- */

#content, #c2, #c3 {
  float:left;
  width:750px;
  }
/* Overcome 3px margin glitch in IE/Win floats
   http://www.positioniseverything.net/explorer/threepxtest.html */
   
  * html #content, * html #c2, * html #c3 {
    margin-right:-3px;
  }
#c2 {
  padding-bottom:20px;
  }

#maincol {
  float:left;
  width:485px;
  padding-top:30px;
  }
#subcol {
  float:right;
  width:244px;
  color:#777;
  }
#xcol {
  display:none;
  color:#666;
  }
#mc2, #sc2, #xc2 {
  padding:0 20px;
  }
#maincol, #subcol, #xcol {
  margin-top:-8px;
  }
#subcol, #xcol {
  font-size:85%;
  line-height:1.6em;
  }

/* Structure: =C-SM
----------------------------------------------- */
#c-sm #main {
  float:right;
  width:505px;
  }
#c-sm #maincol {
  float:right;
  width:505px;
  }
#c-sm #subcol {
  float:left;
  clear:left;
  }
  
/* CUSTOM Structure: =C-MS
---------------------------------------------------------------- */
#c-ms #main {
  float:left;
  width:505px;
  }
#c-ms #maincol {
  float:left;
  width:505px;
  }
#c-ms #subcol {
  float:right;
	clear:right;
  }

/* Structure: =C-M
----------------------------------------------- */
#c-m #maincol, #c-m #subcol {
  float:none;
  width:750px;
  }

/* SECTION - HEADINGS
--------------------------------------------------------------- */

h1, #section {
  background:#fff;
  margin:0;
  padding:15px 20px 8px;
  border-bottom:1px solid #ddd;
  font:110%/1.4em Georgia,Serif;
  color:#776;
  }
h1 #parentlink, #section  #parentlink {
  background:url("../img/arrow.gif") no-repeat 100% 50%;
  float:left;
  width:210px;
  margin-right:35px;
  font-weight:normal;
  color:#777;
  }
h1 #childlink {
  font-style:normal;
  }
h3, h3 a, h3 a:visited {
  color:#685;
  border-width:0;
  }
h3, #c-smx #maincol h3, #maincol h2 {
  margin:1.25em 0 .15em;
  font:bold 100% Georgia,Serif;
  line-height:1.4em;
  }
#subcol h2 {
  margin:1.25em 0 .15em;
  font:160% Georgia,Serif;
  line-height:1.6em;
  padding-bottom:15px;
  }
h3 a:hover {
  color:#974;
  text-decoration:none;
  }
h4 {
  margin:1em 0 .25em;
  color:#333;
  font-weight:bold;
	font-size:90%;
	font-family:Georgia,Serif;
  border-bottom:1px dotted #333;
  }
h5 {
  margin:1em 0 .25em;
  font:125% Georgia,Serif;
  color:#755;
  }

/* SECTION - CONTENT ELEMENTS
--------------------------------------------------------------- */
p {
  margin:0 0 .75em;
  }
p.sub, p.end {
  color:#777;
  }
#c-smx .sub {
  font-size:100%;
  line-height:1.6em;
  }
#c-smx #xcol .sub {
  color:#666;
  }
p.intro {
  padding-bottom:.75em;
  border-bottom:1px dotted #ccc;
  }
p.end {
  background:url("../img/flask.gif") no-repeat 0 0;
  margin-top:1.5em;
  padding-top:15px;
  font-size:85%;
  line-height:1.6em;
  }
p.supersize {
	color:#55c;
	margin:1.25em 0 .15em;
  font:200 170% Georgia,Serif;
  line-height:1.4em;
  }
p.directquote {
  margin:1em 5px 1em 5px;
  padding:0 1em;
  margin:0 0 .75em;
  font-style:italic;
	font-weight:bold; 
	font-size:80%;
  color:#444;
  border-left:1px #aaa;
  border-left-style: dotted;
  }
blockquote p {
  
  }
blockquote p em {
  font-style:normal;
  }
/* For if I need citation rules
			cite.offsite {
			  background:url("img/icon_offsite.gif") no-repeat 0 60%;
			  padding-left:15px;
			  }
*/
address {
  margin:0 0 .75em;
  font-style:normal;
  font-family:Monaco,"Courier New",Courier,Monospace;
  line-height:1.6em;
  }
address strong {
  font-weight:normal;
  color:#222;
  }
hr {
  display:none;
  }
del, .strike {
  text-decoration:line-through;
  color:#999;
  }

p.focus {
  text-align:center;
  }
.focus img {
  display:block;
  margin:0 auto;
  }
.imgleft, .left, img.left {
  float:left;
  margin:4px 15px 4px 0;
  }
.imgright, .right, img.right {
  float:right;
  margin:4px 0 4px 15px;
  }
img.imgleft, img.imgright {
  padding:4px;
  border:1px solid #ddc;
  }
  
/* for pictures! */
.inset, .inset2 {
  float:left;
  width:35%;
  margin:1em 15px 1em 0;
  padding:.85em 0;
  border:dotted #ccc;
  border-width:1px 0;
  font-size:85%;
  line-height:1.85em;
  color:#777;
  }
.inset2 {
  float:right;
  margin:1em 0 1em 15px;
  }
img.block {
  display:block;
  margin:.5em 0;
  }
#log img.block, #search img.block {
  margin:1em 0;
  }


/* SECTION - MINI NAVIGATION
--------------------------------------------------------------- */
#cnav {
  background-color:#fff;
  background-repeat:repeat-x;
  width:100%;
  padding:0;
  height:3em;
  position:absolute;
  top:0;
  left:0;
  }
#cnav ul {
  margin:0;
  padding:1em 12px 0;
  list-style:none;
  }
#cnav li {
  display:inline;
  margin:0;
  padding:0;
  background-image:none;
  line-height:1em;
  text-indent:0;
  }
#cnav a, #cnav strong {
  float:left;
  display:block;
  color:#393;
  margin-top:3px;
  padding:.25em 8px;
  border-width:0;
  font-size:85%;
  text-transform:lowercase;
  }
#cnav a strong {
  font-size:100%;
  margin-top:0;
  padding:0;
  }
#cnav strong {
  color:#333;
  }
#cnav a:hover {
  color:#6D6;
  }


/* SECTION - HOST 
----------------------------------------------------------------------------------------------- */
#host em {
  background:url("../img/1and1.gif") no-repeat 0 0;
  display:block;
  position:absolute;
  top:19px;
  right:18px;
  width:135px;
  height:14px;
  text-indent:-10000px;
  line-height:14px;
  cursor:pointer;
  }
#host:hover em {
  background-position:0 -14px;
  }


/* SECTION - HEADINGS
--------------------------------------------------------------- */
#footer {
  clear:both;
  padding-top:0;
  border-bottom:1px solid #fff;
  font-size:85%;
  }
#footer p {
  background-color:#fff;
  background-repeat:repeat-x;
  background-position:0 -4px;
  margin:0;
  padding:10px 20px;
  border-top:1px solid #ccc;
  color:#777;
  text-align:center;
  line-height:1.6em;
  }
/* Fixes footer containment bug in IE-Win (5 and 6)
   http://www.positioniseverything.net/explorer/escape-floats.html
   But IE5-Mac shouldn't see this \*/
  * html #footer p {
    height:1%;
    }
  /* Resume IE5-Mac */
#footer a, #footer a:visited {
  color:#393;
  border-color:#4A4;
  }
#footer a:hover {
  color:#5C5;
  border-color:#6D6;
  }