/* - - - - - - - - - - - - - - - - - - - - -

Title : Scribes	
URL : http://www.scribes.net.au/

Author : SiteSuite Australasia
Author URL : http://www.sitesuite.com.au

- - - - - - - - - - - - - - - - - - - - - */

/*
----------------------------------------------------------------------------- 
GLOBALS
-----------------------------------------------------------------------------*/

/* default styles */
html {
  overflow: -moz-scrollbars-vertical;
}

body {
	margin: 10px 0 10px 0px;
	padding: 0px;
	background-color: #EEEEEE;
	font: normal 12px arial, verdana, helvetica;
	color: #333;
	text-align: center;
	line-height:18px;
}

p, td, li {
	font: normal 12px arial, verdana, helvetica;
	color: #333;
		line-height:18px;
}

a {
	color: #008136;
	text-decoration:underline;
}

a:hover {
	text-decoration: none;
	color: #004f21;
}

h1 {
	font: normal 20px arial, verdana, helvetica;
	color: #008136;
	line-height:22px;
}

h2 {
	font: bold 14px arial, verdana, helvetica;
	color: #000000;
}

form {
  margin: 0;
}

input, select, textarea {
	font: normal 12px arial, verdana, helvetica;
	color: #333;
}

.clear {
  clear: both;
  font-size: 0;
  height: 0;
  line-height: 0
}

/*
----------------------------------------------------------------------------- 
LAYOUTS AND WRAPPERS
-----------------------------------------------------------------------------*/

#wrapper {
  width: 770px;
	margin: 0 auto;
	padding: 10px;
	background-color:#FFFFFF;
	border: 1px solid #cccccc;
}

#topwrap {
  width: 750px;
	height: 80px;
	text-align: left;
	vertical-align: top;
}

#menuwrap {
  width: 750px;
	height: 30px;
	background: url('../templateimages/menubg.gif') no-repeat;
	text-align: left;
	vertical-align: top;
}

#bodywrap {
  width: 745px;
	text-align: left;
	vertical-align: top;
	height:auto;
}

#contentwrap {
	height: auto;
	padding: 20px 0px 10px 0px;
	width: 750px;
	} 
	
 	#lhs {
	float:left;
	padding: 8px 0px 10px 0px;
    width: 212px; 
	height:auto;
	}
	
	#rhs {
	float:left;
	padding: 20px 0px 10px 20px;
	border-left:1px dotted #cccccc;
	height:auto;
	width: 510px; /* bmh */
	voice-family: "\"}\""; 
	voice-family:inherit;
	}
	
html>#rhs {
	width: 490px;
	
	}

#footerwrap {
  width: 750px;
	height: 30px;
	background: url('../templateimages/menubg.gif') no-repeat;
}

#copyright {
  width: 750px;
	margin: 0 auto;
	padding: 0;
	font: normal 10px/30px arial, verdana, helvetica;
}

/*
----------------------------------------------------------------------------- 
Navigation
-----------------------------------------------------------------------------*/

/* mainnav */
ul#navwrap {
	margin: 0;
	padding: 0;
	list-style: none;
}

ul#navwrap li {
	float: left;
	margin: 0;
	padding: 0;
	background: url('../templateimages/menubr.gif') no-repeat 100% 50%;
}

ul#navwrap li a {
	padding: 0 16px 0 16px;
	font: bold 11px/30px arial, verdana, helvetica;
	text-decoration: none;
	text-transform:uppercase;
}

ul#navwrap li a.menuon {
	font: bold 11px/30px arial, verdana, helvetica;
	color: #333;
}

/* Subnav css */

ul#subnavmenu {
  position: relative;
	top:0px;
	left: 0;
	margin: 0;
  padding: 11px 0px 0px 0px;
	width: 200px;
  list-style: none;
	}
	
ul#subnavmenu a {
  padding: 4px 15px 4px 0px;
  display: block;
  color: #333;
  font: bold 14px/21px Arial, Helvetica, sans-serif;
  text-decoration: none;
	width: 180px;
  height: auto;
	cursor: pointer;
	text-align:right;
	vertical-align:top;
	border-bottom: 1px dotted #cccccc;
	}

ul#subnavmenu a:hover,
ul#subnavmenu li:hover a,
ul#subnavmenu li.iehover a {
	color:#008136;
	}
ul#subnavmenu li.subcurrent a {
	color:#008136;
	}

ul#subnavmenu ul,
ul#subnavmenu li.subcurrent ul {
	margin: 0;
  padding: 0;
	width: 200px;
  list-style: none;
	}

ul#subnavmenu ul li,
ul#subnavmenu li.subcurrent ul li {
	width: 200px;
  height: 22px;
  list-style: none;
	}

ul#subnavmenu ul li a,
ul#subnavmenu li.subcurrent ul li a {
	background-position: 7px;
  padding: 0px 20px 0px 0px;
  display: block;
	border-bottom: 1px dotted #cccccc;
  color: #103771;
  font: normal 11px/22px Arial, Helvetica, sans-serif;
  text-decoration: none;
	text-transform: none;
	width: 165px;
  height: auto;
	cursor: pointer;
	text-align:left;
	vertical-align:top;
	}

ul#subnavmenu ul li a:hover,
ul#subnavmenu ul li.iehover a {
	border-bottom: 1px dotted #cccccc;
	color:#0D2041;
	
	}
ul#subnavmenu ul li.sub2current a {
	border-bottom: 1px dotted #cccccc;
	color:#0D2041;
	}
	

/* footernav */
#footerwrap a {
	padding: 0 20px 0 17px;
	font: normal 11px/30px arial, verdana, helvetica;
	text-decoration: none;
	background: url('../templateimages/menubr.gif') no-repeat 100% 50%;
}

#footerwrap a:hover {
	color: #004f21;
}

#footerwrap a.menuon {
	font: bold 11px/30px arial, verdana, helvetica;
	color: #333;
}

/*----------------------------------------------------------------------------- 
	Others
-----------------------------------------------------------------------------*/

.header {
	height: 217px;
	width:750px;
	padding:0px;
	margin-top:10px;
}


#samples {
	width: 218px;
	padding: 5px 16px;
	font: normal 11px/20px arial, verdana, helvetica;
	background-color: #EBEBEB;
}

#flash {
	background:url(../../../design/banner_home.jpg) no-repeat;
	width: 749px;
	height: 216px;
}