@CHARSET "UTF-8";

body {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	background-color:#D9ECFF;
	color:#333;
	margin:0;
	padding:0;
} #pagewrap {
	background-color:#FFFFFF;
	border-top:0;
	border-left:2px;
	border-right:2px;
	border-bottom:2px;
	border-style:solid;
	border-color:#000066;
	width:968px;
	margin-left:auto;
	margin-right:auto;
} #contentwrap {
	padding:4px 12px 12px 12px;
	/*background-image:url(images/family.jpg);
	background-position:right bottom;
	background-repeat:no-repeat;*/
} #header {
	height:120px;
} #date {
	width:958px;
	margin:0;
	margin-left:auto;
	margin-right:auto;
	height:50px;
	position:absolute;
	top:5px;
	border:0;
	padding-right:12px;
	text-align:right;
	font-size:12px;
	font-weight:bold;
	color:#000066;
} #date p {
	margin:12px 0;
} #search {
	margin:0;
	margin-right:-4px;
	padding:0;
} .searchbox {
	margin:0;
} #topnav {
	width:958px;
	margin:0;
	margin-left:auto;
	margin-right:auto;
	position:absolute;
	top:89px;
	border:0;
	padding-right:8px;
	text-align:right;
} #topnavtext {
	color:#FFFFFF;
	font-size:12px;
	font-weight:bold;
	width:962px;
	position:relative;
	text-align:right;
} #topnav ul {
	list-style:none;
	padding:0;
	margin:0;
} #topnav li {
	float:right;
} #topnav li a {
	color:#ffffff;
	padding:0 4px;	
} #topnav li a:link {
	color:#ffffff;
	text-decoration:none;
} #topnav li a:visited {
	color:#ffffff;
	text-decoration:none;
} #topnav li a:active {
	color:#ffffff;
	text-decoration:none;
} #topnav li a:hover {
	color:#FFCC00;
	text-decoration:none;
} #sidenav {
	width:274px;
	float:left;
} #main {
	float:left;
	margin-left:12px;
	width:658px;

/* FONTS */

} h1 {						/* Main page headings MUST USE THIS (make classes for special large text etc instead) */
	font-size:large;
	margin:0;
	padding-bottom:3px;
} h2 {
	font-size:medium;
	margin:0;
} h3 {
	font-size:medium;
	font-style:italic;
	margin:0;
} h4 {
	font-size:small;
	margin:0;
} h5 {
	font-size:small;
	font-style:italic;
	margin:0;
} h6 { 
	font-size:small;
	font-style:italic;
	margin:0;
} p { 						/* Default paragraph font margin 0 ensures same line spacing across browsers */
	font-size:small;
	margin:0;
} .p { 						/* Same as above. Use to quickly add default style to elements without extra p tags */
	font-size:small;
	margin:0;
} .smallPrint {				/* E.g. copyright notice */
	font-size:x-small;
} .italic {
	font-style:italic;
} .textCenter{				/* Only centers text inside a container (e.g. table column), use objCenter to center container */
	text-align:center;

/* NAV */

} .navbox {
	border:1px;
	border-style:solid;
	padding-bottom:5px;
	float:left;
	width:272px;
	margin-bottom:12px;
} .red {
	border-color:#FF0000;
} .redbg {
	background-color:#FF0000;
} .redlink {
	color:#FF0000;
} .pur {
	border-color:#660099;
} .purlink {
	color:#660099;
} .purbg {
	background-color:#660099;
} .blue {
	border-color:#3333cc;
} .bluelink {
	color:#3333cc;
} .bluebg {
	background-color:#3333cc;
} .gre {
	border-color:#339900;
} .grelink {
	color:#339900;
} .grebg {
	background-color:#339900;
} .black {
	border-color:#000000;
} .blacklink {
	color:#000000;
} .blackbg {
	background-color:#000000;
} .navbox h4 {
	color:#FFFFFF;
	padding:3px;
	margin:0;
} .navbox ul {
	margin-top:0;
	margin-bottom:0;
} .navbox li {
	padding:2px 0;
} .navlink:link {
	font-size:12px;
	font-weight:bold;
} .navlink:visited {
	font-size:12px;
	font-weight:bold;
} .navlink:active {
	font-size:12px;
	font-weight:bold;
} .navlink:hover {
	font-size:12px;
	font-weight:bold;
	text-decoration:none;
} .woman {
	background-image:url(images/woman.png);
	background-repeat:no-repeat;
	background-position: right 22px;

/*FOOTER*/

} #footer {
	font-size:10px;	
} #footer p {
	color:#666666;
	text-align:center;
	padding:5px;
} #footer a:link {
	color:#666666;
	text-decoration:underline;
} #footer a:visited {
	color:#666666;
	text-decoration:underline;
} #footer a:active {
	color:#666666;
	text-decoration:underline;
} #footer a:hover {
	color: #CCCCCC;
	text-decoration:underline;

/*MISC CLASSES*/

} .clearFloat {				/* Use below floating divs to prevent unwanted overlap */
	clear:both;
	height:0;
	line-height:0;
	font-size:1px;
} .imgLink {				/* Use on all images acting as links to prevent link colour borders */
	border:0;
} .imgBorder {				/* Use to add border or other style to images */
	border:1px;
	border-style:solid;
	border-color:#999;
	margin-right:5px;
	margin-bottom:5px;
	padding:3px;
} .objLeft {				/* Use to float left an object (e.g. image) in parent div */
	float:left;
	margin-right:10px;
	position:relative;
} .objRight {				/* Use to float right an object (e.g. image) in parent div */
	float:right;
	margin-left:10px;
} .objCenter {				/* Use to center an object (e.g. image) in parent div */
	display:block;
	margin-left:auto;
	margin-right:auto;
} .minHeight {				/* Set on div to stop empty pages collapsing */
	height:400px;
} .bold {
	font-weight:bold;
}

/*Form Style*/

  .formrule {
	color:#003399;
	background-color:#003399;
	height:1px;
	border:none;
	margin:5px 0px;
} .formhead {
	color:#000000;
	text-align:left;
	font-weight:bold;
} .formsubhead {
	font-weight:bold;
	font-style:italic;
} .formsubtext {
	font-style:italic;
}