/* -----------------------------------------------------------------------
WYSIWYG
----------------------------------------------------------------------- */

.wysiwyg {
	line-height:1.2;
}

.wysiwyg p,
.wysiwyg dl {
	margin-bottom:1em;
}

.wysiwyg blockquote {
	margin-bottom:1em;
	margin-left:40px;
	margin-right:40px;
}


.wysiwyg h1 {
	font-size:2em;
	margin-bottom:.67em;
}

.wysiwyg h2 {
	font-size:1.5em;
	margin-bottom:.83em;

}

.wysiwyg h3 {
	font-size: 1.17em;
	margin-bottom:1em;
}

.wysiwyg h4 {
	font-size:1em;
	margin-bottom:1.33em;
}

.wysiwyg h5 {
	font-size: 0.83em;
	margin-bottom:1.67em;
}

.wysiwyg h6 {
	font-size: 0.67em;
	margin-bottom:2.33em;
}

.wysiwyg ul {
	list-style-type: disc;
	margin-bottom:1em;
	padding-left:40px;
}

.wysiwyg ol {
	list-style-type: decimal;
	margin-bottom:1em;
	padding-left:40px;
}

.wysiwyg dd {
	margin-left:40px;
}

/* nested lists have no top/bottom margins */
.wysiwyg ul ul,
.wysiwyg ul ol,
.wysiwyg ul dl,
.wysiwyg ol ul,
.wysiwyg ol ol,
.wysiwyg ol dl,
.wysiwyg dl ul,
.wysiwyg dl ol,
.wysiwyg dl dl {
	margin-top: 0;
	margin-bottom: 0;
}

/* 2 deep unordered lists use a circle */
.wysiwyg ol ul,
.wysiwyg ul ul {
	list-style-type: circle;
}

/* 3 deep (or more) unordered lists use a square */
.wysiwyg ol ol ul,
.wysiwyg ol ul ul, 
.wysiwyg ul ol ul,
.wysiwyg ul ul ul {
	list-style-type: square;
}

/* titles */
.wysiwyg abbr,
.wysiwyg acronym {
	border-bottom: dotted 1px;
}

.wysiwyg sub {
	vertical-align: sub;
	font-size: smaller;
}

.wysiwyg sup {
	vertical-align: super;
	font-size: smaller;
}

.wysiwyg u,
.wysiwyg ins {
	text-decoration: underline;
}

.wysiwyg s,
.wysiwyg strike,
.wysiwyg del {
	text-decoration: line-through;
}

.wysiwyg big {
	font-size: larger;
}

.wysiwyg small {
	font-size: smaller;
}

/* -----------------------------------------------------------------------
GENERAL
----------------------------------------------------------------------- */

.clear {
	clear:both;
	height:0;
}

body {
	margin-top:20px;
	margin-bottom:20px;
	background-color:#418CC3;
	/*
	background-image:url(../images/bg.png);
	background-repeat:repeat-x;
	background-attachment:fixed;
	*/
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
}

small {
	color:#999;
}

#wrapper {
	margin-left:auto;
	margin-right:auto;
	width:700px;
	padding-left:15px;
	padding-right:15px;
	background-color:#FFF;
	background-image:url(../images/rounded_top.png);
	background-repeat:no-repeat;
	background-position:left top;
}

#header {
	margin-bottom:19px;
}

#branding {
	float:left;
}

#download {
	float:right;
}

#header h1 {
	height:20px;
	text-indent:-9999px;
}

#header a {
	color: #e36d11;
	margin-left: 10px;
	text-decoration: none;
}

#header a img {
	vertical-align: middle;
	padding-right: 5px;
}

.section_title {
	background-image:url(../images/headers.png);
	background-repeat:no-repeat;
	width:700px;
	height:46px;
	margin-bottom:17px;
	text-indent:-9999px;
}

.content {
	padding-bottom:4px;
	padding-left:10px;
	padding-right:10px;
}

#about .section_title {
	background-position:0px 0px;
}

#screenshots .content {
	padding-right:0px;
	padding-bottom:13px;
}

#screenshots .section_title {
	background-position:0px -46px;
}

#screenshots li {
	float:left;
	margin-right:21px;
	margin-bottom:21px;
}

#screenshots li img {
	border:2px solid #004a78; 
	display:block;
}

#acknowledgements  .section_title {
	background-position:0px -92px;
}

#footer {
	margin-left:-15px;
	margin-right:-15px;
	padding-left:15px;
	padding-right:15px;
	padding-bottom:17px;
	text-align:center;
	font-size:11px;
	color:#808080;
	background-image:url(../images/rounder_footer.png);
	background-repeat:no-repeat;
	background-position:left bottom;
}

#footer a {
	color:#808080;
}

/* -----------------------------------------------------------------------
PHARMOCOLOGY
----------------------------------------------------------------------- */

body#pharm {
	background-color:#F6921E;
}

#pharm #wrapper {
	background-image:url(../images/rounded_top2.png);
}

#pharm #header a {
	color:#004a78;
}

#pharm .section_title {
	background-image:url(../images/headers2.png);
}

#pharm #footer {
	background-image:url(../images/rounder_footer2.png);
}

#pharm #screenshots li img {
	border-color:#e36d11; 
}