/* 
Project: General Pharmaceutical Council
Filename: screen.css
Date: May 2009 - Phase2 updated 04/03/10

*/



body
{
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	height: 100%;
	font-size: 62.5%;
	color: #322719;
	text-align: center;
	font-family: arial , Helvetica, sans-serif;
	background: #D9D5C9 url("images/body-bg.jpg") repeat-x 0 0;
}


body a img
{
	border: none;
}

img
{
	display: block;
}

.clearing
{
	clear: both;
}





/*------ clear standard browser styles ------*/


body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td
{
	margin: 0;
	padding: 0;
}

p{margin-top:7px;}


table
{
	border-collapse: collapse;
	border-spacing: 0;
}
fieldset, img
{
	border: 0;
}
address, caption, cite, code, dfn, th, var
{
	font-style: normal;
	font-weight: normal;
}
ul
{
	list-style: none;
}
caption, th
{
	text-align: left;
}
h1, h2, h3, h4, h5, h6
{
		color: #22749e;
	font-weight: normal;
}


/*------ general styles ------*/


.clear
{
	clear: both;
	overflow: hidden;
	line-height: 0 !important;
	height: 0 !important;
	font-size: 0 !important;
	margin: 0 !important;
}




/* http://positioniseverything.net/easyclearing */
.clearfix:after
{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.clearfix
{
	display: inline-table;
	min-height: 0;
}

/* Hides from IE-mac \*/
* html .clearfix
{
	height: 1%;
}
.clearfix
{
	display: block;
}
/* End hide from IE-mac */




/*------ wrap ------*/


#wrap
{
	margin: 0px auto 0px auto;
	padding: 0 0 0 0;
	width: 975px;
	text-align: left;
	position: relative;
}


/*------ tools ------*/


#tools
{
	float: right;
	margin-right: 32px;
	font-size: 1.2em;
	background: #F2F0EB url("images/tools-left-bg.gif") no-repeat bottom left;
}

* html #tools
{
	margin-right: 16px;
}


#tools ul
{
	float: left;
	background: url("images/tools-right-bg.gif") no-repeat bottom right;
}


#tools li
{
	float: left;
	padding: 10px;
	background: url("images/tools-divider.gif") no-repeat bottom right;
}


#tools .small
{
	font-size: 0.8em;
}


#tools .medium
{
	font-size: 1.0em;
}


#tools .large
{
	font-size: 1.2em;
}

#tools a
{
	color: #3b124f;
	text-decoration: none;
}


#tools a:hover
{
	text-decoration: underline;
}


#tools .search
{
	width: 190px;
	margin: 0;
	padding: 8px 10px 0 10px;
}




/*#tools span
{
	float: right;
	width: 70px;
	text-align: center;
	margin: 0 0 0 0;
	background: #B4ADA5 url("images/search-btn-bottom.gif") no-repeat bottom left;
}


#tools span:hover
{
	background: #8C8175 url("images/search-btn-bottom.gif") no-repeat -70px 100%;
}
*/

/*------ logo ------*/


#logo
{
	float: left;
	background: url("images/logo-GPC-line.gif") no-repeat 0 0;
}


#logo a
{
	display: block;
	width: 172px;
	height: 115px;
	text-indent: -9999px;
}




/*------ content ------*/


#content
{
	float: left;
	width: 910px;
	padding: 0 32px 0 33px;
	background: url("images/content-bg.png") repeat-y 0 0;
}

* html #content
{
	background: url("images/content-bg.gif") repeat-y 0 0;
}


#content.fullwidth
{
	padding-top: 15px;
	padding-bottom: 20px;
	background: url("images/content-bg2.png") repeat-y 0 0;
}


* html #content.fullwidth
{
	background: url("images/content-bg2.gif") repeat-y 0 0;
}








/*------ #page-content ------*/

.contentWithSubNav
{
	float: right;
    margin-top:5px;margin-right:10px;
	width: 660px;
	/*padding: 0 14px;*/
   
}






h3
{
	font-size: 1.6em;
	color: #22749e;
	padding: 8px 0;
}


p
{
	
	padding-bottom: 8px;
}






/*------ side ------*/


#sub-nav
{float: left;
	width: 210px;
}

.feature
{
	float: left;
	width: 210px;
	padding-bottom: 8px;
	margin-bottom: 20px;
	background: #EBE7ED url("images/feature-bg.gif") no-repeat bottom left;
}


#sub-nav .feature .title
{
	float: left;
	width: 190px;
	font-size:1.2em;
	font-weight: bold;
	color: #3b124f;
	padding: 12px 10px 9px 10px;
	margin: 0 0 0 0;
	background: url("images/feature-top-bg.gif") no-repeat top left;
}


/* RELATED LINKS */
#sub-nav .related-links-orange
{
    background: #FFEEDA url("images/feature-bg.gif") no-repeat bottom left;	

}
#sub-nav .related-links-orange .title
{
	color: #9c5b07;
}
#sub-nav .related-links-orange ul
{
	margin: 0px 0px 0px 10px;
}
#sub-nav .related-links-orange ul li
{
	list-style-type: none;
    margin-bottom:5px;
	
}
#sub-nav .related-links-orange a
{
	color: #9c5b07;
	text-decoration: none;
}
#sub-nav .related-links-orange a:visited
{
	color: #9c5b07;
	text-decoration: none;
}
#sub-nav .related-links-orange a:hover
{
	color: #9c5b07;
	text-decoration: underline;
}
#sub-nav .related-links-brown
{

	background: #EEE7D7 url("images/feature-bg.gif") no-repeat bottom left;	

}
#sub-nav .related-links-brown .title
{
	color: #734e00;
}
#sub-nav .related-links-brown ul
{
	margin: 0px 0px 0px 10px;
}
#sub-nav .related-links-brown ul li
{
	list-style-type: none;
	font-size: 1.2em;
}
#sub-nav .related-links-brown a
{
	color: #734e00;
	text-decoration: none;
}
#sub-nav .related-links-brown a:visited
{
	color: #734e00;
	text-decoration: none;
}
#sub-nav .related-links-brown a:hover
{
	color: #734e00;
	text-decoration: underline;
}









#footer .copyright{
	float: left;
}



