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

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

body{
	font-family: Verdana, Arial, sans-serif;
	color: #006600;
	line-height: 1.25;
	margin: 0px;
	padding: 0px;
}

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

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

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

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

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

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

h2{
 font-family: Arial,sans-serif;
 font-size: 114%;
 color: #006600;
 margin: 0;
}

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

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

h5{
 font-family: Verdana,Arial,sans-serif;
 font-size: 90%;
 font-weight: bold;
 color: #006600;
 margin: 10px 0px 0px 0px;
}

h6{
 font-family: Verdana,Arial,sans-serif;
 font-size: 100%;
 font-weight: normal; 
 color: #006600;
}

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

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: 1000px;
	margin: auto;
	background: url(../Images/twocol2.png) repeat-y 37% 0;
}

#masthead{
	background: url(../Images/head.png) repeat-y top left;
	border-bottom: 2px solid #006600;
	width: 100%;
}

#main-body{
	float: left;
	width: 78%;
}

#main-body2{
	float: left;
	width: 100%;
}

#content{
	float: right;
	margin-top: 7px;
	margin-bottom: 7px;
	width: 78.3%;
}

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

#content2{
	float: right;
	margin-top: 7px;
	margin-bottom: 7px;
	width: 83%;
}

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

#sidebar{
	float: left;
	margin-top: 7px;
	margin-bottom: 7px;
	width: 21.7%;
}

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

#sidebar img{
	padding: 7px 0px 0px 0px;
}

#sidebar2{
	float: right;
	background-color: #FFFF99;
	border:1px solid #52B0EA;
	margin-top: 7px;
	margin-bottom: 7px;
	width: 21.5%;
}

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

#sidebar2 img{
	padding: 3px 0px 3px 0px;
}

#sidebar3{
	float: left;
	margin-top: 7px;
	margin-bottom: 7px;
	width: 16.9%;
}

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

#sidebar3 img{
	padding: 7px 0px 0px 0px;
}

#footer{
	clear: both;
	background-color: #FFFFFF;
	border-top: 2px solid #006600;
	margin: auto;	
}

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

#headingmast{
	margin: 0;
	padding: 5px 10px 0px 10px;
}

#headingmast1{
	margin: 0;
	padding: 5px 10px 20px 10px;
    font-family: "Colonna MT";
	font-size: 48px;
}

#headingmast img{
	float: right;
	padding: 0px 0px 5px 0px;
}

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

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

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

#contentheading img{

	padding: 12px 0px 1px 0px;
}

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

#sideheading{
	margin: 0;
	padding: 5px 10px 5px 10px;
	text-align: center;
	font-size: 75%;
	background-color: #C4E4FB;
	border: 1px solid #52B0EA;
}

#sideheading2{
	margin: 0;
	padding: 5px 10px 5px 10px;
	text-align: center;
	font-size: 65%;
	background-color: #C4E4FB;
	border: 1px solid #52B0EA;
}

#bodypad{
	clear: both;	
	margin: 0;
	line-height: 1.5;
	color: #52B0EA;		
}

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

.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: #FFFFFF;
	border: 2px solid #C4E4FB;
	width: 95%;
}

table caption{
	margin: 0;
	padding: 5px 10px 6px;
	text-align: left;
	font-size: 120%;
	font-weight: bold;
	border-top: 1px solid #C4E4FB;
	border-right: 1px solid #C4E4FB;
	border-left: 1px solid #C4E4FB;
	border-bottom: 4px solid #C4E4FB;
	background-color: #FFFF99;
}

table td{
 	margin: 0;
	padding: 5px 10px;
	vertical-align:text-top;
	text-align: left;
	font-size: 80%;
	border-top: 1px solid #FFF;
	border-bottom: 1px solid #FFF;	
}

table th{
	background: #C4E4FB; 	
	margin: 0;
	padding: 5px 10px;
	vertical-align:text-top;
	text-align: left;
	border-bottom: 1px solid #FFF;	
}

table th.top{
	border-top: 2px solid #FFF;	
}

table tr{
	background: ##FFF;
}

table tr.alt{
	background: #e6e6e6;
}

table tr.redfont{
	font-weight: bold;
	color: #FF0000;
}

table tr.underline{
	text-decoration: underline;
}

table tr.bgwhite{
	background: none;
}

