html {background:#333;}
body {
  padding: 0px;
  margin:0px;
  font-family: Arial, Verdana, Helvetica, sans-serif;
  line-height: 1.4em;
  font-size:12px;
  background:#222;
  color:#bbb;
}

@font-face {
	/* This declaration targets Internet Explorer */
	font-family: 'ArchitectsDaughter';
	src: url('../fonts/ArchitectsDaughter-webfont.eot');
}
@font-face {
	/* This declaration targets everything else */
	font-family: 'ArchitectsDaughter';
	src: url(//:) format('no404'),
	url('../fonts/ArchitectsDaughter-webfont.woff') format('woff'),
	url('../fonts/ArchitectsDaughter-webfont.ttf') format('truetype'),
	url('../fonts/ArchitectsDaughter-webfont.svg#ArchitectsDaughter') format('svg');
    font-weight: normal;
    font-style: normal;
	}

h1, h2, h3, h4{
  font-family: Arial, Verdana, Helvetica, sans-serif; line-height: 1.2em;
}

h1 {font-size:22px;}

h2, h3, h4, h5, h6 {
	font-size: 14px;
	color: #E61614;
	padding: 5px 0 0px 0px;
	text-transform: uppercase;
	letter-spacing: -0.5px;
	}

a, a:link, a:visited {
	text-decoration: none;
	color: #E61614;
	border-bottom: 1px dotted transparent;
	padding: 0px 0px 0px 0px;
}

a:hover, a:active {
	text-decoration: none;
	color: #E61614;
	border-bottom: 1px dotted #E61614;
	padding: 0px 0px 0px 0px;
}

input[type=text] {border: solid 1px #999; padding: 2px 2px; background:#222; color:#fff; font-size:1em; font-family:"Courier New", Courier, monospace;}
input:hover[type=text], input:focus[type=text] {border:solid 1px #ccc;}

input[type=password] {border: solid 1px #999; padding: 2px 2px; background:#222; color:#fff; font-size:1em; font-family:"Courier New", Courier, monospace;}
input:hover[type=password], input:focus[type=password] {border:solid 1px #ccc;}

textarea{font-family: sans-serif; border: solid 1px #999; padding: 2px 2px; background:#222; color:#fff; font-size:1em; font-family:"Courier New", Courier, monospace;}
textarea:hover, textarea:focus {border: solid 1px #ccc;} 

select {min-width:185px; font-family:"Courier New", Courier, monospace; border:solid 1px #999;}

input[type=submit] { border: solid 1px #ccc; background:url(../images/ltGray_heading.png) repeat-x top left; padding:2px 10px 2px 10px;
	-moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -khtml-border-radius: 4px;
    border-radius: 4px;
	cursor:pointer; font-weight:400; color:#222;
	}
input[type=submit]:hover {border: solid 1px #ccc; font-weight:600; color:#222;}

img {border:none;}

#header, #menu, #footer{
  font-family: Arial, Verdana, Helvetica, sans-serif; 
}

#header {
  color: #bbb;
  background:#222;
  width: 100%;
  margin: 0;
  padding: 0; 
}
#header h1{
	padding: 20px 0 22px 80px;
	margin: 0;
	/*background-image: url(../images/logo.gif);
	background-repeat: no-repeat;
	background-position: 8px 8px;*/
	font-size:28px;
	font-weight:normal;
}
#header h1 span{
color:#E61614;
}
#top-920 {display:inline;}
#top-480 {display:none;}
	.pageQuote {
	font-family: 'ArchitectsDaughter'; 
	font-size:22px; 
	line-height: 1.3em; 
	color:#E61614; 
	margin:20px 6% 20px 6%; 
	font-weight:normal;
/*	text-shadow: #ccc 0.06em 0.06em 0.06em;*/
	}
	.pageQuote span{font-size:12px; white-space:nowrap;}

#footer { 
	color: #ccc;
	background:#333;  
	padding:0;
	margin:0;
	clear: both;
  	width: 100%; 
}
#footer  {color: #aaa; font-size:85%;}
#footer  a, #footer  a:link, #footer  a:visited {
	text-decoration: none;
	color: #ccc;
	border-bottom: 1px dotted transparent;
	padding: 0px 0px 0px 0px;
}
#footer  a:hover, #footer  a:active {
	text-decoration: none;
	color: #fff;
	border-bottom: 1px dotted #fff;
	padding: 0px 0px 0px 0px;
}

#footerCopyright  {
padding: 20px 20px 0px 20px; 
}
#footerNav  {
padding: 20px 20px 0px 20px;
}

#content{
max-width:920px;
margin: 15px auto;
}

#main {
  float: left;
  width: 75%;
  margin: 0 0 0 0;
  padding: 0 0 30px 0;
}
#main .textArea {
color: #bbb;
margin-right: 2%;
padding: 0 2% 0 2%;
}
#main h1{
  margin-top: 0;
  padding-top: 0;
}

#main ul li {list-style: disc;}

