/*------------------------------------------------------------
Perpetua Group - Standard Style Sheet

version:	1.0
author:		Dean Duncan Jones
email:		webmaster@perpetuagroup.com
website:	www.oecouncil.org
-------------------------------------------------------------*/

/* =General/HTML Elements
-------------------------------------------------------------*/
* {
	margin:0;
	padding:0;
	}

p{ 
	margin:0;
	padding:0;
	letter-spacing:.1em;
	margin-bottom:8px;
	}

img {
	border:0; b
	}

.clear {
	clear:both
	}

body { 
	margin:0 auto;
	background:#fff url(../img/bdybg.gif) repeat-y top center;
	text-align:center;
	}
	
a{color:#36c; text-decoration:none;}
a:visited{color:#84248f;}
a:hover{color:#036; background-color:#eee; text-decoration:underline;}

/* =Typography
-------------------------------------------------------------*/
body {
	font:62.5%/1.6 "MSTrebuchet", Verdana, Arial, Helvetica, sans-serif;
	}

p{
	font-size:110%;
	color:#333;
	text-align:justify;
}

#contactleft p{
	margin-bottom:28px;
	}
	
	
#contactright p, #contactleft p{
	text-align:left;
	}

h1.logo, p.logo{
border:none;
float:left;
}
/* =Headings
-------------------------------------------------------------*/
h1, h2, h3, h4, h5, h6{color:#036; font-weight:bold; padding:0px; margin:0px; margin-bottom:5px; line-height:1.3em; }

h1{
border-bottom:1px solid #84248f;
}

h1{font-size:1.8em;}
h2{font-size:1.6em;}
h3{font-size:1.4em;}
h4{font-size:1.2em;}
h5{font-size:1.2em;}


/* =Links
-------------------------------------------------------------*/


/* =Layout
-------------------------------------------------------------*/
#container{
	width:748px;
	margin:0 auto;
	text-align:left;
	padding: 0px 10px;
	background:#fff url(../img/cont_bg.gif) repeat-y top center;;
	display:table;
	margin-top:2px;
	border-top:none;
	}
	
#mast{
	background: #fff url(../img/new_oeclogo_smaller.gif) no-repeat left;
	height:77px;
	width:748px;
	border-bottom:2px solid #84248f;
	margin-top:5px;
	}
	
#sidebar{
	width:200px;
	position:absolute;
	}
	
#maincontent{
	width:530px;
	padding:5px;
	float:right;
	border-bottom:4px solid #84248f;
	}
	
#contact{
	width:520px;
	display:table;
	clear:both;
	margin-top:10px;
	}

#contactleft{
	display:table-column;
	width:200px;
	float:left;	
	}
		
#contactright{
	width:315px;
	display:table-column;
	float:left;
	padding-left:5px;
	}

	
.left{clear:right; float:left; text-align:left; padding:5px; padding-left:0;}
.right{clear:left; float:right; text-align:right; padding:5px; padding-right:0;}

/* =Branding/Banner/Masthead Styling
-------------------------------------------------------------*/
#mast ul.nav{
float:right;
list-style:none;
}

#mast ul.nav li{
display:block;
float:left;
width:60px;
text-align:left;
padding-left:15px;
margin-left:4px;
background:#fff url(../img/mastnavbullet.gif) no-repeat left;
}

#mast ul.nav a{
	text-decoration:none;
	color:#036;
	display:block;
	width:60px;
	padding:1px;
	}
	
#mast ul.nav a:visited{
	color:#036;
	}
	
#mast ul.nav a:hover{
	color:#333;
	background-color:#eee;
	text-decoration:underline;
	}

/* =Main Content Styles
-------------------------------------------------------------*/
.profilepic{
	float:left;
	margin-left:10px;
	margin-right:20px;
	margin-top:20px;
	}
	
.smallsidepicleft{
	float:left;
	clear:right;
	margin-right:15px;
	margin-left:5px;
	margin-top:5px;
	}
	
.profileheader{
	padding-top:20px;
	}
	
#maincontent ul, #maincontent ol{
	margin-left:30px;
	font-size:110%;
	}

/* =Secondary Content Styles
-------------------------------------------------------------*/
.splogo{
margin-top:20px;
margin-left:20px;
}

#loginlayer {
	position:absolute;
	width:200px;
	height:200px;
	z-index:1000;
	left:60%;
	top: 10px;
	text-align:left;
	background-color:#eee;
	border:2px solid #036;
	padding:5px;
}

#loginlayer form{
	height:180px;
	}
	
#loginlayer p{
	margin:0;
	padding:0;
	}

#loginlayer select{
	width:140px;
	}
/* =Sidebar Content Styles
-------------------------------------------------------------*/


/* =Footer Styles
-------------------------------------------------------------*/
#footer{
	margin:0 auto;
	width:748px;
	padding:10px;
	height:15px;
	padding-top:0;
	text-align:right;
	clear:both;
	}

#footer p{
	text-align:right;
	margin:0 auto;
	margin-bottom:0px;
	font-size:95%;
	}
	
#footer p.nav{
	font-size:1.2em;
	}

/* =Main Navigation Styles
-------------------------------------------------------------*/
#navlist
{
padding-left: 0;
margin-left: 5px;
border-bottom: 1px solid #ccc;
width: 190px;
background-color:#fff;
font-size:120%;
margin-top:10px;
margin-bottom:20px;
}

#navlist li
{
list-style: none;
margin: 0;
height:30px;
border-top: 1px solid #ccc;
}

#navlist li a {
background:#f1f1f1 url(../img/nav_bg.gif) no-repeat left; 
display:block;
width:158px;
height:25px;
padding-left:33px;
float:right;
text-decoration: none;
padding-top:5px;
color:#036;
font-weight:400;
 }
 
#navlist li a.current{
background:#fff url(../img/nav_bg_act.gif) no-repeat left;
color:#036;
}

#navlist li a:visited{
color:#84248F;
}

#navlist li a:hover{
background:#fff url(../img/nav_bg_hov.gif) no-repeat left;
color:#333;
}

#navlist li a:active{
background:#fff url(../img/nav_bg_act.gif) no-repeat left;
color:#036;
}

/* =Secondary Navigation Styles
-------------------------------------------------------------*/
#footer a{
	color:#036;
	text-decoration:none;
	padding:1px;
	}
	
#footer a:visited{
	color:#84248F;
	}

#footer a:hover{
	color:#333;
	background-color:#eee;
	text-decoration:underline;
	}
/* =Form Styles
-------------------------------------------------------------*/


/* =Table Styles
-------------------------------------------------------------*/
table { 
  	border-spacing:0;
	border-collapse:collapse;
	}

td {
  	text-align:left;
	font-weight:normal;
	}

/* =Miscellaneous Styles
-------------------------------------------------------------*/


/* =Print Styles
-------------------------------------------------------------*/
@media print{	
	#container, #mast, #maincontent{
	width:7in;
	float:none;
	border:none;
	padding:0;
	margin:0;
	}
	
	#mast{
	height:100px;
	margin:0;
	}
	
	#sidebar, #navlist, #mast ul{
	width:0in;
	display:none;
	}

	
	#maincontent p, #maincontent a, #mastcontent ul li{
	font-size:11pt;
	page-break-inside:auto;
	}

	}