/* -------------------------------------------------------------------------
GPEN - Global Prosecutors E-crime Network
screen style sheet
last update: 23 March 2009
author: Andy Gosling
email: andy@ecru.co.uk
------------------------------------------------------------------------- */

/* !Eric Meyer's css reset (http://meyerweb.com/eric/tools/css/reset/) -- */

html, 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,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

body {
	line-height: 1;
}

ol, ul {
	list-style: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

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

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

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

/* end css reset */

body { 
	font-size: 75%; /* convert 16px base font size to 12px */
	font-family: Lucida Sans, Lucida Grande, Lucida Sans Unicode, Geneva, Verdana, sans-serif;
	color: #333;
	background-color: #DEDEDE;
}

/* !typography */
/* ------------------------------------------------------------------------- */

/* font sizing guide:

pixels		ems			leading
-------------------------------------
9px 	= 	0.75em		2.2222em
10px 	= 	0.8333em	2em
11px 	= 	0.9166em	1.8181em
12px 	= 	1em			1.6666em
13px 	= 	1.0833em	1.5384em
14px 	= 	1.1666em	1.4285em
15px 	= 	1.25em		1.3333em
16px 	= 	1.3333em	1.25em
17px 	= 	1.4166em	1.1764em
18px 	= 	1.5em		1.1111em
19px 	= 	1.5833em	1.0526em
20px 	= 	1.6666em	1em
21px 	= 	1.75em		
22px 	= 	1.8333em	
23px 	= 	1.9166em	
24px 	= 	2em			
30px	=	2.5em		
	 
*/

p {
	font-size: 1.1666em; /* 14px */
	line-height: 1.4285em; /* 20px */
	margin: 1.4285em 0;
}

p.intro {
	font-size: 1.3333em; /* 16px */
	line-height: 1.25em; /* 20px */
	margin: 1.25em 0;
}

h1, h2, h3, h4, h5, h6 {
	color: #333;
	font-weight: normal;
}

h1 {
	font-size: 2.5em; /* 30px */
	line-height: 1em;
	padding-bottom: 0.45em;
	margin: 0;
	color: #FC0;
	text-transform: uppercase;
}

h2 {
	font-size: 1.6666em; /* 20px */
	line-height: 1em;
	margin: 1em 0;
}

h3 {
	font-size: 1.5em; /* 18px */
	line-height: 1.1111em;
	margin: 1.1111em 0;
}

h4 {
	font-size: 1.3333em; /* 16px */
	line-height: 1.25em;
	margin: 1.25em 0;
}

h5 {
	font-size: 1.1666em; /* 14px */
	line-height: 1.4285em;
	margin: 1.4285em 0;
}

h6 {
	font-size: 1em; /* 12px */
	line-height: 1.6666em;
	margin: 1.6666em 0;
	font-weight: bold;
}

/* !general layout */
/* ------------------------------------------------------------------------- */

#skipLink {
	position: absolute;
	top: -40px;
}

#header {
	height: 96px;
	background: #FFF url(../images/header_bg.jpg) repeat-x left bottom;
}

#headerContent {
	width: 940px;
	margin: 0 auto;
	position: relative;
}

#wrapper {
	background: #1D3A6D url(../images/content_bg.gif) repeat-x 0 0;
	padding-bottom: 20px;
}

#content {
	width: 940px;
	margin: 0 auto;
	padding-top: 30px;
}

#home #content,
#about #content,
#industry #content,
#training #content,
#library #content,
#contacts #content {
	padding-top: 0;
}

#footer {
	clear: both;
	background: #DEDEDE url(../images/footer_bg.jpg) repeat-x 0 0;
	min-height: 130px;
}

.clearboth {
	clear: both;
}

/* lists */

#content ul {
	margin: 1.6666em 0 1.6666em 20px;
}

#content ol {
	margin: 1.6666em 0 1.6666em 40px;
	list-style: decimal;
}

#content li ul, li ol {
	margin: 0 0 0 20px;
}

#content li, #content dt, #content dd {
	font-size: 1.1666em; /* 14px */
	line-height: 1.4285em; /* 20px */
	margin: 0.7142em 0;
}

#content ul li {
	padding-left: 11px;
	background: url(../images/list_bullet2.gif) no-repeat 0 0.6em;
}

#content li ul li {
	padding-left: 9px;
	background: url(../images/list_bullet3.gif) no-repeat 0 0.7em;
}

/* variants */

strong {
	font-weight: bold;
}

em {
	font-style: italic;
}

/* !header */
/* ------------------------------------------------------------------------- */

#home #logo {
	text-indent: -999em;
}

#header #logo {
	background: #FFF url(../images/gpen_logo.jpg) no-repeat;
	height: 94px;
	width: 377px;
	position: absolute;
	top: 0;
	left: -30px;
	text-indent: -999em;
}

#header p {
	margin: 0;
}

/* !login */
/* ------------------------------------------------------------------------- */

#loginPanel {
	position: absolute;
	top: 15px;
	right: 0;
	width: 300px;
	height: 88px;
	background: url(../images/login_bg.jpg) no-repeat 0 0;
}

