/* General styles */
	body {
		margin:0;
		padding:0;
		border:0;			/* This removes the border around the viewport in old versions of IE */
		width:100%;
		background:#ffefce;
		min-width:750px;    	/* Minimum width of layout - remove line if not required */
						/* The min-width property does not work in old versions of Internet Explorer */
/*		font-size:90%; */
		font-family: "Comic Sans MS", cursive, sans-serif;		
		font-size: 10pt; 
		color: #4e2f1d; 
		font-style: normal; 
		font-weight: lighter;
	}

	a {
		border: none;
		padding: 0;
		margin: 0; 
		font-size: 10pt; 
		font-style: normal; 
		font-weight: bold; 
	}

	a:link {  
		color: #4b5e7e
	}

	a:visited {  
		color: #4e2f1d
	}

	a:hover { 
		color: #008000
		text-decoration:none;
	}
	
	
	
	h1, h2, h3 {
		margin:.8em 0 .2em 0; 
		padding:0;
		clear:left;
	}
	p {
		margin:.4em 0 .8em 0; 
		padding:0;
		font-size: 10pt; 
		font-style: normal; 
		font-weight: normal; 
		color: #4e2f1d; 
		text-align: justify; 
		margin-top: 0px; 
		margin-bottom: 10px;
	}
	
	h1 { 
		font-family: "Comic Sans MS", cursive, sans-serif; 
		font-size: 14pt; 
		font-style: normal; 
		font-weight: bold; 
		color: #a00000; 
		margin-bottom: 10px; 
		margin-top: 15px; 
		text-align:left;
	}
	h2 { 
		font-family: "Comic Sans MS", cursive, sans-serif;
		font-size: 12pt; 
		font-style: normal; 
		font-weight: normal; 
		color: #a00000; 
		margin-bottom: 0px; 
		margin-top: 10px; 
		text-align: left;
	}
	h3 { 
		font-family: "Comic Sans MS", cursive, sans-serif;
		font-size: 12pt; 
		font-style: normal; 
		font-weight: normal; 
		margin-bottom: 0px; 
		text-align: right; 
		vertical-align: bottom; 
		color: #00aa00;
	}
	h4 { 
		font-family: "Arial"; 
		font-size: 10pt; 
		font-style: normal; 
		font-weight: bold; 
		margin-bottom: 0px; 
		text-align: left; 
		vertical-align: top; 
		color: #4e2f1d; 
		margin-top: 0px;
	}


	li { 
		text-align:justify;
	}

	img {
		border: 0;
		margin: 0 0 15px 0; 
	}

	.caption { 
		font-size: 10pt; 
		font-style: normal; 
		font-weight: normal; 
		color: #a00000;
		margin-bottom: 10px; 
		text-align: center; 
		vertical-align: top
	} 

	/* Header styles */
	#header {
		clear:both;
		float:left;
		width:100%;
		background: #ffe7b9;
	}
	#header {
		border-bottom:1px solid #000;
	}
	
	#header #logo {
		float: left; 
		width: 15%; 
		text-align: right; 
		background:#ffe7b9;
		height: 125px; 
	}
	
	#header #headings {
		float: left; 
		width:35%; 
		background:#ffe7b9; 
		height: 125px;
	}
	
	#header #image_bk {
		float: right; 
		width: 50%; 
		height: 125px; 
	}
	
	#header p,
	#header h1,
	#header h2 {
		padding:.4em 15px 0 15px;
		margin:0;
	}

	#header h1 { font-size: 20pt; font-style: normal; font-weight: bold; color: #a00000; text-align: center; vertical-align: top; padding-left:10px; padding-right:10px; padding-top: 10px;}	

	#header h2 { font-size: 14pt; font-style: normal; font-weight: normal; color: #4e1406; text-align: center; vertical-align: bottom; padding-left:10px; padding-right:10px; }

	#header img {
		margin:10px 0 5px;
	}


/* Main menu settings */
#menu_h {
   clear:both;
   float:left;
   margin:0;
   padding:0;
   padding-left: 240px; 
/*   border-bottom:1px solid #000; /* black line below menu */
   
