/***********************************************/
/* CroomeCSS.css                             */
/***********************************************/

/***********************************************/
/* HTML tag styles                             */
/***********************************************/ 

body{
	font-family: Arial,sans-serif;
	color: #073051;
	line-height: 1.25;	
	margin: 0px;
	padding: 0px;
	background-image: url(../Images/back.png);
	background-repeat: repeat;
}

a{
	color: #073051;
	text-decoration: underline;
}

a img{
	color: #073051;
	text-decoration: none;
}

a:link{
	color: #073051;
	text-decoration: none;
}

a:visited{
	color: #073051;
	text-decoration: none;
}

a:hover{
	color: #52B0EA;
	text-decoration: underline;
}

h1{
 font-family: Verdana,Arial,sans-serif;
 font-size: 200%;
 color:#073051;
 margin: 10px 0px 10px 0px;
}

h2{
 font-family: Arial,sans-serif;
 font-size: 114%;
 color: #073051;
 margin: 10px 0px 10px 0px;
 text-align: center;
}

h3{
 font-family: Arial,sans-serif;
 font-size: 100%;
 color: #073051;
}

h4{
 font-family: Arial,sans-serif;
 font-size: 100%;
 font-weight: bold;
 color: #073051;
}

h5{
 font-family: Verdana,Arial,sans-serif;
 font-size: 90%;
 font-weight: bold;
 color: #073051;
}

p{
 font-family: Verdana,Arial,sans-serif;
 font-size: 80%;
 padding: 5px 0px 5px 0px;
 align: justify;
 color: #073051;
}

ul{
 list-style-type: square;
}

ul ul{
 list-style-type: disc;
}

ul ul ul{
 list-style-type: none;
}

label{
 font-family: Arial,sans-serif;
 font-size: 100%;
 font-weight: bold;
 color: #334d55;
}


/***********************************************/
/* Layout                                 */
/***********************************************/

#wrap{
	width: 800px;
	margin: auto;
}

#masthead{
	background-color: transparent;
	margin-top: 60px;
	border-bottom: 2px solid #fff;
	width: 800px;
}

#content{
	background: #ffffff url(../Images/content.png) repeat-x top left;
	margin-top: 7px;
	margin-bottom: 7px;
	border-bottom: 4px solid #ffffff;
	width: 800px;
}

#content div{
	padding: 0px 7px 0px 7px;
}

#content img.wide{
	padding: 0px 215px 0px 215px;
}

#left{
	float: left;
	width: 48%;
	margin-top: 60px;
}

#left img{
	padding: 0px;
	border: 4px solid #252663;	
}

#right{
	float: right;
	width: 48%;
	margin-top: 45px;
	margin-bottom: 40px;
}

#left1{
	float: left;
	width: 48%;
	margin-top: 60px;
}

#left1 img{
	padding: 0px;
	border: 4px solid #252663;	
}

#right1{
	float: right;
	width: 48%;
	margin-top: 50px;
	margin-bottom: 42px;
}

#footer{
	clear: both;
	background: #ffffff url(../Images/footer.png) repeat-x top left;
	border-top: 4px solid #e0;
	border-bottom: 4px solid #ffffff;
	padding-bottom: 4px;
	width: 800px;	
}

	
/***********************************************/
/* Components                                  */
/***********************************************/

#heading{
 	margin: 5px 0px 5px 0px;
	padding: 5px 10px 5px 10px;
	text-align: justify;
}

#heading img{
	float: left;
	padding: 5px 10px 0px 0px;
}

#colourheading{
	margin: 0;
	padding: 5px 10px 5px 10px;
	text-align: center;
	background-color: #C4E4FB;
	border: 1px solid #52B0EA;
}

.sponsor{
	font-size: 60%;
	padding: 5px 10px 5px 10px;
}

.bottom{
	margin: 0;
	padding: 0px 215px 0px 215px;
	text-align: center;
	vertical-align: top;
	font-size: 10%;
}

.footer{
	margin: 0;
	padding: 5px 10px 5px 10px;
	text-align: center;
	vertical-align: top;
	font-size: 60%;
	font-weight: bold;
}

/***********************************************/
/* Table Components                            */
/***********************************************/

