html {
	background-color:rgb(218,220,223);
}

img {
	border:none;
}

body {
	margin:0px;
    font-family: "Optima", "Corbel", Helvetica, Arial, Sans;
    font-size:14px;
    color:rgb(0,0,0);
}

p {
	line-height:22px;
}

td {
	vertical-align:top;
}

#page-header {
	min-width:1024px;
	height:65px;
	border-bottom-style:solid;
	border-bottom-width:2px;
	border-bottom-color:rgb(255,165,0);
	box-shadow:0 0 4px rgb(75,75,75);
	-webkit-shadow:0 0 4px rgb(75,75,75);
	margin-bottom:45px;
	background-color:rgb(177,185,195);
}

#logo {
	width:485px;
	height:72px;
	margin-top:-72px;
	position:relative;
	top:-32px;
	left:430px;
	background-image:url("/images/projectswithlove_heartandcup.png");
}

#logo:focus, #logo:hover {
	background-image:url("/images/projectswithlove_heartandcup_mouseover.png");
}

#centered-body {
	width:900px;
	padding-left:12px;
	padding-right:12px;
	margin-left:auto;
	margin-right:auto;
}

#nav-column {
	width:160px;
	float:right;
	padding-left:45px;
}

#nav-column h1 {
    font-style:small-caps;
    font-weight:normal;
    font-size:11px;
    color:rgb(154,165,179);
    margin:0px;
    margin-bottom:10px;
}

#nav-column ul {
	padding:0px;
    padding-bottom:40px;
    margin:0px;
}

#nav-column li {
	list-style-type:none;
    margin-left:-10px;
    padding-bottom:3px;
}

a:link {
	color:rgb(68,89,113);
}

a:visited {
	color:rgb(210,110,0);
}

a:hover, a:focus {
	color:rgb(255,145,0);
}

a.sidebar-link {
	color:rgb(58,79,97);
    text-decoration:none;
}

span.sidebar-link-title {
    font-size:13px;
}

span.sidebar-link-subtitle {
	color:rgb(108,132,137);
    font-family: Baskerville, Times, "Times New Roman", Serif;
    font-style:italic;
    font-size:13px;
}

p.highlighting {
	text-align:justify;
	font-size:16px;
	line-height:19px;
	margin-left:-1px;
	color:rgb(38,46,56);
}

a.sidebar-link, p.highlighting {
	display:block;
	border:0px solid black;
	padding:11px;
	border-radius: 6px;
	-moz-border-radius: 6px;
}

a.sidebar-link:focus, a.sidebar-link:hover,
a:focus p.highlighting, a:hover p.highlighting {
	color:rgb(235,145,0);
	padding:10px;
	border-width:1px;
	border-color:rgb(255,165,0);

	background-color:rgb(205,209,215);

	background-image: linear-gradient(top, rgb(242,242,242) 0%, rgb(216,220,223) 100%);
	background-image: -o-linear-gradient(top, rgb(242,242,242) 0%, rgb(216,220,223) 100%);
	background-image: -moz-linear-gradient(top, rgb(242,242,242) 0%, rgb(216,220,223) 100%);
	background-image: -webkit-linear-gradient(top, rgb(242,242,242) 0%, rgb(216,220,223) 100%);
	background-image: -ms-linear-gradient(top, rgb(242,242,242) 0%, rgb(216,220,223) 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgb(242,242,242)), color-stop(1.0, rgb(216,220,223)));

	text-shadow:none;

	box-shadow:1px 1px 4px rgb(100,100,100);
	-webkit-shadow:1px 1px 4px rgb(100,100,100);
}

div.title {
    font-family: "American Typewriter", "Courier New", Courier, Monospace;
	font-size:15px;
    color:rgb(94,105,119);
	margin-top:-42px;
	position:relative;
	float:left;
	text-shadow:0px -1px 2px white, 0px 1px 2px rgb(160,160,160);
}

#content-column {
	width:900px;
}

div.stm-download-row {
	display:block;
	border-radius: 4px;
	-moz-border-radius: 4px;
	
	border:1px solid rgb(130,138,146);
	background-color:rgb(160,168,176);
	padding:3px;
	background-image: linear-gradient(top, rgb(170,178,186) 0%, rgb(150,158,166) 100%);
	background-image: -o-linear-gradient(top, rgb(170,178,186) 0%, rgb(150,158,166) 100%);
	background-image: -moz-linear-gradient(top, rgb(170,178,186) 0%, rgb(150,158,166) 100%);
	background-image: -webkit-linear-gradient(top, rgb(170,178,186) 0%, rgb(150,158,166) 100%);
	background-image: -ms-linear-gradient(top, rgb(170,178,186) 0%, rgb(150,158,166) 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgb(170,178,186)), color-stop(1.0, rgb(150,158,166)));
}

div.stm-download-row a {
	display:block;
	overflow:auto;
	padding:3px;

	text-shadow:0px 1px 2px black;
	
	border-radius: 6px;
	-moz-border-radius: 6px;
	
	color:rgb(255,255,255);
	font-weight:bold;
	font-size:13px;
	line-height:14px;

    text-decoration:none;
}

div.stm-download-row a img.left {
	float:left;
	margin-right:10px;
}

div.stm-download-row a img.right {
	float:right;
}

div.stm-download-row a:focus, div.stm-download-row a:hover {
	color:rgb(255,145,0);
	border-color:rgb(85,95,105);
	background-color:rgb(102,109,118);
	background-position: 1% 50%, 98% 50%, center;
}

div.stm-download-row a p {
	display:block;
	width:180px;
	float:left;
	margin:0px;
	padding:0px;
	margin-top:4px;
	line-height:normal;
}