/*   width:100%; */
/*   width:75%; */
   font-family: "Comic Sans MS", cursive, sans-serif;		 /* Menu font */
/*   font-size:90%; /* Menu text size */
   z-index:1000; /* This makes the dropdown menus appear above the page content below */
   position:relative;
   background: #ffe7b9;
}

/* Top menu items */
#menu_h ul {
   margin:0;
   padding:0;
   list-style:none;
/*   float:right; */
	float: left;
   position:relative;
/*   right:50%; */
}
#menu_h ul li {
   margin:0 0 0 1px;
   padding:0;
   float:left;
   position:relative;
/*   left:50%; */
   top:1px;
}
#menu_h ul li a {
   display:block;
   margin:0;
   padding:.6em .5em .4em;
   font-size:1em;
   line-height:1em;
   background:#945331;
   text-decoration:none;
   color: #ffefce;
   font-weight:bold;
/*   border-bottom:1px solid #000; */
   border-bottom:1px solid #ffe7b9; 
}
#menu_h ul li.active a {
   color:#fff;
   background:#000;
}
#menu_h ul li a:hover {
   background:#ffe7b9; /* Top menu items background colour */
   color:#a00000;
/*   border-bottom:1px solid #03f;*/
}
#menu_h ul li:hover a,
#menu_h ul li.hover a { /* This line is required for IE 6 and below */
   background:#ffe7b9; /* Top menu items background colour */
   color:#a00000;
/*   border-bottom:1px solid #03f; */
}

/* Submenu items */
#menu_h ul ul {
   display:none; /* Sub menus are hiden by default */
   position:absolute;
   top:2em;
   left:0;
   right:auto; /*resets the right:50% on the parent ul */
   width:150px; /* width of the drop-down menus */
}
#menu_h ul ul li {
   left:auto;  /*resets the left:50% on the parent li */
   margin:0; /* Reset the 1px margin from the top menu */
   clear:left;
   width:100%;
}
#menu_h ul ul li a,
#menu_h ul li.active li a,
#menu_h ul li:hover ul li a,
#menu_h ul li.hover ul li a { /* This line is required for IE 6 and below */
   font-size:.8em;
   font-weight:normal; /* resets the bold set for the top level menu items */
   background:#945331;
   color:#fff;
   line-height:1.4em; /* overwrite line-height value from top menu */
   border-bottom:1px solid #ddd; /* sub menu item horizontal lines */
}
#menu_h ul ul li a:hover,
#menu_h ul li.active ul li a:hover,
#menu_h ul li:hover ul li a:hover,
#menu_h ul li.hover ul li a:hover { /* This line is required for IE 6 and below */
   background:#ffe7b9; /* Sub menu items background colour */
   color:#a00000;
}

/* Flip the last submenu so it stays within the page */
#menu_h ul ul.last {
   left:auto; /* reset left:0; value */
   right:0; /* Set right value instead */
}

/* Make the sub menus appear on hover */
#menu_h ul li:hover ul,
#menu_h ul li.hover ul { /* This line is required for IE 6 and below */
   display:block; /* Show the sub menus */
}