table tr.bgblue{
	background-color: #C4E4FB;
	border: 1px solid #52B0EA;
}

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

.menuStyle{
	font-size: 80%;
	padding: 0px 0px 2px 10px;
	color: #52B0EA;
}

#menuHead { 
	color: #52B0EA;
	position: relative; 
	z-index: 10; top: -3px; left: 0px;
}

a.menuLink {
	font-size: 100%;
	padding: 0px 10px 0px 10px;
	background-color: #C4E4FB; 
}

a.menuLink:hover{
 	color: #F7F8D0;
	background-color: #52B0EA;
	text-decoration: none;
}

#menuHead1  { position: relative; 	font-size: 90%;
	border-right: 1px solid #52B0EA;
	border-left: 1px solid #52B0EA;
	border-top: 1px solid #52B0EA;
	padding: 5px 10px 5px 10px;}

#menu1 {  position: absolute;  z-index: 0;  visibility: hidden;  color: #006600; 
          width: 200px; background-color: #C4E4FB; 
		  border-color: #52B0EA; border-style: outset; border-width: thin;}

#menuHead2  { position: relative; 	font-size: 90%;
	border-right: 1px solid #52B0EA;
	border-left: 1px solid #52B0EA;
	border-top: 1px solid #52B0EA;
	padding: 5px 10px 5px 10px;}

#menu2 {  position: absolute;  z-index: 0;  visibility: hidden;  color: #006600; 
          width: 200px; background-color: #C4E4FB; 
		  border-color: #52B0EA; border-style: outset; border-width: thin;}

#menuHead3  { position: relative; 	font-size: 90%;
	border-right: 1px solid #52B0EA;
	border-left: 1px solid #52B0EA;
	border-top: 1px solid #52B0EA;;
	padding: 5px 10px 5px 10px;}

#menu3 {  position: absolute;  z-index: 0;  visibility: hidden;  color: #006600; 
          width: 200px; background-color: #C4E4FB; 
		  border-color: #52B0EA; border-style: outset; border-width: thin;}
		  
#menuHead4  { position: relative; 	font-size: 90%;
	border-right: 1px solid #52B0EA;
	border-left: 1px solid #52B0EA;
	border-top: 1px solid #52B0EA;
	padding: 5px 10px 5px 10px;}

#menu4 {  position: absolute;  z-index: 0;  visibility: hidden;  color: #006600; 
          width: 200px; background-color: #C4E4FB; 
		  border-color: #52B0EA; border-style: outset; border-width: thin;}
		  
#menuHead5  { position: relative; 	font-size: 90%;
	border-right: 1px solid #52B0EA;
	border-left: 1px solid #52B0EA;
	border-top: 1px solid #52B0EA;
	padding: 5px 10px 5px 10px;}

#menu5 {  position: absolute;  z-index: 0;  visibility: hidden;  color: #006600; 
          width: 200px; background-color: #C4E4FB; 
		  border-color: #52B0EA; border-style: outset; border-width: thin;}
			  
/*********** #Links styles ***********/

#Links ul a:link, #Links ul a:visited {display: block;}
#Links ul {list-style:none; margin: 0; padding: 0;}

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

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

#Links{
	margin: 0px;
	padding:0px 10px 0px 10px;
	font-size: 75%;
}

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

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

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

#Down ul a:link, #Down ul a:visited {display: block;}

#Down ul {list-style-type: none; padding: 0px; margin: 0px;}

#Down li {background-image: url(../Images/pdficon_small.gif); background-repeat: no-repeat; background-position: 0px 5px; padding-left: 14px;}

/* 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: 75%;
}

#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;
}

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

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

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{
	margin: 0 0 .5em 0;
	font-size: 100%;
	font-weight: bold;
}

dl.info dt img{
	float: left;
	border: 0;
	margin: 0 15px 0 0;
	padding: 0 4px 4px 0;
}

dl.info dd{
	margin-left: 210px;
	font-size: 90%;
}	

/*********** #Mid styles ***********/

dl.mid{
	margin: 0;
	padding: 15px;
}

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

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

dl.mid dt{
	margin: 0 0 .5em 0;
	font-size: 100%;
	font-weight: bold;
}

dl.mid dt img{
	float: left;
	border: 0;
	margin: 0 15px 0 0;
	padding: 0 4px 4px 0;
}

dl.mid dd{
	margin-left: 150px;
	font-size: 90%;
}