h1.content-section {
    font-family: Baskerville, Times, "Times New Roman", Serif;
    font-style:italic;
    font-weight:normal;
    font-size:20px;
    color:rgb(94,105,119);
    margin:0px;
    padding-left:40px;
    margin-top:50px;
    margin-bottom:8px;
    overflow:auto;
}

div.content-section {
	display:block;
	overflow:auto;
	width:860px;
	padding:20px;
	padding-bottom:10px;
	padding-top:10px;
	margin-bottom:40px;
	
	border-radius: 4px;
	-moz-border-radius: 4px;

	border:1px solid rgb(200,200,200);
	
	background-color:rgb(230,231,232);
}

div.content-section p {
	margin:0px;
	margin-top:7px;
	margin-bottom:7px;
}

p.content-header {
	font-weight:bold;
}

p.content-discreet {
	font-size:12px;
    color:rgb(75,75,75);
}

div.content-section-left {
	padding-right:20px;
	overflow:auto;
}

div.no-background {
	background:none;
	border:none;
	margin-bottom:30px;
	padding-left:20px;
	padding-right:20px;
}

div.left-column {
	float:left;
	width:356px;
	margin-right:40px;
	overflow:auto;
}

img.content-section-left {
	float:left;
	margin-right:20px;
}

img.content-section-left.no-bottom-margin {
	margin-bottom:0px;
}

div.content-section.right-image {
	padding:20px;
	padding-bottom:12px;
	padding-top:10px;
	
	border-radius: 4px;
	-moz-border-radius: 4px;

	background-image: linear-gradient(left , rgb(230,231,232) 77.4%, rgb(200,200,200) 77.5%, rgb(223,224,225) 77.6%);
	background-image: -o-linear-gradient(left , rgb(230,231,232) 77.4%, rgb(200,200,200) 77.5%, rgb(223,224,225) 77.6%);
	background-image: -moz-linear-gradient(left , rgb(230,231,232) 77.4%, rgb(200,200,200) 77.5%, rgb(223,224,225) 77.6%);
	background-image: -webkit-linear-gradient(left , rgb(230,231,232) 77.4%, rgb(200,200,200) 77.5%, rgb(223,224,225) 77.6%);
	background-image: -ms-linear-gradient(left , rgb(230,231,232) 77.4%, rgb(200,200,200) 77.5%, rgb(223,224,225) 77.6%);
	background-image: -webkit-gradient(linear,left top,right top,color-stop(0.784, rgb(230,231,232)),color-stop(0.785, rgb(200,200,200)),color-stop(0.786, rgb(223,224,225)));

	overflow:auto;
}

img.content-section-right {
	float:right;
	margin-left:20px;
	margin-bottom:10px;
	margin-top:10px;
	margin-right:13px;
	padding-left:24px;
}

#page-footer {
	border-left-style:solid;
	border-left-width:1px;
	border-left-color:rgb(185,192,203);

	padding-left:20px;
	margin-top:52px;
	margin-bottom:20px;
	clear:both;
}

p.aside {
	margin:20px;
	margin-left:80px;
	margin-right:60px;
    font-style:italic;
    color:rgb(120,120,120);
}

div.inset-container {
	display:table;
	border-collapse:separate;
	border-spacing:0px 0px;
    width:790px;
}

h1.inset-section {
    font-family: Baskerville, Times, "Times New Roman", Serif;
    font-style:italic;
    font-weight:normal;
    font-size:20px;
    color:rgb(94,105,119);
    margin:0px;
    padding-left:20px;
    margin-top:35px;
    margin-bottom:10px;
}

div.inset-section {
	display:table-cell;
	width:746px;
	background-color:rgb(230,231,232);
	margin:0px;
	padding-left:60px;
	padding-right:60px;
	padding-top:20px;
	padding-bottom:20px;
	border-top:1px solid rgb(200,200,200);
	border-bottom:1px solid rgb(200,200,200);
}

div.inset-section li {
	margin-top:10px;
	margin-bottom:10px;
}

div.inset-spacer, div.inset-spacer-left {
	display:table-cell;
    width:20px;
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px;
	-moz-border-top-right-radius: 4px;
	-moz-border-bottom-right-radius: 4px;
	margin-left:10px;
	background-color:rgb(210,214,220);
	border:1px solid rgb(200,200,200);
}

div.inset-spacer-left {
	border-radius: 0px;
	-moz-border-radius: 0px;
	border-top-left-radius: 4px;
	border-bottom-left-radius: 4px;
	-moz-border-top-left-radius: 4px;
	-moz-border-bottom-left-radius: 4px;
}

div.page-index {
	display:block;
	padding:10px;
	padding-bottom:0px;
	padding-left:40px;
	overflow:auto;
}

div.page-index h1 {
    font-family: Baskerville, Times, "Times New Roman", Serif;
    font-style:italic;
    font-weight:normal;
    font-size:18px;
    color:rgb(94,105,119);
    margin:0px;
    padding:0px;
    margin-top:10px;
    overflow:auto;
}

img.centershadowed {
	display:block;
	max-width:545px;
	max-height:450px;
	margin-left:auto;
	margin-right:auto;
}

div.caption {
    font-style:italic;
    font-weight:normal;
    font-size:14px;
    text-align:center;
    color:rgb(120,120,120);
}

table.framed thead {
	font-weight:bold;
	background-color:rgb(177,185,195);
}

table.framed thead td {
	padding:5px;
}

table.framed tbody {
	background-color:rgb(230,231,232);
}

table.framed tbody td {
	padding:5px;
}
