body{
	font:11px helvetica, sans-serif;
	padding: 0;
	margin: 0 auto;
	background-color:#E6E6FA;
	height:100%;
	color:#000000;
	}

/*******************
STYLE ELEMENTS
	******************/
h1,h2,h3,h4 {
	font-weight:bold;
	}
small {
	font-size:10px;
	}
h1 {
	margin:0px 0px 7px 0px;/* top right bottom left*/
	font-size:28px;
	}
h2 {
	margin:0px 0px 5px 0px;
	font-size:16px;
	}
h3 {
	margin:0px 0px 5px 0px;
	font-size:14px;
	}
h4 {
	margin:0px 0px 3px 0px;
	padding:3px 0px 0px 0px;
	font-size:12px;
	}
p {
	padding: 0;
	margin:4px 0px 8px 0px;
	}
/*default link colors*/
a {color:#446688;}
a:link {text-decoration:none;}
a:visited {text-decoration:none;}
a:hover {text-decoration:underline;}

/*other elements*/
img {border:0;}
input.btn{
   padding:2px;
   }
hr {
	border: 1px solid;
	width: 95%;
	}

/* for colouring boys and girls names */
.F {color:#cf5f82;}
.M {color:#3d5fc9;}
.B {color:#000000;}


/*******************
LEVEL-A BLOCKS
	******************/
#columns{
	background-color:#E6E6FA;
	margin:0 auto;
	width: 900px;
	}

/* footer */
#footer{
	position:relative;
	margin:0 auto;
	height:75px;
	width: 900px;
	padding:10px 10px 10px 10px;
	text-align:center;
	color:#000000;
	}
#footer a {color:#446688;}


/* header */
#header{
	position:relative;
	margin:0 auto;
	height:99px;
	width: 900px;
	padding:5px 0px 0px 0px;
	overflow:hidden;
	background:url(includes/images/banner_top.jpg) left top no-repeat;
	}
#header .left{
	margin:0;
	padding:10px 20px 0px 120px;
	float:left;
	}
#header .right{
	margin:0;
	padding:15px 165px 0px 0px;
	float:right;
	}

/* topnav */
#topNav{
	position:relative;
	margin:0 auto;
	height:20px;
	width: 900px;
	padding:10px 0px 0px 0px;
	border-bottom: thin solid #E6E6FA;
	overflow:hidden;
	background:url(includes/images/banner_bot.jpg) left top no-repeat;
	}
#topNav span{
	margin:0px 0px 0px 50px;
	padding:0;
	font-size:11px;
	font-weight:bold;
	color:#EC7988;
	}
#topNav a{margin:0px 20px 0px 0px;}


/*******************
LEVEL-B BLOCKS with children
	******************/
/* middle column */
#middle_wrapper{
	float: left;
	width: 900px;
	margin: 0;
	}
#middle{
	margin: 2px 175px 5px 135px;
	padding:5px 5px 5px 5px;
	background-color:#FFFFFF;
	border: thin solid #E6E6FA;
	}
#middle a:link, #middle a:visited {color:#446688; text-decoration:none}
#middle a:hover {color:#DD7740; text-decoration:underline}
#middle h2{
	padding-left:25px;
	background:url(includes/images/bg_h2.jpg) left bottom no-repeat;
	}
#middle div{
	padding:5px 5px 5px 5px;
	margin:10px 10px 10px 10px;
}
#middle .cContent{text-align:center}
#middle .bodySection{float:right;}
#middle .bodySectionBorder{float:right; border: 1px solid;}
#middle .bodyFixSection{
	float:right;
	width:220px;
	border: thin solid #E6E6FA;
	background-color:#F5F5FF;
	}
#middle .inLine{border: thin solid #E6E6FA;}


/* left column */
#left{
	float: left;
	margin-left: -100%;
	margin-top: 2px;
	width: 120px;
	padding:10px 5px 20px 5px;
	overflow:hidden;
	background-color:#F5F5FF;
	border: thin solid #E6E6FA;
	border-right: thin dotted #DD7740;
	text-align: center;
	}
#left h4{
	color:#000000;
	background:url(includes/images/bg_h4.jpg) left bottom no-repeat;
	}
#left li{
	background:url(includes/images/bg_li.jpg) left bottom no-repeat;
	}
#left ul{
	text-align: left;
	list-style-type:none;
	margin:0px 0px 8px 0px;
	padding:0;
	}
#left a {margin:0px 0px 0px 15px;}
#left a:link, #left a:visited {color:#446688; text-decoration:none}
#left a:hover {color:#DD7740; text-decoration:underline}

/* right column */
#right{
	float: right;
	margin: 2px 0px 0px -170px;
	width: 170px;
	padding:0px;
	overflow:hidden;
	text-align: center;
	}
#right div{
	margin:0px;
	padding:10px 5px 10px 5px;
	background-color:#F5F5FF;
	border: thin solid #E6E6FA;
	text-align: left;
	}

/* clear */
.clear {
	clear: both;
	display: block;
	height: 1px;
	overflow: hidden;
	margin: 0;
	padding: 0;
	}

/*******************
Tables
	******************/
	
table.borderless {
    border: none;
}
table.borderless td{
    padding: 4px;
}
/* inline with data */
table.inldat {
	border-collapse: collapse;
	border: thin solid #F5F5FF;
	width: 100%;
	text-align: center;
	margin-bottom: 8px;
	}
table.inldat td {
	padding: 4px;
	}
table.inldat tr.odd {
	background-color: #F5F5FF;
	}
table.inldat tr.evn {
	background-color: none;
	}
table.inldat tr:hover {
	background-color: #E6E6FA;
	}

/*******************
Image pop-up
	******************/
.impop {
	position: absolute;
	visibility: hidden;
	background-color: #ffffff;
	opacity: 1;
	border: none;
	padding: 0;
	}
.impop.img {
	padding: 5px;
	}
#bgbg {
	position: fixed;
	left: -10px;
	top: -10px;
	visibility: hidden;
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	background-color: #000000;
	/* for IE */
	filter:alpha(opacity=70);
	/* CSS3 standard */
	opacity:0.7;
	}
.impop #close {
    position: absolute;
    right: 0;
    top: 0;
    padding: 0;
}