#lmenu dl {width: 125px; margin: 0 auto; padding: 0 0 10px 0; background: #873f19 url(lm_bott.gif) no-repeat bottom left; }
#lmenu dt {margin:0; padding: 10px 5px 5px 10px; font-size: 1.4em; font-weight:bold; color: #ffe7b9; border-bottom:1px solid #ffe7b9; background: #873f19 url(lm_top.gif) no-repeat top left;}
#lmenu dd {margin:0; padding:0; color: #ffe7b9; font-size: 1em; border-bottom:1px solid #ffe7b9; background: #a85f38;}
#option a, #option a:visited {color:#ffe7b9; text-decoration:none; display:block; padding:5px 5px 5px 5px;
background: #a85f38 ; width:115px;
}
#option a:hover {background: #ffe1a4; color:#4e2f1d;}
#option .sel a {background: #ffe7b9; color:#aa0000;}

	.colmask {
		position:relative;		/* This fixes the IE7 overflow hidden bug and stops the layout jumping out of place */
	    clear:both;
	    float:left;
        width:100%;			/* width of whole page */
		overflow:hidden;	/* This chops off any overhanging divs */
	}
	/* 2 column left menu settings */
	.leftmenu {
	    background:#ffe7b9;
	}
    .leftmenu .colright {
        float:left;
        width:200%;
		position:relative;
		left:240px;
        background:#ffefce; 
    }
    .leftmenu .col1wrap {
	    float:right;
	    width:50%;
	    position:relative;
	    right:240px;
	    padding-bottom:1em;
	}
  .leftmenu .col1 {
        margin:0 15px 0 255px;
	    position:relative;
	    right:100%;
	    overflow:hidden;
	}
    .leftmenu .col2 {
        float:left;
        width:210px;
        position:relative;
        right:225px;
		text-align: center;
    }	
	
	
	
	.col_container {
		clear:both;
		float:left;
		width:100%;
	}

	.col_container img {
		border: 1px solid #4e2f1d;
	}
	.col_3 {
		float:left;
		position:relative;
		padding: 1% 1% 0 1%; 
		width:31%;
		overflow:hidden;
	}
	
	.col_2 {
		float:left;
		position:relative;
		padding: 0 2% 0 2%; 
		width:46%;
		overflow:hidden;
	}	

	.tabulated {
		width: 100%;
	}
	
	.tabulated h2 {
		margin-top: 0;
	}
	
	.spacebullets li{
		margin-bottom: 15px;
	}
	
	
	/* Footer styles */
	#footer {
		clear:both;
		float:left;
		width:100%;
		border-top:1px solid #000;
	}
	
	#footer #awards {
		float: left; 
		width: 30%;
	}

	#footer #awards img{
		padding: 10px 0 0 20px; 
	}
	
	#footer #address {
		float: left; 
		width: 40%; 
		text-align: center; 
		padding-top: 10px;
	}
	
	#footer #cnplogo {
		float: right; 
		width: 30%; 
		text-align: right;"
	}
	
	#footer p {
		text-align: center;
		padding:0;
		margin:0;
	}
	
.news {padding: 0;}	
.news h1 {margin-top: 0; text-align: center; font-size: 12pt;}
.news ul {margin: 0; padding: 10px 5px 0 5px;}
.news ul li {list-style-type: none; padding: 0 0 10px 0; font-size: 10pt; font-weight: bold; text-align: left;}
.news a { text-decoration: none;}


.plan_box h2 { text-align:center; margin-top: 0;}

