/* 
COLOUR PALETTE ------------------------------------------------------------------------

#2B9250 dark green
#39B25B	lime green
#EEF4F0 background
*/
.dark_green{ Color: #2C9250; }
.avacado{ Color: #719B2F; }
.yellow{ Color: #BEBC3A; }
.blue{ Color: #2D7296; }
.burnt orange{ Color: #BE7A3A; }
.red{ Color: #BE4B3A; }
/*
FONT FAMILIES ------------------------------------------------------------------------

FontName01
FontName02

Font Embedding:

@font-face { 
font-family : FontName01; 
font-style : normal; 
font-weight : normal; 
src : url(/fonts/FontName01.eot); 
} 

GLOBAL SETTINGS
*/

body {
font-family : verdana,arial,helvetica,sans-serif; 
font-size : 83%; 
color : black; 
margin: 0px;
background-image: url(/youthservice/images/backgrounds/bk2.jpg);
} 
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 {text-align:left;
	height:168px;
	width: 736px;
	margin-top: 20px;
	padding: 0px;
	background-image: url(/youthservice/images/backgrounds/header_01.jpg);
	border-right: 2px solid #666666;border-left: 2px solid #666666;border-top: 2px solid #666666;
} 
#main{border-right: 2px solid #666666;border-left: 2px solid #666666;
}
.content{background-color:#EEF4F0;
	padding:8px;
}
.sidebar {	background-color:#2B9250;
	font-size : smaller; 
	color:white;
	padding: 0px;
	}

#footer {
	color:white;
	background-color:#999999;
	font-size : smaller;
	vertical-align:middle;
	width: 596px;
	height:24px;
	margin: 0px;
	padding-top: 8px;
	padding-left: 140px;
	border-bottom: 2px solid #666666;
	border-right: 2px solid #666666;
	border-left: 2px solid #666666;

}
#SectionTitle{
	margin-right:10px;
	float:right;

}

/*
NAVIGATION BUTTONS  ------------------------------------------------------------------------
*/
#topnav{	
}
.nav {height:25px;
	width:142px;
	color: #456789;
	font-size: 11px;
	background-color:#efefef;
	font-variant: small-caps;
	font-weight: normal;
	padding: 3px;
	border: 1px solid #456789;
	cursor: pointer;
}
.nav a:link{color: #456789; text-decoration: none;}
.nav a:visited{color: #456789; text-decoration: none;}
.nav a:hover{color: black; text-decoration: none;}

.navOver {height:25px;
	width:142px;
	color: #456789;
	font-size: 11px;
	background-color:#cccccc;
	font-variant: small-caps;
	font-weight: normal;
	padding: 3px;
	border: 1px solid #456789;
	cursor: pointer;
}
.navOver a:link{color: black; text-decoration: none;}
.navOver a:visited{color: black; text-decoration: none;}
.navOver a:hover{color: black; text-decoration: none;}

.button {cursor:pointer;
font-size: 11px;
color: black;
margin: 0px;
border: 1px solid #CC3333;
padding: 3px;
background-color: #efefef;
width: 120px;
/*filter:progid:DXImageTransform.Microsoft.Alpha(opacity=80);progid:DXImageTransform.Microsoft.Shadow(color='#666666', Direction=-135, Strength=4);*/
text-align: center;
}
.button a:link{
color: black;
text-decoration: none;
}
.button a:visited{
color: black;
text-decoration: none;
}
.button a:hover{background: #F9F9EE;
color: #cccccc;
text-decoration: none;
}

.buttonOver {cursor:pointer;
font-size: 11px;
color: black;
margin: 0px;
margin-top:1px;
margin-bottom:0px;
margin-left:2px;
border: 1px solid #CC3333;
padding: 3px;
background-color: #efefef;
width: 120px;
/*filter:progid:DXImageTransform.Microsoft.Alpha(opacity=80);progid:DXImageTransform.Microsoft.Shadow(color='#666666', Direction=-135, Strength=3);*/
text-align: center;
}
.buttonOver a:link{
color: #CC3333;
text-decoration: none;
}
.buttonOver a:visited{
color: #CC3333;
text-decoration: none;
}
.buttonOver a:hover{
color: #CC3333;
text-decoration: none;
}

/* 
HTML STYLES ------------------------------------------------------------------------
*/

h1 {
font-size : 150%; 
text-transform : uppercase; 
color : #372A8B; 
} 
h2 {clear:both;
font-size : 120%; 
text-transform : uppercase; 
color : #449962; 
} 
h3 {
font-size : 120%; 
font-variant : small-caps; 
color : #719B2F; 
padding:3px;
} 
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; 
margin-left : 2em; 
} 
ol {
margin-left : 2em; 
} 
form { margin-bottom: 0 ; margin-top: 0 ; } 

/* 
CUSTOM STYLES ------------------------------------------------------------------------
*/

.colour {color: #2B914F}
.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(/youthservice/images/icons/generic/checkbox.gif);
}
.done {
list-style-image: url(/youthservice/images/icons/generic/checkmark20.gif);
margin-left: 20px;
display: list-item;
}
.gone{
display:none;
}
.little{font-weight: normal;
text-decoration: none;
font-size:smaller
}
.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;}

.rightpic {font-size:83%;
float:right;width:150px;padding:10px;text-align:center
}
.white {color: white}
.white a:link{color: #eeeeee; text-decoration: none;}
.white a:visited{color: #eeeeee; text-decoration: none;}
.white a:hover{color: white; text-decoration: none;}