/*****************************************************/
/* colour set: Apple Green: #A0CE67; Navy Blue: #3D5A85; White: #FFFFFF*/
/*****************************************************/

body
{	
	margin: 10px auto; 
	padding-top:0px;
	padding-bottom: 0px;
	padding-left: 0px;	
	background-color:#FFFFFF;
	font-family: Verdana, Helvetica, sans-serif;
	font-size: small;
	text-align:center; /*center div in ie*/
	min-width:750px; /*prevent mozilla spaz*/
}

#wrapper {
	position: relative;
	margin:0 auto;
	width: 750px;
	height: 515px;
	text-align: left;
	top: 5px;
	border: 1px;
	border-style: solid;
	border-color: #A0CE67;
}

#wrapper_wide {
	position: relative;
	margin:0 auto;
	width: 1000px;
	height: 560px;
	text-align: left;
	top: 5px;
	border: 1px;
	border-style: solid;
	border-color: #A0CE67;
}

#wrapperExpand {
	position: relative;
	margin:0 auto;
	width: 750px;
	height: 500px;
	text-align: left;
	top: 0px;
	border: 1px;
	border-style: solid;
	border-color: #A0CE67;
}

html>body #wrapperExpand {
height: auto;
min-height: 525px;
}
/************************header*****************************/

#header {
position: relative;
top: 0px;
left: 0px;
height: 80px;
width: 750px;
padding: 0px;
}

#logo {
position: relative;
top: 5px;
height: 70px;
width: 400px;
float: right;
}

#logPos {
position: relative;
top: 20px;
width: 300px;
padding-left: 10px;
float: left;
}

#loggedin {
width: 270px;
font-size: xx-small;
}

div.row span.left {
  float: left;
  width: 50%;
  text-align: right;
  }

div.row span.right {
  float: right;
  width: 50%;
  text-align: left;
  } 
/************************menu*****************************/
#menu_wide {
	top: 0px;
	height: 20px;
	width: 850px;
	padding: 0px;
	color: #FFFFFF;
	font-size: 10px;
	margin: 0 0 10px 0px;
	text-align: center;
	float: right;
}

#nav_menu {
background-image:url(http://www.streamcast.com.au/images/green_bar_750x19.gif);
height: 19px; 
width: 750px; 
border: 0px;
padding-left: 0px;
background-repeat: no-repeat;
}

#nav_menu ul{
list-style: none;
padding: 0;
margin: 0 1.5em;
}

#nav_menu li{
float: left;
margin: 0 1em;
}

#nav_menu li a{
display: block;
color: #3D5A85;
text-decoration: none;
text-align: center;
}

#nav_menu li a:hover{
display: block;
color: #FFFFFF;
text-decoration: none;
text-align: center;
}

#nav_menu li a:active{
display: block;
color: #FFFFFF;
text-decoration: none;
text-align: center;
}

#home .home, #webcasting .webcasting, #Demo .demo {
display: block;
color: #FFFFFF;
text-decoration: none;
text-align: center;
}

/************************content*****************************/

#content {
position: relative;
top: 0px;
left: 0px;
width: 720px;
padding-top: 5px;
padding-left: 20px;
padding-right: 5px;
padding-bottom: 5px;
}

#content_wide {
position: relative;
top: 0px;
left: 0px;
width: 990px;
padding-top: 5px;
padding-left: 10px;
padding-right: 5px;
padding-bottom: 5px;
}

#hiPlayer {
	top: 0px;
	width: 330px;
	float: left;
}

#loPlayer {
position: relative;
}

#error {
position: relative;
top: 100px;
text-align: center;
}

#leftContent {
position: relative;
width: 350px;
}

#rightContent {
position: relative;
width: 280px;
}

img.rightImage {
height: 388px;
width: 290px;
float: right;
margin: 0 0 10px 10px;
}

p {
color: #3D5A85;
font-size: small;
}

span.instruction {
font-size: x-small;
color: #3D5A85;
}

p.listHeader {
margin-top: 4px;
margin-bottom: 4px;
}

h1 {
	color: #A0CE67;
	font-size: 14px;
	font-weight: bold;	
	text-decoration: none;
}

h1.blue {
	color: #3D5A85;
}

/* format general links*/

a.links
{
	width:100%;
	color: #3D5A85;	
	text-decoration: underline;
}

a.links:hover
{
	color: #A0CE67;	
}

a.links:active
{
	color: #a0cE67;
}

#content ul {
list-style: disc;
margin-top: 0px;
margin-bottom: 10px;
}

#content li {
color: #3D5A85;
font-size: small;
}


/*****memberarea****/
#login {
 width: 360px;
 font-size: x-small;
}

div.row {
	padding-top: 5px;
	clear: both;
  }

div.row span.label {
  float: left;
  width: 150px;
  text-align: right;
  }

div.row span.entry {
  float: right;
  width: 200px;
  text-align: left;
  }

#joinTable {
	width: 410px;
}  

#OF {
	width: 410px;
}   
  
div.row span.joinentry {
  float: right;
  width: 250px;
  text-align: left;
  }   
  
/************************footer*****************************/

#footer {
position: relative;
top: 0px;
left: 0px;
height: 20px;
width: 750px;
padding: 0px;
color: #FFFFFF;
font-size: 10px;
margin: 0 0 10px 0px;
}

#footer_wide {
	top: 5px;
	height: 20px;
	width: 850px;
	padding: 0px;
	color: #FFFFFF;
	font-size: 10px;
	margin: 0 0px 10px 0px;
	text-align: center;
	float: right;
}

#footer_bar {
top: 0px;
left: 0px;
height: 19px;
width: 750px;
}

#copyright {
	top: -16px;
	width: 150px;
	position: relative;
	left: 600px;
}

#abn {
	top: -30px;
	width: 450px;
	text-align: left;
	position: relative;
	left: 50px;
}

#wmpp {
	position: relative;
	width: 120px;
	background: 160px;
	top: 10px;
}

#wrapperExpand #content #joinTable tr {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}

#wrapperExpand #content #joinTable tr td{
	height: 26px;
	vertical-align: bottom;
}
#chat {
	width: 634px;
	height: 420px;
	float: left;
}
#chatframe {
	height: 450px;
	width: 600px;
	position: relative;
	top: 10px;
}