body,h1,h2,h3,h4,h5,h6,p,form,fieldset
{
	margin: 0;
	padding: 0;
}

body
{
	margin: 0;
	padding: 15px 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 75%;
	line-height: 1.6em;
	text-align: center;
	color: #414141;
	background: #ABC3E1 url(images/gradient_bg.png) repeat-x;
}

a
{
	color: #9F7186;
	text-decoration: none;
}

a:hover
{
	color: #8F4937;
}

h1, h1 a, h2, h2 a, h3, h3 a, h4 a
{
	color: #8F4937;
}

h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover
{
	color: #000;
}

h1
{
	font-size: 30px;
	font-family: Georgia, serif;
}

h2
{
	margin: 0 0 18px 0;
	font-family: Georgia, serif;
	font-size: 1.8em;
	font-weight: normal;
}

h3
{
	margin: 0 0 5px 0;
	font-family: Georgia, serif;
	font-size: 1.4em;
	font-weight: normal;
}

h4
{
	margin: 0;
	font-size: 1em;
}

h5 {
       font-size: .8em;
       margin: 0px 0 10px 0;
}

a img
{
	border: none;
}

p
{
	margin: 0;
	padding: 0 0 18px 0;
}

ul
{
	margin: 0 0 0 1.4em;
	padding: 0 0 18px 0;
}

ul ul
{
	padding: 0;
}

blockquote
{
	margin: 0;
	padding: 0 18px;
	font-style: italic;
}

pre, code
{
	font-family: Courier, Monaco, monospace;
	background-color: #F8FAF2;
}

#container
{
	width: 690px;
	margin: 0 auto;
	padding: 30px 30px 0 30px;
	text-align: left;
	padding-top: 0;
	border-top: 30px solid white;
	background: white 500px 0px repeat-y;
}

#navcontainer
{
	width: 690px;
	margin: 0 auto;
	padding: 30px 30px 0 30px;
	text-align: left;
	padding-top: 0;
	border-top: 30px solid white;
	background: white url(images/container_bg.gif) 500px 0px repeat-y;
}

#head
{
	height: 75px;
	padding: 0 0 0 18px;
	background-color: #F0F9F9;
	background-image: url(images/logo690x75.gif);
}

#head h1, #head h2
{
	display: none;
}

#navigation
{
	background-color: #ABC3E1;
	height: 1.8em;
	line-height: 1.8em;
	border-top: 1px solid #fff;
}

#navigation a
{
	color: #545A5A;
}

#navigation .selected, #navigation a:hover
{
	background-color: #606AA1;
	color: #FFF;
}

#navigation ul
{
	margin: 0;
	padding: 0;
}

#navigation li
{
	float: left;
	margin: 0;
	padding: 0;
	list-style-type: none;
	border-right: 1px solid;
	white-space: nowrap;
	border-color: white;
}

#navigation li a
{
	display: block;
	padding: 0 18px;
	font-size: 0.8em;
	text-transform: lowercase;
	font-weight: bold;
}

* html #navigation a
{
	width: 1%;
}


#center
{
	float: left;
	width: 455px;
	padding-top: 32px;
	padding-right: 20px;
	background: url(images/subcontent_bg.gif) 470px 0px no-repeat;
}

.entry
{
	margin: 0 0 20px 0;
}

.entry .info
{
	position: relative;
	margin-top: -3px;
	padding: 3px;
	border-top: 1px solid;
	border-bottom: 1px solid;
	font-size: 0.9em;
	border-color: #F3F4F4;
	background-color: #FAFAFA;
}

.entry .info a
{
	border-color: #949494;
}

#right
{
	float: right;
	clear: right;
	width: 205px;
	padding: 15px 0 0 0px;
	font-size: 0.9em;
	line-height: 1.5em;
}

#right h3
{
	margin: 18px 0 10px 0;
	font-family: Georgia,serif;
	font-size: 1em;
	font-weight: bold;
	line-height: 1em;
	color: white;
	background: #606AA1 url(images/corner_top_left.gif) top left no-repeat;
}

#right h3 em
{
	display: block;
	padding: 5px 10px;
	font-style: normal;
	background: url(images/corner_bottom_right.gif) bottom right no-repeat;
}

#right p
{
	padding: 0 10px 0 10px;
}

#right ul.categories li
{
	list-style-image: url(images/categories_yellow.gif);
}


#right ul li
{
	margin: 2px 0 2px 12px;
	padding-bottom: 2px;
	border-bottom: 1px solid;
	border-bottom-color: #F0F0F0;
}

#right li a
{
	display: block;
	padding: 1px 0;
	height: 1%;
}

#right li a:hover
{
	background-color: #FFFBF0;
}

#foot
{
	clear: both;
	padding: 40px 0 15px 0;
	font-size: 0.9em;
	background: white url(images/footer_bg.gif) 470px 0px no-repeat;
}


p.tags {
       font-weight: bold;
       margin: 8px 0px -10px 0px;
}

div.top {
	margin: 18px 0 18px 0;
}

a.download {
	font-weight: bold;
	text-decoration: underline;
}

div#projects img.left, div#projects span.imgleft {
font-family:Arial, Helvetiva, sans-serif;
font-weight:normal;
font-size:9px;
color:#5A6573;
margin-right:20px;
text-align:right;
font-style:normal;
margin-top:4px;
margin-bottom:4px;
float:left
}



/* catalog styles */

div.topiccontainer {
	margin: 18px 0 18px 0;
	border-bottom: thin solid;
}

.topicdescr {
	margin: 18px 0 0 0;
}

div.listcontainer {
        font-family: helvetica, verdana, geneva, arial, sans-serif;
	clear: left;
	line-height: 1.2em;
	margin: 0;
	padding: 0
}

div.listcontainer ul li {
	position: relative;
}

#top3 {
	/* 3 items times 1.2em line-height */
	margin-top: -3.6em; 
}

#top5 {
	/* 5 items times 1.2em line-height */
	margin-top: -6em; 
}

#top18 {
	/* 18 items times 1.2em line-height */
	margin-top: -21.6em; 
}


li.col1 {
	margin-left: 0em;
}

li.col2 {
	margin-left: 20em;
}

div.listcontainer ul li a {
	color: #8F4937;
	display: block;
	width: 15em;
	text-decoration: none;
}

div.listcontainer ul li a:hover {
	color: #FFF;
	background-color: #8F4937; /* brown */
}

span.definition {
	font-weight: bold;
	font-style: italic
}

span.description {
	font-weight: bold;
	font-style: italic
}

span.examples {
	font-weight: bold;
	font-style: italic
}

span.barriers {
	font-weight: bold;
	font-style: italic
}

span.opposite {
	font-weight: bold;
	font-style: italic
}

span.seealso {
	font-weight: bold;
	font-style: italic
}