body {
	margin: 0;
	padding: 0;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: small;
	color: black;
	background: white;
	}

/* below hyphenation trick from http://blog.fontdeck.com/post/9037028497/hyphens?05a761f0 */

p {
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    hyphens: auto;
}
a:link {
	color: #7a9bb6;
	text-decoration: none;
	}
a:visited {
	color: #7a9bb6;
	text-decoration: none;
	}
#wrap {
	min-width: 500px;
	max-width: 1400px;
	background: url(../images/wrap-bg.gif) repeat-y 70% 0;
	}
#content {
	float: left;
	width: 70%;
	color: #333;
	font-size: 105%;
	line-height: 1.5em;
	padding-bottom: 25px;
	background: #fff;
	}
#sidebar {
	float: right;
	width: 30%;
	}
#footer {
	clear: both;
	background-color: #052A4D;
	}
#content .gutter {
	padding: 25px;
	}
#sidebar .gutter, #sidebar-2 .gutter {
	padding: 15px;
	}
#header {
	padding-left: 25px;
	padding-top: 15px;
	background: white;
	}

#logo {  
    background: url(../images/circles.png) no-repeat;
    height: 75px;  
    width: 300px;
    float: left;
	}
#logo h1 {  
    text-indent: -9999px;   
	}
#tagline {  
    float: left;
    padding-top: -20px;
    padding-left: 20px;    
	}
#tagline h3 {
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: bold;
	color: #333;
	font-size: 220%;
	letter-spacing: -1px;
	}  
#content h2 {
	margin: 0 0 1em 0;
	padding: 0;
	font-family: "Helvetica Neue Light", "HelveticaNeue-Light", Arial, Helvetica, sans-serif;
	font-style: italic;
	font-weight: 100;
	font-size: 170%;
	color: #333;
	letter-spacing: 1px;
	}
#padded p {
	padding-left: 190px;
	}
.box { 
	margin: 0 0 20px 0;
	padding: 0 0 12px 0;
	font-size: 95%;
	line-height: 1.5em;
	color: #333;
	background: #fff url(../images/box-b.gif) no-repeat bottom right;
	}
.box h3 {
	margin: 0;
	padding: 12px;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 165%;
	font-weight: normal;
	color: #333;
	background: url(../images/box-t.gif) no-repeat top left;
	text-shadow: 1px 1px 1px #CCC;
	}
.box p, .box ul {
	margin: 0;
	padding: 0 12px;
	}
.box ul li {
	margin: 0 0 0 12px;
	padding: 0 0 0 18px;
	list-style: none;
	background: url(../images/arrow.png) no-repeat 0 3px;
	}
#facebook li {
	margin: 5px 0 0 12px;
	padding: 0 0 0 20px;
	list-style: none;
	background: url(../images/facebook.png) no-repeat -1px 1px;
	}
#twitter li {
	margin: 5px 0 0 12px;
	padding: 0 0 0 20px;
	list-style: none;
	background: url(../images/twitter.png) no-repeat -1px 1px;
	}
#rss li {
	margin: 5px 0 0 12px;
	padding: 0 0 0 20px;
	list-style: none;
	background: url(../images/feed.png) no-repeat -1px 1px;
	}
#email li {
	margin: 5px 0 0 12px;
	padding: 0 0 0 20px;
	list-style: none;
	background: url(../images/email.png) no-repeat 0px 1px;
	}
#regular li {
	margin: 0 0 0 12px;
	padding: 0 0 0 18px;
	list-style: none;
	background: url(../images/arrow.png) no-repeat 0 3px;
	}
#footer p {
	margin: 0;
	padding: 15px;
	font-size: 85%;
	color: white; 
	}
.img-shadow {
	float: left;
  	background: url(../images/shadowAlpha.png) no-repeat bottom right !important;
  	background: url(../images/shadow.gif) no-repeat bottom right;
  	margin: 10px 0 0 10px !important;
  	margin: 10px 0 0 5px;
  	}
.img-shadow img {
  display: block;
  position: static;
  background-color: #fff;
  border: 1px solid #a9a9a9;
  margin: -6px 6px 6px -6px;
  padding: 4px;
  	}
span.amp {
	font-family: Baskerville, "Goudy Old Style", "Palatino", "Book Antiqua", serif;
	font-weight: normal;
	font-style: italic;
	font-size: 120%;
	}
span.of {
	font-family: Baskerville, "Goudy Old Style", "Palatino", "Book Antiqua", serif;
	font-weight: normal;
	font-style: italic;
	font-size: 120%;
	}
blockquote, blockquote p {
	text-indent: -0.5em;
	}
blockquote {
	width: 400px;
	text-align: left;
	margin: 0 0 0 100px;
	padding: 0;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 125%;
	letter-spacing: 1px;
	line-height: 1.2em;
	color: #333;
	background-color: #fbf7cc;
	}
#quote {
	margin: 0 10px 0 0;
	padding: 20px 10px 10px 20px;
	}
#author {
	margin: 0 10px 0 0;
	padding: 0 0 10px 0;
	color: #333;
	font-size: 60%;
	text-align: right;
	}
img.doctype {
	vertical-align: -2px; 
	margin: 0; 
	padding: 0; 
	border: none;
	}
img.doctype2 {
	vertical-align: -1px; 
	margin: 0; 
	padding: 0; 
	border: none; 
	}
hr	{
  	width: 80%;
  	border: 1px dotted #333; 
  	border-style: none none dotted;
	}
	
img.awards {
	border: 1px solid black;
	display: block;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: -10px;
    }
    
img.maward {
	border: none;
	display: block;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: -10px;
    }
    
img.center {   
	margin-left: 80px;
	margin-right: auto;
 -moz-box-shadow: 3px 3px 4px #999; /* Firefox */
 -webkit-box-shadow: 3px 3px 4px #999; /* Safari/Chrome */
 box-shadow: 3px 3px 4px #999; /* Opera and other CSS3 supporting browsers */
 -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#999999')";/* IE 8 */
 : progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#999999');/* IE 5.5 - 7 */ 
}
	}

td {
padding-right: 20px;
}	
	
/* Bubble with an isoceles triangle from http://nicolasgallagher.com/pure-css-speech-bubbles/
------------------------------------------ */

#triangle-isosceles {
   position: static;
   margin-left: auto;
   margin-right: auto;
   margin-bottom: 25px;
   padding:15px;
   color:#000;
   font-size: 80%;
   font-family: "Lucida Grande", Arial, sans-serif;
   line-height: 1.3em;
   
   width: 400px;
   background: #FCF0AD;

   /* css3 */
   -moz-border-radius:10px;
   -webkit-border-radius:10px;
   border-radius:10px;
   background:-moz-linear-gradient(top, #f9d835, #f3961c);
   background:linear-gradient(top, #f9d835, #f3961c);
}

/* I delete the triangle at the bottom part of this */

/* image pop ups */

.thumbnail{
position: relative;
z-index: 0;
}

.thumbnail:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: white;
padding: 5px;
left: -1000px;
border: 1px solid #052A4D;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: -200px;
left: 200px; /*position where enlarged image should offset horizontally */

}
		
/*  IE fixes */

#content, #sidebar, #footer {
	height: 1%;
	}
* html dl.feature { /* for IE5+6 */
	height: 1%; 
	}
*:first-child+html .feature { /* for IE7 */
	min-height: 1px; 
	}

/* added */

.HL	{
background: #ffff00;
color: #000000;
}