@charset "UTF-8";
body {
	font-family:Helvetica,"Lucida Grande","Lucida Sans Unicode","bitstream vera sans","trebuchet ms",verdana,arial,sans-serif;
	font-size:12px;
	background: #fff url(../img/bg/grid.gif);
	margin: 0;
	padding: 0;
	color: #000;
}


/* slectors - combinators tests 
*|*:not(*) {color:#f00;}

div > p:first-child{background-color:#f00;}
p.note {background-color:#0f0;}


*/

strong {color:#f00;}

.edit {background-color:#fcf0f0}

/* globals */

/* copy */
p {color:#000;
	margin:1em 0;
	line-height:1.3em;}
p span {margin-left:5px;}

div.quote p {margin:1em 14em 0 3em;}

/* headers */

h1 {font-size:180%;
font-family:Georgia,"Palatino Linotype";
	}
h1 + p {margin-top:.3em;}
	
h2 {font-size:140%;
	font-family:Palatino,Georgia,"Palatino Linotype";
	padding-top:12px;
	}
h2 + p {margin-top:.5em;}	
h2 span {color:#999;
	margin-left:12px;
	font-size:.9em;
	font-weight:normal;
	font-variant:small-caps;
	}			
h3 {font-size:120%;
	color:#f00;
	margin:1.9em 0 0 0;
	padding:0;
	}
h3 + p {margin-top:.3em;}

h4 {font-size:120%;
	font-variant:small-caps;
	font-weight:bold;
	color:#f00;
	margin:1.7em 0 0 0;
	padding:0;
	}
h4 + p {margin-top:.3em;font-size:10px;}

	
	
/* starter links */
a, a:visited {
	color:#999;
	text-decoration:none;
	padding:0;
	}
a:hover {
	color:#333;
	}
a:active {
	color:#ddd;
	}


a[href*="http"], .tutorials dt a[href*="http"],.tutorials dd a[href*="http"], a:visited[href*="http"], .tutorials dt a:visited[href*="http"] ,.tutorials dd a:visited[href*="http"]{
	color:#666;
	background:transparent url(../img/res/external.png) no-repeat scroll right 2px;
	padding-right:15px;
	text-decoration:none;
	border-bottom:1px solid #ddd;
	outline:none;
	}
a:hover[href*="http"], .tutorials dt a:hover[href*="http"] ,.tutorials dd a:hover[href*="http"]{
	color:#000;
	background:transparent url(../img/res/external2.png) no-repeat scroll right 2px;
	padding-right:15px;
	border-bottom:1px solid #000;
	outline:none;
	}	
a.cite[href*="http"], a.cite[href*="http"] {color:#666;font-size:90%;font-style:italic;margin-left:12px;}

/*
a[href], .tutorials dt a[href] {
	color:#0f0;
	background:transparent url(../img/res/external.png) no-repeat scroll right 2px;
	padding-right:15px;
	}



a.external {
	background:transparent url(../img/res/external.png) no-repeat scroll right 2px;
	padding-right:15px;
	}
a.external:hover {
	background:transparent url(../img/res/external2.png) no-repeat scroll right 2px;
	padding-right:15px;
	}
*/

a.here {
	color:#000;
	background-color:#ddd;
	border:1px solid #f00;
	}




/* layout */
.main #container {
background:#fff;
	width: 960px;
	margin: 0 auto;
	border: 1px solid #eee;
	border-top:0;
	text-align: left;
	min-height:500px;
}

/* orange top #febf57*/
.main #topbar {background-color:#999;height:3px;}

.main #banner {
	background: url(../img/res/dog/bannerimage1.png) no-repeat 66%;
	height:100px;
	border-bottom:1px solid #333;
	}


.main #sfnav {background-color:#333;width:100%;height:30px;border-bottom:1px solid #666;}

.main #projects {text-align:center;font-variant:small-caps;background:#fff url(../img/bg/projectsbg.png);height:22px;margin-top:-1.4em;border-top:1px solid #999;border-bottom:0 solid #ddd;padding-top:3px;}

.main #projects a, .main #projects a:visited {padding-right:15px;
	color:#000;
	font-size:1.2em;
	font-weight:normal;
}

.main #projects a:hover {
	text-decoration:underline;
}
.main #projects a.here, .main #projects a.here:visited, .main #projects a.here:hover {
	color:#f00;
	border:0;
	text-decoration:none;
	outline:none;
	background:transparent;
	}

