/* /*

    screen-modern.css: MODERN BROWSER (v5+) SCREEN

    ------------
    Job:					Fairgold Training& Development 
    Produced by:		Richard Thomas / www.RMLT.co.uk
    Start date:			21/07/2007
    ------------

    COLOUR SPEC:
    Green:				#0D2D23
    Brown:				#95731C
    Light Grey:			#E7E7E7
    ------------

    TOC:
    1.	structural selectors
    2.	type selectors
    3.	navigation
    4.	forms
    5. 	tables
    6.	hacks

*/




/* =1. structural selectors */

* {
	margin: 0;
	padding: 0;
	border: none;
	text-transform: none;
}

body {
	font: 62.5% "Times New Roman", Georgia, Times, serif;
	padding: 0;
	margin: 0;
	color:#0D2D23;
	position: relative;
}


option {
margin-left:3px;
width:200px;
}


h3 {
font-size:1.2em;
font-weight:bold;
margin-bottom:10px;

}

.contact {

float:left;
width:160px;
height:27px;
background: url(../images/favourites.gif) no-repeat right top;
margin-top:1px;

}

.contact:hover {

background: url(../images/favourites_o.gif) no-repeat right top;


}



.bookmark {

float:left;
height:30px;
width:160px;
background: url(../images/contact.gif) no-repeat right top;
}

.bookmark:hover {


background: url(../images/contact_o.gif) no-repeat right top;
}



#container {
	position: relative;
width:950px;
	background: url(../images/container_bg.gif) no-repeat left top;
	min-height: 860px;
	padding-left: 32px;

}

#header {
	background: url(../images/header_bg.gif) repeat-x;
	height: 12.2em;
	padding-left: 15px;
	
}

#header ul {
	margin: 0;
	padding: 0;
	margin-top: 5px;
	margin-left: 29px;
	float: left;
	text-align: left;
	width: 820px;
	list-style: none;
}

.content {
	margin: 0;
	padding: 0;
	margin-top: 5px;
	margin-left: 60px;
		list-style: disc;

}






#header ul li {
	float: left;
	font-size: 1.6em;
	font-weight: bold;
}

#header ul a {
	padding: 0 0.7em;
	color: #2a4a3a;
	float: left;
	text-transform: uppercase;
	display: block;
	text-decoration: none;
}

#header ul a:hover {
	color: #95731C;
	text-decoration: underline;
}


#footer {
	height:40px;
	background-color:#000000;
	margin: 0 auto;
	text-align:center;
	padding-top: 20px;
	clear:left;
}


td p {
padding-top:5px;
}

#footer ul {
	margin: 0 auto;
	padding: 0;
	display:inline;
	list-style: none;
}


#footer ul li {
	font-size: 1.5em;
	font-weight: normal;
	display:inline;

}

#footer ul a {
	padding: 0 0.4em;
	color: #fff;
	text-transform: uppercase;
	text-decoration: none;
}

#footer ul a:hover {
	color: #95731C;
	text-decoration: underline;
}


.right {
	float: right;
	position:absolute;
	left: 890px;
	top:13px;
}


.book {
font-size:1.1em;
float:right;
width:200px;

}


.left {
	float:left;
	}
	
.box {
  width: 200px;
  background: url(../images/tile2.gif) repeat-y;
  margin-top:14px;
}

.clear {

clear:left;

}

.box_course {
	width:350px;
	float:left;
}

form {
float:left;

}

form p {
clear:both;
float:left;
margin-bottom:12px;
}


input, textarea {
border:1px solid #333333;
clear:right;
float:left;
padding-bottom:2px;
padding-top:2px;
padding-left:2px;
background-color:#CCCCCC;
margin-top:-7px;
}

.t1 {
margin-left:5px;
}

.moneyoff   {
text-align:center;
margin-left:10px;
font-size:4em;
color:red;
}




.coursebox img {
margin-left:9px;
}


.last {
  background: url(../images/bottom2.gif) no-repeat left bottom;
  padding-bottom: 30px;
}

.hero {
	position:relative;
	min-width:960px;
	height:200px; 
	background-image: url(../images/hero_bg.gif);
	background-repeat: repeat-x;
	background-position: left top;
	padding-left:10px;
}

