/* 
COLOUR PALETTE 

#0076BE dark blue
#00CDFF bright blue
#E5E5E5 content bg

* GLOBAL SETTINGS
*/

body { background-image:url();
font-family : verdana,arial,helvetica,sans-serif; 
font-size : 70%; 
color : black; 
margin-top: 0px;
margin-bottom:10px;
background: #000000;
width:781px;
margin-left:auto;
margin-right:auto;
} 
table { 
font-size : 100%; 
} 
a:link{color: #456789; text-decoration: underline;}
a:visited{color: #456789; text-decoration: underline;}
a:hover{color: #123456; text-decoration: underline;}

/*
* LAYOUT SECTIONS ------------------------------------------------------------------------
*/
#header {
	background-image:url(/images/bg/CZN-top-banner.jpg);
	background-repeat:no-repeat;
	height:80px;
	color: #FFFFFF;
	} 
#headerlinks, #headerlinks a:link,#headerlinks a:visited{float:right; margin-top:55px; margin-right:20px; color: #B0B0B0; font-weight: bold; text-decoration: none; font-size: 110%;
cursor:pointer
	}
#sectionheader {
	/*background-image:url(/images/bg/CZN-top-photo.jpg);*/
	background-position:top;
	background-repeat:no-repeat;
height:158px;
	border-top-width: 0px;
	border-right-width: 2px;
	border-bottom-width: 0px;
	border-left-width: 2px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #E1E1E1;
	border-right-color: #E1E1E1;
	border-bottom-color: #E1E1E1;
	border-left-color: #E1E1E1;
}	
#divider {background-image: url();
	background-color:#efefef;
	margin: 0px;
	padding: 0px;
	text-align:left;
	border:1px solid #999999;
	border-bottom:0px;	
} 
#home-feature{
border:3px solid #E1E1E1; border-bottom:1px solid #E1E1E1;
}
#wrapper {
/*display:table;
width:100%;*/
background-image: url(/images/bg/bg-main.gif); 
background-color:#E5E5E5;
	background-repeat:repeat-y;
}
#sidebar { /*float:left;*/
	width:207px;padding-top:20px;
	background-position: inherit;
/*	height:520px;*/
	text-align:center;
	}
#main{/* float:right;	*/
width:574px;
}	
#title{
	background-color:#B0B0B0;
	height: 60px;
	background-image: url(/images/titles/title.gif);
	/*width:500px;*/
	background-repeat: no-repeat;
	padding-left: 70px;
	font-family: "Arial Black", "Helvetica Heavy", "Helvetica Black", Sans-serif;
	font-size: 24px;
	color: #878484;
	padding-top: 12px;
}	
#content{
	padding:10px;
/*	width:554px;*/
	text-align:left;
	background-color:#E5E5E5;
}	
#footer1 {
	background-image:url(/images/bg/CZN-footer.gif);
	margin-left:auto;
	margin-right:auto;
	background-position:top;
	background-repeat:repeat-x;
	height:39px;
	padding-top:10px;
	vertical-align: bottom;
	clear:both
}


#footer2 { background-image:url();	background-color:#000000;
font-size:xx-small;
font-weight:bold;
color : #FFFFFF; 
	clear: both;
	width: 675px;
	margin: 0px; 
	padding-top:10px;
margin-left:auto; margin-right:auto;	
}
#request{
clear:both;
margin:30px 0;
}