table{
	background-color: transparent;
	border: 2px solid transparent;
	width: 90%;
}

table td{
 	margin: 0;
	padding: 5px 10px 10px 10px;
	vertical-align:text-top;
	font-size: 80%;
}

table th{
	background: transparent; 	
	margin: 0;
	padding: 5px 10px;
	vertical-align:text-top;
	text-align: left;
}

table th.top{
	border-top: 4px solid #073051;	
}

table td.top{
	border-top: 4px solid #073051;	
}

/************* #globalNav styles **************/

.menuStyle{
	padding: 4px 0px 5px 10px;
	color: #fff;
}

#menuHead{ 
	background: #fff url(../Images/footer.png) repeat-x top left;
	position: relative;
	border-top: 4px solid #e0; 
	border-bottom: 4px solid #fff;
}

a.menuLink{
	font-size: 90%;
	padding: 5px 10px 5px 10px;
	background-color: #fff; 
}

a.menuLink:hover{
 	color: #fff;
	background-color: #252663;
	border-bottom: 4px solid #fff;
	text-decoration: none;
}


#menuHead1  { position: relative; 	font-size: 90%;
	padding: 5px 10px 5px 10px;
	top: 3px; left: 390px;
}

/*********** #Download styles ***********/

#Down ul a:link, #Down ul a:visited {display: block;}
#Down ul {list-style-image:url(../Images/pdficon_small.gif); list-style-position:inside; margin: 0; padding: 0;}

/* hack to fix IE/Win's broken rendering of block-level anchors in lists */
#Down li {border-bottom: 1px solid #C4E4FB;}

/* fix for browsers that don't need the hack */
html>body #Down li {border-bottom: none;}

#Down{
	margin: 0;
	padding: 0px 10px 0px 10px;
	font-size: 80%;
}

#Down a {
	display: block;
	border-bottom: 1px solid #C4E4FB;
	padding: 5px 10px 5px 10px;
}

#Down a:hover{
	background-color: #C4E4FB;
	color: #073051;
	text-decoration: none;
}

/*********** # DL Info styles ***********/

dl.info{
	margin: 0;
	padding: 50px 50px 50px 50px;
}

dl.info:after{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

* html dl.info {height: 1%; }
*:first-child+html dl.info {min-height: 1px; }

dl.info dt{
	font-family: Arial, sans-serif;
 	font-size: 114%;
	font-weight: bold;
 	color: #073051;
 	text-align: center;
}

dl.info dt img{
	float: left;
	margin: 0 51px 0 0;
	border: 4px solid #252663;	
}

dl.info dd{
	margin-left: 210px;
	font-family: Arial,sans-serif;
 	font-size: 114%;
 	color: #073051;
 	text-align: center;
}	

/*********** #DL Cont styles ***********/

dl.cont{
	margin: 0;
	padding: 50px 10px 30px 10px;
}

dl.cont:after{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

* html dl.cont {height: 1%; }
*:first-child+html dl.cont {min-height: 1px; }

dl.cont dt{
	font-family: Arial, sans-serif;
 	font-size: 114%;
	font-weight: bold;
 	color: #073051;
 	text-align: center;
}

dl.cont dt img{
	float: left;
	margin: 0 15px 0 0;
	border: 4px solid #252663;	
}

dl.cont dd{
	margin-left: 210px;
	font-family: Arial,sans-serif;
 	font-size: 114%;
 	color: #073051;
 	text-align: center;
}	

/*********** #DL Test styles ***********/

dl.test{
	margin: 0;
	padding: 20px 10px 10px 10px;
	border-top: solid #073051;
}

dl.test:after{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

* html dl.test {height: 1%; }
*:first-child+html dl.test {min-height: 1px; }

dl.test dt{
	font-family: Arial, sans-serif;
 	font-size: 150%;
	font-weight: bold;
 	color: #073051;
 	text-align: left;
}

dl.test dt img{
	float: left;
	margin: 0 20px 0 0;
	border: 4px solid #252663;	
}

dl.test dd{
	margin-left: 200px;
	font-family: Arial,sans-serif;
 	font-size: 100%;
 	color: #073051;
 	text-align: left;
}