#navigator {clear:left; font-size:85%; padding: 1.0em 0 0 0;}
.sidebar{
	background:none;
	float: left;
	margin: 0 0 20px 1%;
	padding: 0;
	width:23%; 
}

.sidebar p{color: #bbb;}

.sidebar .textArea {
	padding: 20px;
	color: #bbb;  
}

.sidebar  h4 {margin-top:0px; padding-top:0px;
	font-size: 14px;
	color: #bbb;
	text-transform: uppercase;
	letter-spacing: -0.5px;
	}

.sidebar  ul {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 14px 0px;
	background-image: none;
}

.sidebar  li {
	list-style: none;
	padding: 2px 0px 2px 0px;
	margin: 0px 0px 0px 0px;
	color: #E61614;
}

.sidebar  li a {
	text-decoration: none;
	color: #E61614;
	border-bottom: 1px dotted transparent;
}

.sidebar  li a:hover {
	text-decoration: none;
	border-bottom: 1px dotted #E61614;
}

.imgBanner {
	width:100%;
    max-width:920px; 
    height: auto;
	margin: auto auto;
}

.img {
	width:100%;
    max-width:620px; 
    height: auto;
	float:left;
	margin: 0 10px 10px 0;
}

#menu ul {
	margin: 0 0 15px 0;
	padding: 5px;
	list-style: none;
	color: #333;
	background:#555; 
	overflow: hidden; 
}

#menu li {
	display:inline;
}
#menu a {
	display: inline-block;
	color:#ccc;
	text-decoration: none;
	padding: 5px 10px;
	font-weight: bold;
	text-decoration: none;
	border:none;
}
#menu a:hover {
	background: #333;
	color: #fff;
}

/* Display center aligned text */
.center {text-align:center;}

/* Image Display Styles */

/* Remove anchor borders of images used as links */
.lightbox {}
a.lightbox {border:none; text-decoration:none;}
.lightboxIMG{}
a.lightboxIMG {border:none; text-decoration:none;}
.noborder {}
a.noborder {border:none; text-decoration:none;}

/* Display an image - no border */
img.normal {display:block; margin:8px auto; width:100%; max-width:620px; height: auto;}
img.left {float: left; margin:8px 15px 8px 0px; max-width:600px; }
img.right {float: right; margin:8px 0px 8px 15px; max-width:600px;}

/* Display an image - standout border */
img.imgNormal {display:block; padding:4px; background-color:#ffffff; border: solid 1px #D9D9D9;
	margin:8px auto; max-width:600px;}
img.imgLeft {float:left; padding:4px; background-color:#ffffff; border: solid 1px #D9D9D9; margin:8px 15px 8px 0px; max-width:600px;}
img.imgRight {float:right; padding:4px; background-color:#ffffff; border: solid 1px #D9D9D9; margin:8px 0px 8px 15px; max-width:600px;}

/* MEDIA QUERIES */
@media screen and (max-width: 768px) {
	.sidebar{
	margin: 0 0 0 0;
	clear:both;
	width:98%; 
	}
	.sidebar .textArea {
	padding-left: 2%;
	color: #bbb;  
	}
	#main {
	clear:both;
	width:100%;	
	padding-bottom: 0px;
	}
	#main .textArea {
	margin:0;
	}
	#footerCopyright  {
	padding: 20px 2% 0px 2%;
	}
	#footerNav  {
	padding: 20px 2% 0px 2%;
	}
}
@media screen and (max-width: 480px) {
	body{
	font-size: 100%;
	}
	.sidebar{
	margin: 0;
	width:100%;   
	}
	#menu ul {
		padding: 0;
		margin: 0 0 15px 0;
	}
	#menu li {
	display:block;
	border-bottom-color:#bbb;
	border-bottom-style:solid;
	border-bottom-width:1px;
	text-align:center;
	padding:0px;
	}
	#menu a {
	display: block;
	color:#bbb;
	text-decoration: none;
	padding: 5px;
	font-weight: bold;
	}
	#menu a:hover {
	background: #333;
	color: #eee;
	}
	#header {
	width: 100%;
	margin: 0;
	padding: 0;
	}
	#header h1{
	padding: 10px 0 12px 20px;
	margin: 0;
	/*background-image: url(../images/logo.gif);
	background-repeat: no-repeat;
	background-position: 8px 8px;*/
	font-size:28px;
	font-weight:normal;
	}
	#top-920 {display:none;}
	#top-480 {display:inline;}
	.imgBanner {
	width:100%;
    max-width:480px; 
    height: auto;
	margin: auto auto;
	padding: 0 0 0.8em 0;
	}
/*
	.pageQuote {
	font-family: 'ArchitectsDaughter'; 
	font-size:22px; 
	line-height: 1.4em; 
	color:#E61614; 
	margin:20px 2% 20px 2%; 
	font-weight:normal;
	text-shadow: #ccc 0.06em 0.06em 0.06em;
	}
	.pageQuote span{font-size:12px; white-space:nowrap;}
*/
}