/* 
 NAVIGATION BUTTONS  ------------------------------------------------------------------------
*/
#origin {
width:0px; height:0px;
line-height:0px;
float:left;
}
#topnav{height:25px;
	border-top-width: 0px;
	border-right-width: 2px;
	border-bottom-width: 2px;
	border-left-width: 2px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #E1E1E1;
	border-right-color: #E1E1E1;
	border-bottom-color: #E1E1E1;
	border-left-color: #E1E1E1;
}
.nav {background-color:#336699;
	color: white;
	font-size: 11px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	cursor: pointer;
}
.nav a:link{color: #DBDBDB; text-decoration: none;}
.nav a:visited{color: #DBDBDB; text-decoration: none;}
.nav a:hover{color: black; text-decoration: none;}

.navOver {background-color:#0076BE;
	color: white;
}
.navOver a:link{color: black; text-decoration: none;}
.navOver a:visited{color: black; text-decoration: none;}
.navOver a:hover{color: black; text-decoration: none;}
.separator{
width:1px; background-color:#E1E1E1;
}

/* LEFT NAV */

.button a:link{color: #000000; text-decoration: none;}
.button a:visited{color: #000000; text-decoration: none;}
.button a:hover{color: #4AB0E1; text-decoration: none;}

.button {
	background-image:url(/images/bg/bg-button-up.gif);
	background-repeat:no-repeat;
	background-color:#CACACA;		
	color: #000000;
	font-size: 11px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight: bold;
	cursor: pointer;
	text-decoration:none;
	width:159px;
	height:16px;
	margin:0 auto 2px auto;
	text-align:center;
	padding: 4px 0 1px 0;
	opacity:.
	.80;filter: alpha(opacity=80); 		
}
.buttonOver {
	background-image:url(/images/bg/bg-button-over.gif);
	background-color:#E5E5E5;		
	color: #214e7a;
}

/*.button {
	background-color:#CCCCCC;		
	color: #000000;
	font-weight: bold;
	cursor: pointer;
	text-decoration:none;
	width:150px;
	margin:0 auto 2px auto;
	text-align:center;
	padding:3px;
	border:2px solid black;
	opacity:.9;filter: alpha(opacity=90); 	
}
.buttonOver {
	background-color:#E5E5E5;		
	color: #214e7a;
	border:2px solid #214e7a;	
}
*/
.button2 {
	text-decoration:none;
	width:144px;
	margin:0 auto 2px auto;
	text-align:center;
	padding:3px;
	opacity:.9;filter: alpha(opacity=90); 
background-color:#666666; color:#FFFFFF; font-weight: bold; font-size: 11px; border: 2px solid white; 
}
/* 
HTML STYLES ------------------------------------------------------------------------
*/

h1{ 	font-family: "Arial Black", "Helvetica Heavy", "Helvetica Black", Sans-serif;
	font-size: 24px;
	color: #336699;
	position:relative;
	top:-15px; 
	left:60px;
	margin-top:-50px;
}	
h2 {
font-size : 140%; 
text-transform : capitalize; 
color : #0068A7;
} 
h3 {
font-size : 120%; 
font-variant : small-caps; 
color : #0076BE; 

} 
h4 {
font-size : 100%; 
font-weight : bold; 
text-transform : uppercase; 
color : #123456; 
} 
hr {
color : #123456; 
height : 1px; 
} 
th {
font-size : larger; 
font-weight : bold; 
padding-bottom : 15px; 
color : #123456; 
font-variant : small-caps; 
text-align : left; 
} 

ul {
list-style-type : square; 
padding-left : 0px; 
margin-left : 1.5em; 
} 
ol {
padding-left : 0px; 
margin-left : 1.5em; 
} 
form { margin-bottom: 0 ; margin-top: 0 ; } 

/* 
CUSTOM STYLES ------------------------------------------------------------------------
*/
.colour {color: #990000}
.boldcolour {font-weight: bold; color: #123456}
.pic-caption {font-size: smaller;text-align:center}

.hilitebox {
	
	color: #123456;
	padding: 4px;
	font-weight: normal;
	border: 2px solid #456789;
	background-color: #efefef;
	margin: 2px;
}

.formfield {
border: 1px solid #123456;
width : 180px; 
} 
.px50 {
width : 50px; 
} 
.input-display {
	background-color: transparent;
	border: 0px none;
}
input.errHilite, select.errHilite, textarea.errHilite { /*for fValidate*/
	border: 1px solid #123456;
	background-color: #efefef;
	}
label.errHilite {
	color: #123456;
	}
.errors {color:#123456;}
.checkbox {margin-left: 20px;
display: list-item;
	list-style-image: url(/images/icons/generic/checkbox.gif);
}
.done {
list-style-image: url(/images/icons/generic/checkmark20.gif);
margin-left: 20px;
display: list-item;
}
.gone{
display:none;
}
.little{font-weight: normal;
text-decoration: none;
font-size:90%;
}
.little a:link  {
font-weight: normal;
text-decoration: none;}

.little a:visited  {
font-weight: normal;
text-decoration: none;}

.little a:hover {
font-weight: normal;
text-decoration: underline;}

.back {
list-style-image: url(/images/buttons/gray-back-padded-rt.gif);
margin-left: 3em;
display: list-item;
vertical-align: middle;
}
.fwd {
list-style-image: url(/images/buttons/gray-fwd-padded-rt.gif);
margin-left: 3em;
display: list-item;
vertical-align: middle;
/* margin-top:1px;
margin-bottom:15px;*/
}
.footerText{
	color: #666666;
	text-decoration:none;
	font-size:10px;
	text-align: center;
	width: 95%;
	margin-left: auto;
	margin-right: auto;
}
.footerText a:link{
	color: #666666; text-decoration:none
}
.footerText a:visited{
text-decoration:none;
	color: #666666;
}
.footerText a:hover{
	color: #000000;
}
.white{text-decoration:none;
	color: #FFFFFF;
}
.white a:link{
	color: #FFFFFF; text-decoration:none
}
.white a:visited{
text-decoration:none;
	color: #FFFFFF;
}
.white a:hover{
	color: #CCCCCC;
}
.grey{text-decoration:none;
	color: #CCCCCC;
}
.grey a:link{
	color: #CCCCCC; text-decoration:none
}
.grey a:visited{
text-decoration:none;
	color: #CCCCCC;
}
.grey a:hover{
	color: #CCCCCC;
}
.center{
margin-left:auto; margin-right:auto
}

#newsticker{
font-size:14px;
font-weight:bolder;
font-family: Arial, Helvetica, sans-serif;
background-color:#E5E5E5;
color:#333333;
text-align:left;
height: 25px;
padding-top:6px;
padding-left:25px;
}

#newsticker a:link,#newsticker a:visited{
text-decoration: none;
color:#333333;
}
#newsticker a:hover{
text-decoration: none;
color:#666666;
}

.pic {font-size:83%;margin-top:0px; margin-bottom:5px;text-align:center; border:1px solid black;}
.left {float:left; margin-left:0px;margin-right:10px}
.right {float:right;margin-right:5px}

.medium , .medium a:link, .medium a:visited{
color:#666666;
	font-size: 115%;
	font-weight: bold;
	text-decoration: none;
}
.medium a:hover{
color:#17524E;
}
