/* CSS Document */
html {
	/* cf. http://www.hicksdesign.co.uk/journal/535/ */
	height: 100%;
	margin-bottom: 1px;
	}
body {
    background-color: #eeeedd;
	background:url(../designNew/bg_pg_black.gif) repeat;
    font-size: small;
   font-family:trebuchet MS, verdana, arial narrow;
   margin-top: 0;
	padding: 0;
	line-height: 1.8em;
	color: #8D8A87;
}
/* = headings
--------------------------------------------------*/

h1 {  
font-family:trebuchet MS, verdana, arial narrow;
font-size: 120%;
color: #bb9955;
font-weight: bold;
margin: .75pt;
letter-spacing:.1em;
 line-height:1.2em;
}

h2 {  
font-family:trebuchet MS, verdana, arial narrow;
padding-left:10px;
font-size: 110%;
 color:#689	;
font-weight: bold;
margin: 1em 1em 1em 1em;
}
h3 {  
font-family:trebuchet MS, verdana, arial narrow;
padding-left:10px;
font-size: 100%;
color: #6688AA;
font-weight: bold;
margin: .75pt;
}
p {
font-size: 100%;
padding-left:20px;
margin-top:13px;
margin-bottom:13px;
}
/* MISC: =Links
----------------------------------------------- */
a, .subnav a:visited {
  color:#358;
  text-decoration:none;
  border-bottom:0px dotted #469;
  }
a:visited {
  color:#677;
  border-color:#899;
  }
a:hover, .subnav a:hover {
  color:#933;
  border-color:#b55;
  border-bottom-style:solid;
  }
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;
  }
.more a, a.more, .previous a, a.previous {
  white-space:nowrap;
  }
#subcol .more a, #subcol a.more {
  white-space:normal;
  }
.more a:after, a.more:after, .previous a:before, a.previous:before {
  content:"\2192";
  font-family:Verdana,Sans-serif;
  font-size:80%;
  color:#c93;
  white-space:nowrap;
  padding-left:2px;
  }
.more a:hover:after, a.more:hover:after, .previous a:hover:before, a.previous:hover:before {
  color:#933;
  }
.previous a:before, a.previous:before {
  content:"\2190";
  padding-left:0;
  padding-right:2px;
  }
a.previous:after, .more a.previous:after {
  content:"";
  }
h1 a, #section a {
  border-width:0;
  }
  /*=structure
  --------------------------------------*/
div#outer {
    width: 720px;
    background-color:#eeeedd;
    margin-top: 0px;
    margin-bottom: 10px;
    margin-left: auto;
    margin-right: auto;
    padding: 0px;
    border:2pt solid #fff;
	}

#Banner {
	width: auto;
	height: auto;
	border: 0pt dotted #ff9100;
	padding:0px;
	/*margin: 59px 12px 69px 41px;*/
	margin-left:auto;
	margin-right:auto;
	/*text-align: left;*/
	background-color: transparent;
	line-height:0px;
	}

#Banner img {
	border-width:0px;
	}

#Banner img:hover {
/* 	border: 1px dotted #888; */
	background-color: #fff;
	width:100%;
	height: auto;
	border: .75pt dotted #ff9100;
	padding: 0;
	/*margin: 59px 12px 69px 41px;*/
	margin: 5px;
	/*text-align: left;*/
	background-color: transparent;
	line-height: 0px;
	}

#Banner img {
	border-width: 0px;
	}

#Banner img:hover {
/* 	border: 1px dotted #888; */
	background-color: #F7D694;
	}

#Banner a {
	border-width: 0px;
	}

#Banner a:hover {
	background-color: transparent;
	}

#Banner a {
	border-width: 0px;
	}

#Banner a:hover {
	background-color: transparent;
	}

/* =Nav
----------------------------------------------- */
#nav {
float: left;
  width: 100%;
  margin: 0;
  padding: 2px 0 0 2px;
  list-style: none;
  background:#fff url(../_images06/nav_bg.gif) repeat-x bottom left;
 }
#nav li {
  float:left;
  margin:0;
  padding:0;
font-size:90%;
list-style: none;
  }
#nav a {
float: left;
  display:block;
  margin: 0 1px 0 0;
  padding: 2px 4px;
  color:#FFF;
  text-decoration:none;
  border: 1px solid #ccc;
  border-bottom: none;
  background:#333 url(../_images06/off_bg.gif) repeat-x top left;
   }
#nav a:hover, body#intro #t-home a {
color: #333;
padding-bottom: 5px;
border-color:#727377;
background: #fff url(../_images06/on_bg.gif) repeat-x top left;
}
#nav a:hover, body#start #t-start a {
color: #333;
padding-bottom: 5px;
border-color:#727377;
background: #fff url(../_images06/on_bg.gif) repeat-x top left;
}
#nav a:hover, body#tuts #t-tuts a {
color: #333;
padding-bottom: 5px;
border-color:#727377;
background: #fff url(../_images06/on_bg.gif) repeat-x top left;
}
#nav a:hover, body#resources #t-resources a {
color: #333;
padding-bottom: 5px;
border-color:#727377;
background: #fff url(../_images06/on_bg.gif) repeat-x top left;
}
#nav a:hover, body#favs #t-favs a {
color: #333;
padding-bottom: 5px;
border-color:#727377;
background: #fff url(../_images06/on_bg.gif) repeat-x top left;
}
#nav a:hover, body#about #t-about a {
color: #333;
padding-bottom: 5px;
border-color:#727377;
background: #fff url(../_images06/on_bg.gif) repeat-x top left;
}
div#main {

    width:100%;
    margin-top: 5px;
    padding: 0px;
	border: 0px;

}
#rightCol {
	width:500px;
	float:left;
	border-left:0px dotted #ff9100;
	background-color: #fff;
	margin: 0 5px 0 0;
	padding-right: 5px;
	height:100%;
	}	
#leftCol {
	width:200px;
	float:right;
	border-left:0 dotted #de3333;
	background-color: transparent;
	margin: 0 5px 2px 0;
	padding: 0 0 2px 5px;
	height:100%;
	}	
#leftCol .img {
border: 2px solid #d57c04;
}

/* =Footer
----------------------------------------------- */
#footer {
clear: both;
width:720px;
  margin:0;
 border-top:1px solid silver;
  padding:0pt;
  background-color:#c4c4c4;
  color: #333;
  }
#footer p {
  margin:0;
  font-size:80%;
  }
/*images
-------------------------------------------------*/
.mPhoto {
	position:absolute;
	top:0px;
	left:0px;
	-moz-opacity:0.0;
	filter:Alpha(opacity=0);
}

.btn {
	border-style:solid;
	border-width:1px;
	border-color:#000000;
	font-family:verdana;
	font-size:9px;
	margin-top:5px;
	width:40px;
}