.dropdown {
	position:absolute;
	width:200px;
	height:50px;
	left:235px;
	top:140px;
	background-image: url(../images/ddbg.gif);
	background-repeat: no-repeat;
	padding-left:10px;
	padding-top:9px;
	}

.hero .box  {
	float:left;
	height:174px;
}

.leftContent {
	float: left;
	width:200px;
	padding-left:14px;
}

.rightContent {
	float:left;
	margin-left:25px;
width:700px;
	padding-top:10px;
	padding-right:10px;
}

.rightContent p  {
	padding-bottom:8px;
}


.feature {
	width:199px;
	margin-left:9px;
	font-size:1.7em;
	text-transform:uppercase;
	height:21px;
	font-weight:normal;
	padding-top:10px;
	background-image:url(../images/bag.gif);
	background-repeat: no-repeat;
	background-position: right center;
}

.attend {
	width:199px;
	margin-left:9px;
	font-size:1.5em;
	text-transform:uppercase;
	height:21px;
	font-weight:normal;
	padding-top:10px;
	background-repeat: no-repeat;
	background-position: right center;
}



.feature strong {
	color:#95731C;
	text-transform:uppercase;
	font-weight:normal;
}

.news strong {
	color:#95731C;
	text-transform:uppercase;
	font-weight:normal;
}


.news {
	margin-left:9px;
	width:195px;
	margin-top:10px;
	font-size:1.7em;
	font-weight:normal;
	text-transform:uppercase;
	height:27px;
	padding-top:10px;
	background-image:url(../images/news.gif);
	background-repeat: no-repeat;
	background-position: right center;
}



/* =2. type selectors */


a {

	color:#0D2D23;
}

.box h2 {
 	 background: url(../images/top2.gif) no-repeat left top;
 	 padding-top: 2px;
   	 padding-bottom: 4px;
 	 text-transform:uppercase;
}


.leftContent .box a {
	text-transform:none;
}

.box h2, .box p {
	font-size: 1.2em;
  	padding-left: 20px;
  	padding-right: 20px;
  	margin-top:0px ;
  	margin-bottom:3px;
}

 .box p a {
	text-decoration: underline;
  	text-transform: uppercase;
  	color: #0D2D23;

}

.rightContent h1 {
	margin-bottom:19px;
	margin-top:10px;
}

h1 {
	font-size:2em;
	margin-bottom:7px;
}

p {
	font-size: 1.6em;	
	margin-bottom:9px;
	color: #2d4f3e;
	
}

#header p {
	font-size: 1.1em;
	position:absolute;
	font-weight: normal;
	left: 621px;
	width: 260px;
	top:28px;
	text-align: right;
	text-transform: uppercase;
	line-height:13px;
}

#header p a  {
	color:#0D2D23;
	text-transform: uppercase;
}

#header p a:hover  {
	color: #95731C;
}


a:hover  {
	color: #95731C;
}

 .box p a:hover {
  	color: #95731C;


}

.navon {
  	color: #95731C;
}




.dropd {
width:132px;
}





.coursebox h2 {
	 
	 position:absolute;
	 font-size: 1.5em;
  	padding-left: 20px;
  	margin-bottom:3px;
}


.coursebox a {
	text-transform:none;
}




 .coursebox p a {
	text-decoration: underline;
  	text-transform: uppercase;
  	color: #0D2D23;

}

.courselist {
letter-spacing:0px;
margin-top:15px;
font-size:1.4em;

margin-bottom:15px;

font-weight:normal;
}



.coursebox {
	padding-top:32px;
	width:719px;
	background-image: url(../images/ctop.gif);
	background-repeat: no-repeat;
	background-position: top left;
}

.coursebox p {
background-color:#EEECED;
	font-size: 1.4em;
	line-height:1.4em;

padding-left:200px;
padding-top:0px;
margin-top:0px;
padding-right:12px;



}

.coursebox .last {
  background: url(../images/cbottom.gif) no-repeat left bottom;
  padding-bottom: 30px;
}


.quote {
margin-top:20px;
float:left;
}