#loginPanel p {
	color: #369;
	font-size: 1em; /* 12px */
	line-height: 1.8181em;
	text-transform: uppercase;
}

#login {
	padding: 8px;
}

#loginPanel label {
	width: 65px;
	display: block;
	float: left;
	font-size: 0.9166em; /* 11px */
	text-transform: none;
	color: #999;
}

#loginPanel .small {
	font-size: 0.9166em; /* 11px */
	text-transform: none;
	color: #999;
	margin-bottom: 4px;
}

#loginPanel .small a:link,
#loginPanel .small a:visited {
	color: #369;
}

#loginPanel .small a:hover,
#loginPanel .small a:active {
	color: #000;
}

#loginPanel input {
	width: 90px;
	border: 1px solid #999;
	padding: 2px 4px;
}

#loginBtn input {
	width: 48px;
	height: 20px;
	border: none;
	padding: 0;
	float: left;
}

.inputs {
	float: left;
	margin-right: 10px;
}

/* logged in */

#loggedIn {
	position: absolute;
	top: 15px;
	right: 0;
	width: 400px;
	text-align: right;
}

#loggedIn p {
	color: #999;
	font-size: 1em; /* 12px */
	line-height: 1.6666em;
	float: right;
	padding-left: 5px;
}

#loggedIn p strong {
	color: #369;
}

/* !navigation */
/* ------------------------------------------------------------------------- */

#navigation {
	clear: both;
	background-color: #DEDEDE;
	border-bottom: 1px solid #C1C1C1;
}

#navigation ul {
	width: 940px;
	margin: 0 auto;
}

#navigation li {
	float: left;
	text-transform: uppercase;
	font-size: 1.1666em;
}

#navigation li a:link,
#navigation li a:visited {
	display: block;
	border-left: 1px solid #F5F5F5;
	border-right: 1px solid #ADADAD;
	background-color: #DEDEDE;
	color: #666;
	text-decoration: none;
	padding: 5px 10px;
}

#navigation li a:hover,
#navigation li a:active {
	border-left: 1px solid #FFF;
	background-color: #E6E6E6;
	color: #444;
}

#navHome {
	border-left: 1px solid #ADADAD;
}

#navContacts {
	border-right: 1px solid #F5F5F5;
}

/* active menu items */

#home li#navHome a:link, #home li#navHome a:visited, #home li#navHome a:hover, #home li#navHome a:active,
#about li#navAbout a:link, #about li#navAbout a:visited, #about li#navAbout a:hover, #about li#navAbout a:active,
#industry li#navIndustry a:link, #industry li#navIndustry a:visited, #industry li#navIndustry a:hover, #industry li#navIndustry a:active,
#training li#navTraining a:link, #training li#navTraining a:visited, #training li#navTraining a:hover, #training li#navTraining a:active,
#library li#navLibrary a:link, #library li#navLibrary a:visited, #library li#navLibrary a:hover, #library li#navLibrary a:active,
#forum li#navForum a:link, #forum li#navForum a:visited, #forum li#navForum a:hover, #forum li#navForum a:active,
#contacts li#navContacts a:link, #contacts li#navContacts a:visited, #contacts li#navContacts a:hover, #contacts li#navContacts a:active {
	border-left: 1px solid #FFF;
	background-color: #F5F5F5;
	color: #222;
}

/* !breadcrumb */
/* ------------------------------------------------------------------------- */

#breadcrumb {
	color: #FFF;
	font-size: 0.9166em; /* 14px */
	line-height: 1.8181em; /* 20px */
	padding-top: 1.8181em;
	margin-top: 0;
}

#breadcrumb a:link,
#breadcrumb a:visited {
	color: #FC0;
	text-decoration: none;
	border-bottom: 1px solid #617599;
}

#breadcrumb a:hover,
#breadcrumb a:active {
	color: #FFF;
	border-bottom: 1px solid #FFF;
}

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

#gpenforum {
	margin-top: 40px;
}

#contentHead {
	background: #152C5A url(../images/title_banner.jpg) no-repeat 0 0;
	height: 82px;
	width:940px;
	margin: 0 auto;
}

#primaryContent {
	background-color: #FFF;
	padding: 3px 20px 0 20px;
	padding: 0;
}

#about #primaryContent,
#industry #primaryContent,
#training #primaryContent,
#library #primaryContent {
	padding: 23px 40px 0 40px;
}

/* title bars */

#contentHead h1 {
	padding: 25px 0 20px 82px;
	background-repeat: no-repeat;
	background-position: 0 0;
}

#about h1 { background-image: url(../images/icon_about.gif); }
#industry h1 { background-image: url(../images/icon_partners.gif); }
#training h1 { background-image: url(../images/icon_training.gif); }
#library h1 { background-image: url(../images/icon_library.gif); }
#forum h1 { background-image: url(../images/icon_forum.gif); }
#contacts h1 { background-image: url(../images/icon_contacts.gif); }

#topLink {
	clear: both;
	float: right;
	background-color: #FC0;
	margin: 0;
	font-size: 0.9166em;
	line-height: 1.8181em;
}

