/*
*********************************************************************

Media Type: screen

Description: Main stylesheet.

Change Log:

30/01/2009 - Created - IP

*********************************************************************
*/

/* Reset *********************************************************/

html, body
{

}

body
{

}


div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-weight: inherit;
font-style: inherit;
font-size: 1em;
font-family: inherit;
}

/* remember to define focus styles! */
:focus {
outline: 0;
}

body {
line-height: 1;
color: black;
background: white;
}

ol, ul {
list-style: none;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
border-collapse: separate;
border-spacing: 0;
}

caption, th, td {
text-align: left;
font-weight: normal;
}

blockquote:before, blockquote:after,
q:before, q:after {
content:" ";
}

blockquote, q {
quotes:" ";
}
/***************************************************************************/


/* Layout */
body {
font:normal 12px arial, helvetica, sans-serif;
line-height:142%;
text-align:center;
color:rgb(0,0,0);
background:rgb(227,228,228);
}

h1, 
h3, 
h4, 
h5{
color:rgb(0,81,146);
}


h1{
font-size:23px;
font-weight:bold;

}

h2{
font-size:19px;
color:rgb(41,45,49);
}

h3{
font-size:15px;
color:rgb(41,45,49);
}

h4{
font-size:12px;
color:rgb(41,45,49);
}

h5{
font-size:12px;
color:rgb(41,45,49);
}

p{

}

a{
color:rgb(1,72,129);
text-decoration:none;
}

a:hover{
color:rgb(1,72,129);
text-decoration:underline;
}

#site{
width:995px;
padding:0 8px 0 8px;
margin:0 auto;
text-align:left;
background:url(/assets/oldSchoolBG.png) repeat-y top center;
}

#header{
width:995px;
height:360px;
margin:0;
overflow:hidden;
}


#content{
float:left;
width:710px;
padding:15px 30px 30px 30px;
/*background:rgb(233,233,200);*/
}


.home #east{
width:225px;
padding:20px 0 20px 0;
float:right;
/*background:rgb(255,233,0);*/
}

.contentpage #east{
width:225px;
padding:43px 0 20px 0;
float:right;
/*background:rgb(255,233,0);*/
}

#west{

}


.home #content{
 
}

.home #west{

}

.home #west{

}

/* Branding */

#banner{

}


#branding{

}


/* Navigation */

#navigation{
	width:975px;
	margin:0 auto 0 0;
	height:46px;
	background: url(/assets/oldSchoolBG.png) repeat-y;
	float:left;
	display:inline;
}

#navigation ul{
	width:935px;
	height:27px;
	margin:0 0 0 30px;
	display:inline;
	float:left;
}

#navigation li{
	display:inline;
	float:left;
	height:36px;
	margin:0 2px;
	padding:0 0 0 10px;
	text-align:center;
	background:url(/assets/buttn_left_up.png) no-repeat top left;
	font:normal 10pt verdana, helvetica, sans-serif;
}

#navigation li a{
	height:36px;
	padding:10px 10px 7px 0;
	margin:0;
	background:url(/assets/buttn_right_up.png) no-repeat top right;
	text-decoration:none;
	color:rgb(0,58,116);
	line-height:36px;
}

#navigation li.selected{
	background:url(/assets/buttn_left_down.png) no-repeat top left;
}

#navigation li.selected a{
	background:url(/assets/buttn_right_down.png) no-repeat top right;
	font-weight:bold;
	color:rgb(255,255,255);
}


/* menu */
.menu{
margin:50px 0 0 0;
}


.menu li{
padding:5px;
margin:0 0 0 30px;
border-bottom:solid 1px rgb(155,155,155);
}


/* signposts */

.signpost{

}

/*FRONT PAGE SIGNPOSTS*/

.home #content .signpost{
position:relative;
width:303px;
height:175px;
padding:0 10px 10px 10px;
margin:25px 20px 0 0;
float:left;
display:inline;
border-top:solid 12px rgb(0,87,146);
border-right:solid 1px rgb(0,87,146);
border-bottom:solid 1px rgb(0,87,146);
border-left:solid 1px rgb(0,87,146);
background:rgb(255,255,255) url(/assets/fpsp_background_grad.png) repeat-x bottom left;
}