#pre-footer, html * #pre-footer
{
    background: url("images/mygphc-pre-footer-bg.gif") no-repeat bottom left transparent !IMPORTANT;
}
#pre-footer .gutter, html * #pre-footer .gutter
{
    background: none;
}
#footer, html * #footer
{
    background: url("images/mygphc-footer-bg.gif") no-repeat 50% 0 scroll transparent !IMPORTANT;
    margin: -1px 0 20px;
}



/*------ pre-footer ------*/


#pre-footer
{
	float: left;
	width: 975px;
	padding: 0 0 11px 0;
	background: url("images/pre-footer-bg.jpg") no-repeat 0 100%;
}

* html #pre-footer
{
	background: url("images/pre-footer-bg.gif") no-repeat 0 100%;
}



#pre-footer .gutter
{
	float: left;
	width: 901px;
	background: #E2DFD6 url("images/pre-footer-gutter-bg.gif") no-repeat 0 0;
	margin: 0 0 0 33px;
	padding: 0 0 10px 9px;
}


* html #pre-footer .gutter
{
	margin: 0 0 0 17px;
	padding: 0 0 10px 8px;
}


#pre-footer .links
{
	float: left;
	width: 177px;
	min-height: 60px;
	height: auto !important;
	height: 60px;
	margin: 0 0 0 1px;
	padding: 0 0 10px 0;
	background: #fff url("images/links-bottom-bg.gif") no-repeat 0 100%;
}


#pre-footer .title
{
	font-size: 1.4em;
	color: #322719;
	font-weight: bold;
	height: 32px;
	padding: 14px 0 0 0;
}



#pre-footer .links dl
{
	float: left;
	width: 151px;
	margin: 0 0 0 0;
	padding: 10px 9px 0 9px;
}



#pre-footer .links dt
{
	padding-left: 7px;
	font-size: 1.2em;
	font-weight: bold;
	color: #594e42;
	cursor: pointer;
	background: #fff url("images/links-bullet.gif") no-repeat 0 7px;
}


#pre-footer .links dt:hover
{
	color: #322719;
}


#pre-footer .links dd
{
	padding: 0 0 0 10px;
	margin: 2px 0 0 0;
	font-size: 1.2em;
}


#pre-footer .links dd a:link
{
	color: #3b124f;
	text-decoration: underline;
}


#pre-footer .links dd a:visited
{
	color: #777;
	text-decoration: underline;
}


#pre-footer .links dd a:active
{
	color: #3b124f;
	text-decoration: underline;
}


#pre-footer .links dd a:hover
{
	color: #3b124f;
	text-decoration: none;
}



/*------ footer ------*/


#footer
{
	float: left;
	width: 975px;
	padding: 0 0 0 0;
	margin: -6px 0 20px 0;
	background: none;
	font-size: 1.2em;
	background: url("images/footer-bg.jpg") no-repeat 50% 0;
}

* html #footer
{
	background: url("images/footer-bg.jpg") no-repeat 50% 0;
}


#footer .copyright
{
	float: right;
	padding: 0px 55px 20px 0;
}


#footer .info
{
	float: right;
	padding: 12px 45px 20px 0;
	color: #7f7366;
}




#footer .info li
{
	float: left;
}


#footer .info li a
{
	color: #fff;
	text-decoration: none;
	margin: 0 10px 0 10px;
}


#footer .info li a:hover
{
	text-decoration: underline;
}