/*


.greenback { background-color: #f4fecc; border: 1px solid #000000; text-align: center; vertical-align: middle}
.general {  font-family: "Comic Sans MS"; font-size: 10pt; font-style: normal; font-weight: normal; color: #4e2f1d}

*/
.highl_box { 
	border: 1px solid #4e2f1d; 
	background: #ffe8b7;
	padding: 0 10px 0 10px;
	margin-left: auto; 
	margin-right: auto; 
	margin-top: 20px;
	width: 75%;
	clear: both; 
	border: solid 1px #f00;	}
.highl_box h1 {	
	font-size: 12pt; 
	text-align: center;
	font-weight: normal; 
	}
.highl_box p {
	text-align: center;
	}


/*
.planner p { margin-bottom: 1.12em; }

.titlebox {background: url(../images/IMGP4650.JPG) center no-repeat;
		border: 1px #301f0f solid; 
		}
hr { color: #4e2f1d; background-color: #4e2f1d}
.butt { background-color: #f4fecc; border: 1px #425053 solid; cursor: pointer; font-family: "Comic Sans MS"; font-size: 10pt; font-style: normal; font-weight: bold; color: #4e2f1d; text-decoration: underline; width: 110px}


.generalunjus { font-family: "Comic Sans MS"; font-size: 10pt; font-style: normal; font-weight: normal; color: #4e2f1d }
.buttim { background-color: #f4fecc; cursor: pointer; font-family: "Comic Sans MS"; font-size: 10pt; font-style: normal; font-weight: bold; color: #4e2f1d; text-decoration: underline ; border: 1px #f4fecc solid}
.centrepiece { font-family: "Comic Sans MS"; font-size: 10pt; font-style: normal; font-weight: normal; color: #4e2f1d; text-align: left; background-attachment: fixed; background-color: #ffefce; background-image: url(../images/background.gif); background-repeat: no-repeat; background-position: left top; border: 1px #4e2f1d solid; vertical-align: top}
.pslink { font-family: "Comic Sans MS"; font-size: 10pt; font-style: normal; font-weight: bold; color: #4b5e7e ; text-decoration: underline; cursor: pointer}
ul {  list-style-type: disc; font-family: "Comic Sans MS"; font-size: 10pt}


.greenbackcott { background-color: #f4fecc; border: 1px solid #000000; text-align: center; vertical-align: middle}
.ob_butt { background-color: #f4fecc; border: 1px #425053 solid; cursor: pointer; font-family: "Comic Sans MS"; font-size: 10pt; font-style: normal; font-weight: bold; color: #4e2f1d; text-decoration: underline; width: 110px }
.ob_h1 { font-family: "Comic Sans MS"; font-size: 14pt; font-style: normal; font-weight: bold; color: #008000 }
.ob_h2 { font-family: "Comic Sans MS"; font-size: 12pt; font-style: normal; font-weight: normal; color: #008000 ; margin-bottom: 0px; text-align: left }
.ob_cont { font-family: "Comic Sans MS"; font-size: 10pt; font-style: normal; font-weight: normal; color: #4e2f1d;}
.ob_cont_unj { font-family: "Comic Sans MS"; font-size: 10pt; font-style: normal; font-weight: normal; color: #4e2f1d }
.ob_cal_h { font-family: "Comic Sans MS"; font-size: 8pt; font-style: normal; font-weight: bold; color: #4e2f1d; text-align: center }
.ob_cal_hi { font-family: "Comic Sans MS"; font-size: 8pt; font-style: normal; font-weight: bold; color: #FF0000; text-align: center }

#menu { float:left; width:100%; background: url(dot.gif) repeat-x bottom; font-size:93%; line-height:normal; }
#menu ul { margin:0; padding:10px 10px 0; list-style:none; }	
#menu li { float:left; background:url(norm_r_bt.gif) no-repeat right top; margin:0 9px 0 5px; padding:0; }
#menu a {float: left; display:block; position:relative; left:-9px; margin-right:-9px; background:url(norm_l_bt.gif) no-repeat left top; padding:5px 15px 4px 15px; width:.1em; font-size:12px; color: #ffefce; text-decoration:none}
#menu a:hover {color: #4e2f1d;}

#menu > ul a {width:auto;}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
/*#menu a {float:none;}*/
/* End IE5-Mac hack */

/*	
#menu #selected { background-image:url(hi_r_bt.gif);  color: #aa0000;}
#menu #selected a { background-image:url(hi_l_bt.gif); padding-bottom:5px;  color: #aa0000;}
#menu li:hover, #header li:hover a { background-position:100% -100px; color:#333; }
#menu li:hover a { background-position:0 -100px; }	  



*/
.cont_pad {padding-left:10px; padding-right:10px;}


.link_box { display:block;  background: #945331; margin-bottom:10px; max-width:320px; }
.link_box img {padding: 0; margin: 0; border: 0;}
.link_box a { text-decoration:none; color: #ffffff; text-align:left;}
.link_box b { display: block; color: #ffffff; font-size:14px; padding:5px; padding-left:10px; text-align:left;}
.link_box span { display:block; height: 120px; background-color: #ffefce; color: #000000; font-size:13px; text-align: justify;}
.link_box span span { display:block; visibility:hidden; padding: 0 5px 0 5px; position:relative; top:-120px; background:url(grey1x1.png); height:120px;}
.link_box span:hover span{visibility:visible; font-weight: 500;}

/*
.info_box th { background-color: #945331; padding: 3px; padding-left: 10px; padding-right: 10px; text-align:left; color: #ffffff; margin: 10px; }
.info_box td { font-size: 12px;}
.info_box table td p { margin: 0;}
.info_box a { color:#ffffff; text-decoration:none; display: block;}
.info_box a:visited { color:#ffffff; text-decoration:none;}
.info_box a:hover { color:#ffffff; text-decoration: underline;}

*/