.home #content .signpost .header{
width:303px;
padding:10px 0 10px 0;
border-bottom:1px solid rgb(0,0,0);
}

.home #content .signpost .header h2 a{
font-size:23px;
font-weight:normal;
line-height:101%;
color:rgb(0,81,146);
}

.home #content .signpost .content{
width:180px;
padding:10px 0 0 0;
float:left;

}

.home #content .signpost .content p{
line-height:117%;
}

.home #content .signpost .image{
position:absolute;
top:52px;
right:10px;
width:96px;
height:104px;
}

.home #content .signpost .footer{
position:absolute;
bottom:5px;
left:0;
clear:both;
}

.home #content .signpost .footer a{
padding:0 0 0 20px;
margin:0 0 0 0;
background:url(/assets/link_arrow.gif) no-repeat center left;
}

.home #content .signpost .footer a:visited{

}

/*END FRONT PAGE SIGNPOSTS*/



/*EAST SIGNPOSTS SELECTABLE TEXT*/


#east .signpost{
width:180px;
margin:20px 0 40px 0;
float:left;
border-top:1px solid rgb(0,0,0);
}


#east .signpost .header{
width:160px;
margin:10px 0 0 0;
float:left;
}

#east .signpost .header h2 a{
font-weight:normal;
font-size:19px;
line-height:110%;
color:rgb(0,81,146);
text-decoration:none;
}

#east .signpost .content {
margin:10px 0 0 0;
float:left;
width:180px;
}

#east .signpost .content p{
float:left;
}

#east .signpost .content img{
position:relative;
top:-60px;
right:-25px;
margin:0 0 -60px 0;
float:right;
}


/*#east .signpost .image{
width:180px;
float:right;
}*/

#east .signpost .image{
display:none;
}

#east .signpost .footer{
margin:5px 0 0 0;
float:left;
clear:left;
}

#east .signpost .footer p a{
width:160px;
float:left;
padding:0 0 0 20px;
margin:0;
background:url(/assets/link_arrow.gif) no-repeat center left;
}

#east .signpost .footer a:visited{

}

/*END EAST SIGNPOSTs*/

#footer{
position:relative;
width:975px;
padding-right:20px;
margin:0 -1px 0 0;
height:115px;
clear:both;
background:url(/assets/footer.png) no-repeat top center;
}

#footer img{
float:right;
}

#footer ul{
position:absolute;
bottom:20px;
left:30px;
}

#footer ul li{
display:inline;
float:left;
margin:0 5px;
}

#footer ul li, 
#footer ul li a, 
#footer ul li a:visited{
color:rgb(255,255,255);
}

#groupbranding{

}

/*Home Page Article*/

.home #content .article{

}

#content .article h1{
padding:0 0 20px 0;
margin:0 0 20px 0;
line-height:120%;
border-bottom:1px solid #000;
}

.home #content .article p{
margin:0 0 20px 0;
}

.home #content .article a{

}

/* contentpage styles ----------------------------------*/


.contentpage #content{
width:475px;
float:left;
}

.contentpage #west{
float:left;
width:195px;
}


.contentpage #content .article {

}

.contentpage #content form{
width:100%;
}

.contentpage #content .article,
.contentpage #content .item{
padding:0 0 20px 0;
margin:0 0 20px 0;
}


/*To fix video list thing*/

.contentpage #content .item{
width:100%;
float:left;
clear:left;
}


.contentpage #content table{
width:100%;
float:left;
}

.contentpage #content table td{
padding:2px;
border:solid 1px rgb(155,155,155);
}

.contentpage #content .article .column{
width:48%;
float:left;
}

.contentpage #content .article h1{
width:100%;
}

