body
{
	font-family: "Verdana", "Avant Garde","Arial", "Helvetica",sans-serif;
	color:#555566;
	margin:0px;
	background: #ffffff;
	font-size:0.9em;
}

a
{
	text-decoration:none;
	color:#800000;
}

a.uncoloured
{
	color:#555566;
}

div#header
{
	height:150px;
	position:relative;
	background:  url('../media/png/header_background.png') repeat-x center center;
}

div#maintitle
{
	position:absolute;
	right:10px;
	bottom:0px;
	font-weight:bold;
	font-size:6em;
	color:#999999;
	
}


div#logo
{
	position:absolute;
	left:0px;
	top:0px;
	background:  url('../media/png/omixed_logo.png') no-repeat center center;
	height:140px;
	width:140px;
}

div#breadcrumb
{
	position:absolute;
	right:10px;
	top:10px;
}

div#topnav
{
	height:50px;
	
	background:  url('../media/png/topnav_background.png') repeat-x center center;
}


div#topnav div.topbuttonselected
{
	background:  url('../media/png/topnav_background_selected.png') repeat-x top center;
}

div#topnav div.topbutton:hover
{
	background:  url('../media/png/topnav_background_selected.png') repeat-x top center;
}

div#topnav div.topbutton
{
	float:left;
	padding:10px;
}

div#myContent
{
	line-height: 150%;
	/*padding:15px;*/
	/*width:900px;*/
	padding:15px;
}




div#midnav
{
	width:280px;
	overflow:none;
	border-right:1px solid #eee;
	border-bottom:1px solid #eee;
	font-size:1.4em;
	float:right;
}

div.subbutton
{
	padding:5px;
	margin-left:10px;
	font-size:0.8em;
}



div.subbuttonlink a:hover
{
	text-decoration:underline;
}

div.subbuttonselected a
{
	text-decoration:underline;
}

div.subbuttonunselected a
{
	text-decoration:none;
}








div#footer
{
	clear:both;
	padding:10px;
	padding-top:50px;
	cursor:pointer;
	text-align:right;
}

hr
{
	border:1px solid #eee;
}







.pointer
{
	cursor:pointer;
}

div.aboutTopics  /* on about.php */
{
	line-height: 166%;
	margin-left: 15%;
	margin-right: 15%;
	font-size: 133%;
}

li.aboutTopic   /* on about.php */
{
	margin-top: 32px;
}


div.codeProjectApp /* on download.php */
{
	clear:both;
	width:800px;
}

div.codeProjectApp div
{
	padding-top:10px;
}

div.codeProjectApp div.heading /* on download.php */
{
	clear:both;
	font-weight:bold;
	float:left;
	width:100px;
}

div.codeProjectApp div.value /* on download.php */
{
	float:left;
	width:200px;
}

div.codeProjectApp div.bzrdownload
{
	margin-top:10px;
	float:left;
}

table.codeLib td
{
	vertical-align: top;
}

div.bzrdownload
{
	font-family:monospace;
	background: #eee;
	padding:10px;
}

.readMore
{
  color: #88a;
  margin-left: 12px;
  padding-left:3px;
  padding-right:3px;
  border: 1px dotted #88a;
  font-size: 50%;
  vertical-align:middle;
}



div.demo-title
{
  font-size: 1.5em;
  font-weight:bold;
  margin-bottom:5px;
  margin-top:5px;
}

div.demo-content
{
  float:left;
  width:200px;
}

div.demo-screenshot
{
  width:420px;
  float:left;
}