ÿþ/* Charles Mia Site

 * Main Stylesheet

 * Developed by Keith molloy

 * July 2005

 * www.about.co.nz

 */



/*** Template ***/



body {

	margin: 0px;

	width: 100%;

	height: 100%;

	background: #402F22;

	overflow: auto;

}



div.pagecenter1 {

	text-align: center;

}

div.pagecenter2 {

	text-align: center; 

	margin: 17% auto; 

	width: 100%;

}



#nav-col{

	position: absolute;

	  top: 0px;

	  left: 0px;

	width: 215px;

	background: #402F22;

	margin: 0px;

	height: auto;

	padding-top: 5px;

}



#header{

	margin-left: 215px;

	text-align: right;

	width: auto;

	background: #ffffff;

	padding-top: 25px;

	padding-left: 15px;

	padding-right: 28px;

	padding-bottom: 5px;

}



#footer{

	margin-left: 215px;

	background: #ffffff;

	padding-left: 15px;

	padding-right: 28px;

	text-align: center;

	height: 50px;

}



#rh-col{

	margin-left: 215px;

	background: #ffffff;

	padding-top: 2px;

	padding-bottom: 10px;

	height: 79%;

}

div.content {

	padding-left: 15px;

	padding-right: 15px;

	height: 99%;

	overflow: auto;

}

div.hr {

	height: 1px;

	width: 100%;

	background: #ffffff url(../images/div_bar.gif) repeat-x;

}



span.left-header {

	width: 560px;

}

h1 {

	font: normal 1.2em Verdana, Arial, serif;

	color: #402F22;

}

h2 {

	font: normal 1.15em Verdana, Arial, serif;

	color: #402F22;

}

p.normal span.heading {

	text-align: justify;

	font: normal .95em Verdana, Arial, serif;

	color: #402F22;

}

p.normal {

	font: normal .90em Verdana, Arial, serif;

	color: #000000;

	text-align: justify;

	text-decoration: none;

}

p.normal a{

	color: #402F22;

	text-decoration: none;

}

p.normal a:HOVER{

	color: #666666;

	text-decoration: none;

}

p.normal span.heading {

	color: #402F22;

	text-align: justify;

	text-decoration: none;

}

ul {

	font: normal .90em Verdana, Arial, serif;

	text-align: justify;

	list-style-image: url(../images/bullet.gif);

}

ol {

	font: normal .90em Verdana, Arial, serif;

	text-align: justify;

}

li {

	margin-bottom: 5px;

}

li a{

	color: #402F22;

	text-decoration: none;

}

li a:HOVER{

	color: #666666;

	text-decoration: none;

}

.pcredit {

	font: normal .70em Verdana, Arial, serif;

	color: #000000;

	text-decoration: none;

}





/*** Navigation ***/



div.nav-area{

	margin-left: 22px;

	margin-right: 5px;

	height: auto;

	width: auto;

	line-height: 99%;

}

div.nav-area-active{

	margin-left: 15px;

	margin-right: 5px;

	height: auto;

	width: auto;

	line-height: 99%;

}

#nav_logo1 {

	padding-bottom: 8px;

}

p.nav-on a{

	padding: 6px;

	background-color: #402F22;

	border: 2px solid #ffffff;

	font: normal 10pt Verdana, Arial, serif;

	color: #ffffff;

	text-decoration: none;

	margin-top: 0;

	margin-bottom: 0;

	line-height: 99%;

}

p.nav-on a:HOVER{

	color: #CCCCCC;

	text-decoration: none;

}

p.nav-off a{

	font: normal 10pt Verdana, Arial, serif;

	color: #ffffff;

	text-decoration: none;

	margin-top: 0;

	margin-bottom: 0;

	line-height: 99%

}

p.nav-off a:HOVER{

	color: #CCCCCC;

	text-decoration: none;

}

p.nav-on-indent a{

	padding: 6px;

	font: normal 10pt Verdana, Arial, serif;

	color: #ffffff;

	text-decoration: none;

	background-color: #402F22;

	border: 2px solid #ffffff;

	padding-left: 10px;

	margin-left: 10px;

	margin-top: 0;

	margin-bottom: 0;

	line-height: 99%;

}

p.nav-on-indent a:HOVER{

	color: #CCCCCC;

	text-decoration: none;

}

p.nav-off-indent a{

	font: normal 10pt Verdana, Arial, serif;

	color: #ffffff;

	text-decoration: none;

	padding-left: 15px;

	margin-top: 0;

	margin-bottom: 0;

	line-height: 99%;

}

p.nav-off-indent a:HOVER{

	color: #CCCCCC;

	text-decoration: none;

}



/*** Special class for multiple line link, height is specified ***/

div.group-nav-on {

	height: auto;

	width: 168;

	padding-left: 6px;

	padding-right: 6px;

	padding-top: 6px;

	padding-bottom: 8px;

	background-color: #402F22;

	border: 2px solid white;

	margin: 0 0 0 0;

	line-height: 99%;

}

span.group-nav-on a{

	font: normal 10pt Verdana, Arial, serif;

	color: #ffffff;

	text-decoration: none;

	margin: 0 0 0 0;

	line-height: 99%;

}

span.group-nav-on a:HOVER{

	color: #CCCCCC;

	text-decoration: none;

}





/*** Misc ***/



span.smll-brk {

	font: .25em verdana, sans-serif;

	line-height: 5px;

}

.b2top {

	text-align: right;

	padding-right: 20px;

	vertical-align: top;

}

div.imgcenter {

	width: 375px;

}

.fleft {

	float: left;

}

p.photoheader {

	font: normal 1.2em Verdana, Arial, serif;

	color: #402F22;

	float: left;

}