/*===============================================================================							
=	This Website is the copyright of Denbighshire Cyberskills 2004		=
=	Author: James Stevens. Published May 2004. All rights reserved		=
=	Copying and duplicating is prohibited unless by prior agreement		=
=	from the author in writing						=
===============================================================================*/	

/*
This sets out the body tag and provides the font color and formating 
*/

body {
margin: 0px;
font-family: Trebuchet MS, Verdana, Sans-serif;
font-weight: normal;
font-size: 70%;
color: #000000;
text-align: left;
}


/*
This sorts out the container width of the page, and specifies the left and right 
margins making sure that the margins are of an equal size - NOT FOR USER EDIT
*/

#pageContainer {
width: 745px;
margin-left: auto;
margin-right: auto;
}


/*
Sets the menu area - NOT FOR USER EDIT
*/

#menu {
width: 745px;
height: 4.2em;
padding-top: 10px;
}


/*
Sets the large left hand page area which contains the menus and the site branding
and the divs for the page content - NOT FOR USER EDIT
*/

#left {
width: 525px;
float: left;
clear: none;
}


/*
Sets the large right hand page area which contains the site concept image and sponsor
logos - NOT FOR USER EDIT
*/

#right {
width: 200px;
float: left;
clear: none;
}


/*
Sets the branding area - NOT FOR USER EDIT
*/					

#branding {
width: 525px;
height: 5.9em;
background: url(../assets/branding/logo.gif) no-repeat top left;
}


/*
Sets the content area - NOT FOR USER EDIT
*/					

#content {
width: 525px;
}

/*
These are only needed if you wish to split the content area into columns - Only TWO are allowed
*/

#contentLeft {
width: 325px;
float: left;
}

#contentRight{ 
float: left;
padding-left: 8px;
clear: none;
border-left: 1px solid #CED1E8;
width: 200px;
voice-family: "\"}\"";
voice-family: inherit;
width: 190px;
}

html>body #contentRight	{
width: 190px;
}

#footer	{
clear: both;
}

.footerText {
font-size: 0.8em;
}

/*
Sets the Menu Items - NOT FOR USER EDIT
*/

#menu li {
display: inline;
list-style-type: none;
padding-right: 10px;
}


#menu a {  
font-weight: bold; 
font-size: 110%;
line-height: normal; 
color: #08188C;
}

#menu a:link {  
text-decoration: none;
}

#menu a:visited {
text-decoration: none;
}

#menu a:hover {  
text-decoration: underline;
color: #3D7AD5;
}					

#menu a:active {
text-decoration: none;
}


/*
PAGE ELEMENT FORMATING - FROM HERE ON PAGE ELEMENTS CAN BE EDITED
*/	

h1 {
font-size: 120%;
}

h2, dt {
font-size: 110%;
}

h3 {
font-size: 100%;
}


p {
line-height: 150%; 
padding-right: 10px;
}

/*
Link formating for any elements that do not appear as page menu items
*/

a {
text-decoration: underline;
color: #08188C;
}

a:link {  
text-decoration: underline;
}

a:visited {
text-decoration: underline;
}

a:hover {  
text-decoration: underline;
color: #3D7AD5;
}					

a:active {
text-decoration: underline;
}


/* Forms n Stuff */

form {
width: 250px;
}

	form#cyberskills {
	width: 450px;
	}

fieldset {
border: #CED1E8 solid 1px;
margin-bottom: 25px;
padding: 10px;
}

legend {
font-weight: bold;
font-size: 120%;
}

form fieldset label,
form fieldset select,
form fieldset input {
margin-top: 5px;
margin-bottom: 5px;
padding: 2px;
}

form fieldset label {
float: left;
display: block;
}

form fieldset label:hover {
background-color: #CED1E8;
}

	form fieldset#personal label {
	width: 200px;
	}
	
	form fieldset#employment label {
	width: 375px;
	}

	form fieldset#courses label {
	width:375px;
	padding-bottom: 20px;
	} 

	form fieldset#marketing label {
	width: 250px;
	padding-bottom: 10px;
	}

form#cyberskills input {
display: block;
float: right;
font-size: 90%;
}

	form#cyberskills input:focus {
	border: 3px double red; 
	}

	form#cyberskills input[type="text"] {
	width: 200px;
	}

	form#cyberskills input[type="textbox"] {
	width: 25px;
	border: none;
	}

form select {
width: 150px;
float: right;
}

form br {
clear: both;
margin-bottom: 15px;
}

	form fieldset#courses br {
	margin-bottom: 30px;
	}

/* End new form elements */



img {
border: none;
}

.dcclogo {
margin-bottom: 10px;
}

.mainImage {
margin-top: 30px;
margin-bottom: 10px;
}			

.imgleft { 
float: left;
margin-right: 1em;
margin-bottom: 1em;
}

.imgRight {
float: right;
margin-left: 1em;
margin-bottom: 1em;
}

dt {
font-weight: bold;
}

dd {
margin-left: 0px;
}