/*NEW STYLE FOR CASE STUDY*/
.contentpage #content .article p.intro{
font-size:15px;
font-family:arial, sans-serif;
font-style:italic;
font-weight:bold;
line-height:150%;
color:rgb(0,81,149);
}

.contentpage #content .article blockquote{
text-align:center;
font-size:15px;
font-family:arial, sans-serif;
font-style:italic;
font-weight:bold;
line-height:150%;
color:rgb(0,81,149);
padding:15px 0;
margin:15px 0;
border-top:solid 1px rgb(0,0,0);
border-bottom:solid 1px rgb(0,0,0);
}

.contentpage #content .article .column p{
padding:0 20px 0 0;
}

.contentpage #content .article .column img{
float:left;
padding:0;
margin:0;
}

.contentpage #content h2{
margin:0 0 15px 0;
line-height:130%;
color:rgb(0,81,146);
}

.contentpage #content h3{
margin:0 0 15px 0;
}

.contentpage #content h4{
margin:0 0 10px 0;
}

.contentpage #content h5{
margin:0 0 10px 0;
}

.contentpage #content p,
.contentpage #content ul{
margin:0 0 20px 0;
}

.contentpage #content img{
padding:5px;
margin:5px;
}

.contentpage #content .article img{
float:right;
}

.contentpage #content ul{
padding-left:20px;
list-style:disc;
}

.contentpage #content .article ol{
width:100%;
float:left;
clear:left;
margin:0;
padding:0;
}

.contentpage #content .article ol li{
width:100%;
float:left;
margin:10px 0;
padding:0;
list-style:none;
}

.contentpage #content .article ol li p{
width:350px;
float:left;
padding-left:10px;
}

.contentpage #content .article ol li img{
width:76px;
padding:0;
margin:0;
float:left;
}


/* item */


#content .item{
	float:right;
	border-bottom:solid 1px rgb(227,228,228);
}

#content .item .header{
	padding:3px;
}

#content .item .header h2{

}

#content .item .header h2 a{
	text-decoration:none;
}

#content .item .content{
	padding:0 10px 0 0;
}

#content .item .image{
	float:left;
	padding:5px 10px 5px 5px;
}

#content .item .footer p{
float:left;
}

#content .item .content a:link, 
#content .item .content a:visited, 
#content .item .content a:active, 
#content .item .footer a:link
,#content .item .footer a:visited
,#content .item .footer a:active
{
	text-decoration:none;
	float:left;
}

#content .item .footer a:hover
{
text-decoration:underline;
}


/* download */

#content .download{

}

#content .download .header{

}

#content .download .image{

}

#content .download .image img{

}

#content .download .content
{

}

#content .download .footer
{

}


/*Form Elements*/

#content form{
padding:0 0 20px 0;
margin:0 0 20px 0;
float:left;
}

p.field{
width:450px;
}

form p{
padding:0;
margin:0;
float:left;
}

label{
width:150px;
float:left;
}

.required{
color:rgb(0,0,0);
}

input.textbox{
width:250px;
}

input.checkbox{
width:20px;
margin:0 5px 5px 5px;
float:left;
}

input.button{
float:left;
clear:left;
}

textarea{
width:250px;
}

div.field{
float:left;
}

#content form ul.fieldset{
list-style:none;
}

#content form p{
float:left;
clear:left;
width:100%;
}



/*Hidden Fields on contact form*/

#CPD{
margin-bottom:20px;
float:left;
clear:left;
display:block;
}

#CPD .fieldset li{
width:450px;
float:left;
clear:left;
}

#CPD  label{
width:400px;
}


/* Clear Fixes
----------------------------------------------- */
#navigation ul:after
,#footer:after
,.contentpage #content .article:after
,.contentpage #content .item:after
{
  clear:both;
  content:".";
  display:block;
  height:0pt;
  visibility:hidden;
}

/* Editing
----------------------------------------------- */
.edit {
	color:Red;
	z-index:100;
}

.edit a {
	display:inline !important;
}

.edit img {
	width:12px !important;
	height:11px !important;
}