#topLink a:link,
#topLink a:visited {
	display: block;
	background-color: #FC0;
	color: #1D3A6D;
	text-decoration: none;
	padding: 1px 6px;
}

#topLink a:hover,
#topLink a:active {
	background-color: #369;
	color: #FFF;
}

#primaryContent #column1 {
	width: 420px;
	float: left;
}

#primaryContent #column1 #IAPlink {
	background-color: #e5eaea;
	padding: 3px;
}

#primaryContent #column2 {
	width: 420px;
	float: right;
}

#about #content #column1,
#industry #content #column1 {
	width: 280px;
	float: left;
}

#about #content #column2,
#industry #content #column2 {
	width: 560px;
	float: right;
}

#about #content #column2 p,
#industry #content #column2 p {
	font-size: 1em; /* 12px */
	line-height: 1.6666em; /* 20px */
	margin: 1.6666em 0;
}

#about #content li,
#industry #content li {
	font-size: 1em; /* 12px */
	line-height: 1.6666em;
	margin: 0.8333em 0;
	background: url(../images/bullet.gif) no-repeat 0 0.7em;
}

/* list of categories */

#primaryContent ul.categories {
}

#primaryContent ul.categories li {
	background: #DFDFDF url(../images/categories_bg.jpg) repeat-x 0 0;
	padding: 0;
	font-size: 1.3333em;
	line-height: 1.25em;
	margin: 0.3em 0;
}

#primaryContent ul.categories li a:link,
#primaryContent ul.categories li a:visited {
	display: block;
	background: #DFDFDF url(../images/categories_bg.jpg) repeat-x 0 0;
	padding: 8px 10px;
	border: 1px solid #ADADAD;
	color: #666;
	text-decoration: none;
	text-transform: uppercase;
}

#primaryContent ul.categories li a:hover,
#primaryContent ul.categories li a:active {
	background-image: none;
	background-color: #FC0;
	border: 1px solid #FC0;
	color: #333;
}

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

#footerContent {
	width: 940px;
	margin: 0 auto;
	padding-top: 28px;
}

#contactInfo {
	float: left;
	padding-top: 10px;
}

#footer h2 {
	margin-top: 0;
	color: #369;
	font-size: 1.1666em;
	line-height: 1.4285em;
	margin: 0 0 0.7412em 0;
}

#footer p {
	color: #666;
	font-size: 1em;
	line-height: 1.6666em;
	margin: 0;
}

#contactInfo {
	padding-bottom: 20px;
}

#contactInfo p a:link, #contactInfo p a:visited {
	color: #152C5A;
}

#contactInfo p a:hover, #contactInfo p a:active {
	color: #369;
}

#IAP {
	float: right;
}

/* !homepage layout */
/* ------------------------------------------------------------------------- */

#home #header {
	height: 120px;
	background: #FFF url(../images/header_bg_home.jpg) repeat-x left bottom;
}

#home #header #logo {
	background: #FFF url(../images/gpen_hompage_logo.jpg) no-repeat;
	height: 118px;
	width: 416px;
	left: -35px;
}

#home #wrapper {
	position: relative;
	background: #1D3A6D url(../images/home_bg.jpg) no-repeat top center;
}

#home #smap {
	position: absolute;
	top: 0;
	right: 0;
	margin-left: -430px;
	z-index: 0;
	background: url(../images/home_bg.jpg) no-repeat top center;
	width: 100%;
	height: 691px;
	overflow: hidden;
}

#home #content {
	position: relative;
}

#home #content h1 {
	position: absolute;
	top: 120px;
	left: 0;
	height: 103px;
	width:348px;
	background: url(../images/h1_home.png) no-repeat 0 0;
	text-indent: -999em;
}

#home #primaryContent {
	width: 380px;
	float: left;
	background-color: transparent;
	padding: 260px 0 0 0;
}

#home #secondaryContent {
	width: 540px;
	float: right;
	padding-top: 260px;
}

#home #content p {
	color: #FFF;
	margin-top: 0;
}

#home #content a:link,
#home #content a:visited {
	color: #FFCC00;
	text-decoration: none;
	border-bottom: 1px solid #617599;
}

#home #content a:hover,
#home #content a:active {
	color: #FFFFFF;
	border-bottom: 1px solid #FFF;
}

/* panels */

#home .panel {
	background-color: #152C5A;
	margin: 0 0 10px 0;
	padding: 0 10px 0 73px;
	background-position: 2px 4px;
	background-repeat: no-repeat;
}

#home .panel p {
	font-size: 1em; /* 12px */
	line-height: 1.6666em;
	margin: 0 0 0 0;
	padding-bottom: 0.8333em;
}

#home .panel h2 {
	font-size: 1.5em; /* 18px */
	line-height: 1.1111em;
	margin: 0 0 0.5555em 0;
	padding-top: 0.5555em;
}

#panelPartners { background-image: url(../images/icon_partners_home.gif) }
#panelTraining { background-image: url(../images/icon_training_home.gif) }
#panelLibrary { background-image: url(../images/icon_library_home.gif) }
#panelForum { background-image: url(../images/icon_forum_home.gif) }
#panelContacts { background-image: url(../images/icon_contacts_home.gif) }