.main #projectsSub {
	height:20px;
	width:100%;
}



.main #rightcol {
	float: right;
	width: 180px;	
	background: #fff;
	margin-top:72px;
	padding: 0 9px;
	border-left:1px solid #ccc;
	}
.main #rightcol h4 {
	color:#000;
	margin-top:0;
	padding-bottom:5px;
}


.main #rightcol p {font-size:12px;
	line-height:1em;
	}
.main #rightcol p.top {
	padding-top:0;
	}
/* shrink the right column to accomodate the wide classed mainContent - if used at all */
.main #rightcol.small {
	float: right;
	width: 60px;	
	background: #fff;
	padding: 0 9px;
	border-left:1px solid #ccc;
	min-height:400px;
	}




.main #mainContent {
	margin: 0 200px 0 0;
	padding: 0 12px;
	border:0 solid #f00;
	}

.main #mainContent h2 span a {color:#999;
	margin-left:1em;
	font-size:.7em;
	font-weight:normal;
	}		

.main #mainContent ul li{
	margin: -7px 0 6px 24px;

	}

.main #mainContent.wide {
width:936px;
	margin: 0 0 0 0;
	padding: 0 12px;
	border:0 solid #0f0;
	}

.main #mainContent.wideC {
width:936px;
	margin: 0 0 0 0;
	padding: 0 12px;
	text-align:center;
	}

.main #mainContent p.wide {
	width:920px;
	margin: 0 0 0 0;
	padding: 0 12px;
	border:0 solid #0f0;
	}

.main #mainContent dl {
	width:920px;
	margin: 0 0 0 0;
	padding: 0 18px;
	border:0 solid #0f0;
	line-height:1.5em;
	}
.main #mainContent dt {
	font-weight:bold;
	color:#666;
	border:0 solid #0f0;
	}
.main #mainContent dd {
	padding: 0 24px;
	padding-bottom:9px;
	border:0 solid #0f0;
	}

.main #footer {
	padding:25px 0 -20px 120px;
	background: #fff url(../img/res/dog/topnav.jpg) repeat-x 0 15px;
	font-size: 85%;
border:0 solid #f00;
	}

.main #footer div {
	min-height:80px;
	float: left;
	width: 20%;
	padding-right: 2%;
	margin-right: 2%;
	background:#fff /*url(../img/res/dog/dots-vertical.gif) repeat-y 100% 0*/;
border:0 solid #f00;
	}


.main #footer ul {
	margin: 0 0 1em 0;
	padding: 0;
	list-style-type: none;
	}

.main #footer li {
	background: url(../img/res/dog/arrow.gif) no-repeat 0 .4em;
	padding-left: 10px;
	line-height:1.5em;
	}
	
	.main #footer li.ul {border-top:1px solid #ddd;padding-bottom:5px;}
	
.main #footer h3 {font-size:140%;
	font-weight:bold;
	font-variant:small-caps;
	color:#666;
	margin:0;
	padding:0;
	}

.main #footer ul li a, .main #footer ul li a:visited {
border:0;
	color:#000;
	background-color:#fff;
	padding:0;
	text-decoration:none;
	}

.main #footer ul li a.here {
	font-weight:bold;
	color:#000;
	}


.main #footer a:hover {
	color:#f00;
	border-bottom:0 solid #f00;
	}
.main #footer a:active {
	color:#ddd;
	}




.main #footer a.external {
	background:transparent url(../img/res/external.png) no-repeat scroll right 0;
	padding-right:15px;
	}
.main #footer a.external:visited {
	color:#f00;
	}

.main #footer a.here {color:#f00;}


/* for pop windows */
.main .popC {text-align:right;font-variant:small-caps;background:#fff;height:22px;margin-top:-1.4em;border-top:1px solid #999;border-bottom:0 solid #ddd;padding-top:3px;}


.main .popC a, .main .popC a:visited {
	padding: 2px 15px 2px 15px;
	color:#000;
	font-size:1.2em;
	font-weight:normal;
	background-color:#fff;
	border:1px solid #fff;
}

.main  .popC a:hover {
	color:#f00;
	border:1px solid #fff
}










.right {text-align:center;}


/* floats */
.fltrt {
	float: right;
	margin-left: 8px;
	}
.fltlft {
	float: left;
	margin-right: 8px;
	}
.clearfloat {
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
	}