/*
	citiesrevealed.css colours:
	- main:  rgb(255,100,0)
	         #0066CB
	- light: rgb(255,130,0)
	         #3366FF

	training4gis.css colours:
	- main:  rgb(0,102,203)
	         #0066CB
	- light: rgb(0,126,203)
	         #3366FF
	
*/

/* Page Style */
html
{
	font-size:0.8em;
}

html, body
{
	background:#FFF;
	color:#000;
	font-family:"Rotis Sans Serif", Arial, Helvetica, sans-serif;
	margin:0;
	padding:0;
}

/* Link Styles */
/* General (content body, etc) Link Styles */
a:link
{
	color:#000;
	text-decoration:underline;
}

a:visited
{
	color:#000;
	text-decoration:underline;
}

a:hover
{
	/*text-decoration:none;*/
	color:#CCC;
}

/* General Image Link Style*/
a img
{
	text-decoration:none;
}

/* Footer Link Style */
a:link.a_footer,
a:visited.a_footer
{
	color:#FFF;
}
a:hover.a_footer
{
	color:#000;
}

/* Front Page/Content Sub-Heading Link Styles */
h3 a:link,
h3 a:visited
{
	color:#0066CB;
	text-decoration:none;
}

/* Front Page Resource Centre Link Styles */
h5 a:link,
h5 a:visited
{
	color:#FFF;
	text-decoration:none;
}

h3 a:hover,
h5 a:hover
{
	color:#000;
}

.clear, .clear_float { clear:both; }
.left  { float: left;  }
.right { float: right; }

/* Section Menu Link Styles */
div#breadcrumb a,
div#breadcrumb a:visited
{
	color:#000;
	text-decoration:none;
}

div#breadcrumb a:hover
{
	text-decoration:underline;
}

/* Section Menu Section Title Link Styles */
div#breadcrumb a.breadcrumb_title,
div#breadcrumb a:visited.breadcrumb_title
{
	color:#0066CB;
	text-decoration:none;
}

div#breadcrumb a:hover.breadcrumb_title
{
	text-decoration:underline;
}

/* Navigation Menu Link Styles */
div.nav_box a,
div.nav_box a:visited
{
	color:#FFF;
	text-decoration:none;
}

/* Front Page 'more' Link Styles */
a.front_more,
a:visited.front_more
{
	color:#0066CB;
	text-decoration:none;
}

a:hover.front_more
{
	color:#000;
	text-decoration:underline;
}
/* End Link Styles */

/* Page Construction */
div#container
{
	width:100%;
}

div#header
{
	max-width:100%;
	width:auto;
	min-width:60em;
}

div#banner
{
	background:#0066CB;
	color:#FFF;
	height:100%;
	width:100%;
}

div#title
{
	background:#0066CB;
	color:#FFF;
	margin-top:0.2em;
	width:100%;
}

div#title span#date
{
	float:left;
	margin:0.3em 0 0.3em 1.5em;
}

div#breadcrumb
{
	background:#FFF;
	color:#0066CB;
	float:right;
	height:auto;
	margin-left:0em;
	margin-right:1em;
	padding:0.3em 1em;
	width:auto;
}

div#banner_image
{
	background:none;
	height:4em;
	margin-top:0.2em;
	width:100%;
}

div#content
{
	margin-bottom:1em;
	max-width:100%;
	min-width:60em;
	width:100%;
}

div#navigation
{
	color:#000;
	float:left;
	margin-left:0;
	padding-top:0.5em;
	width:18em;
	font-size:1em;
}

div#content_container
{
	height:100%;
	margin-left:18em;
}

div.nav_box
{
	background:#0066CB;
	height:auto;
	padding:1em;
	padding-top:0em;
	width:16em;
	margin-top:1em;
}

div#front_content_right
{
	float:right;
	width:49%;
}

div#front_content_left
{
	border-right:1px solid #CCC;
	float:left;
	width:50%;
}

div#front_content_centre
{
	float:left;
	width:100%;
}

div.front_content_padding
{
	padding:0 1em;
}

div.front_content_padding ul li
{
	margin:0.5em 0;
}

div.front_content_box_left
{
	margin:0;
	margin-bottom:1em;
	padding:0;
}

div.front_content_padding p
{
	line-height:1.5;
	padding:0.2em 0;
}

div.front_content_box_right
{
	background:#3366FF;
	color:#000;
	margin-bottom:1em;
	padding:0.5em;
}

div#iotm.front_content_box_right
{
	background:#FFF;
	padding:0;
}

div#menu
{
	background:none;
}

div#footer
{
	background:#0066CB;
	color:#FFF;
	max-width:100%;
	min-width:56em;
	padding:1em 1em;
	text-align:center;
}

div#footer_images
{
	float:right;
	height:100%;
	background:#FFF;
	border-right:1em solid #0066CB;
	margin:-1em -1em -1em 1em;
	padding:0 1em;
	min-height:40px;
}

/* List Styles */
ul
{
	list-style-image:url("http://www.citiesrevealed.com/images/list_arrow.gif");
}

/* Clear Floats */
.clear_float
{
	clear:both;
}

div.nav_box ul
{
	list-style:none;
	list-style-image:none;
	margin:0;
	padding:0;
}

div.nav_box li
{
	padding-bottom:0.2em;
	margin-bottom:0.2em;
	/*border-bottom:1px dotted #666;*/
	border-bottom:1px solid #fff;
}

/* Navigaton Menu */
div#menu ul
{
	list-style:none;
	margin:0;
	padding:0;
}

div#menu ul li ul {
	position: absolute;
	left: 18em;
	top: 0;
	display: none;
	border:1px solid #0066CB;
	border-bottom:none;
	border-left:none;
}

div#menu ul li ul li ul{
	position: absolute;
	left: 11.2em;
	top: 0;
	display: none;
	border:1px solid #0066CB;
	border-bottom:none;
	border-left:none;
}

div#menu ul li
{
	position:relative;
}

div#menu ul li ul li
{
	/**/	
}

div#menu ul li a
{
	background:#FFF;
	color:#000;
	display:block;
	float:none;
	height:1.4em;
	margin-bottom:0.2em;
	font-size:1em;
	padding:0.1em 0.2em;
	text-align:right;
	text-decoration:none;
	width:12em;
	border-style:solid;
	border-color:#0066CB;
	border-width:0 0.5em 0 5.1em;
}

div#menu ul li a.top,
div#menu ul li a:visited.top
{
	background:url("../images/list_arrow.gif") no-repeat #FFF;
	background-position:0.5em center;
}

div#menu ul li ul li a
{
	background:#FFF;
	color:#000;
	height:auto;
	font-size:1em;
	text-align:right;
	text-decoration:none;
	border-left:0.5em solid #0066CB;
	border-right:0.5em solid #0066CB;
	border-bottom:1px solid #0066CB;
	margin:0;
	padding:0.2em;
	width:10em;
}

div#menu ul li a:visited
{
	background:#FFF;
	color:#000;
	text-decoration:none;
}

div#menu ul li a:hover
{
	background:#CCC;
	color:#000;
	text-decoration:none;
}

div#menu ul li a:hover.top
{
	background:url("../images/list_arrow_over.gif") no-repeat #CCC;
	background-position:0.5em center;
}

/* Fix IE. Hide from IE Mac \*/
* html div#menu ul li { float: left; height: 1%; }
* html div#menu ul li a { height: 1%; }

* html div#menu ul li ul li{ float: left; height: 1%; }
* html div#menu ul li ul li a { height: 1%; }
/* End */

div#menu li:hover ul, div#menu li.over ul
{
	display: block;     /* menu mechanics */
}

div#menu li:hover ul li ul, div#menu li.over ul li ul
{
	display:none;
}

div#menu ul li ul li:hover ul, div#menu ul li ul li.over ul
{
	display: block; /* Show sub-menu */
}


/* Header Style */
h1
{
	font-size:2em;
	font-weight:400;
	margin:0;
	padding:1.5em 0 0.3em 0.5em;
	float:left;
}

h2
{
	font-size:1.5em;
	font-weight:400;
	margin:0;
	padding:0 0 0.5em;
	text-transform:lowercase;
}

h3
{
	color:#0066CB;
	font-size:1.1em;
	font-weight:400;
	margin:0.5em 0;
	padding:0;
	clear:both;
	text-transform:capitalize;
}

h3 a,
h5 a
{
	display:block;
	height:1.2em;
	background:url("http://www.citiesrevealed.com/images/link_arrow2.gif") center left no-repeat;
	padding-left:1.2em;
}

h3 a:hover,
h5 a:hover
{
	background:url("http://www.citiesrevealed.com/images/link_arrow2_over.gif") center left no-repeat;
}

h4
{
	background:#CCC;
	font-size:1em;
	font-weight:normal;
	margin:0 -1em 0.5em;
	border-style:solid;
	border-color:#0066CB;
	border-width:0 0.5em 0 5.1em;
	padding:0.1em 0.2em;
	text-align:right;
	width:12em;
	height:1.2em;
}

h5
{
	color:#FFF;
	font-size:1.1em;
	font-weight:400;
	margin:0;
	padding:0;
}

h6
{
	color:#0066CB;
	font-size:1.1em;
	font-weight:normal;
	font-style:italic;
	margin:0.5em 0;
	padding:0;
	clear:both;
}

div#iotm h5
{
	color:#0066CB;
}

/* Table Style */
table, table.form
{
	border-collapse:collapse;
	border:1px solid #36f;
	margin:0.5em;
}

table th, table.form th
{
	background:#0066cb;
	color:#fff;
	padding:0.5em;
}

table td, table.form td
{
	border:1px solid #36f;
	padding:0.5em;
}

table.layout
{
	border-collapse:collapse;
	border:none;
	margin:0;
	padding:0;
}

table.layout th, table.layout td
{
	padding:0;
	margin:0;
}

tr.total
{
	font-weight:bold;
}

td.money
{
	text-align:right;
}

td.left,
td.right
{
	width:50%;
}

/* Paragraph Style */
p
{
	margin:0.5em 0;
	padding:0;
}

/* Error Message Style */
div.error
{
	color:#F00;
}

/* Image Style */
img
{
	border:none;
	padding:0;
	margin:0;
}
img.banner_img
{
	height:4em;
	width:100%;
}

img.logo_products
{
	float:right;
	margin-right:2em;
	height:80px;
	width:250px;
}

img.logo_cr
{
	width:50px;
	height:40px;
	margin:-0.5em 0;
}

img.logo_t4g
{
	width:80px;
	height:40px;
	margin:-0.5em 0;
}

img.logo_tgg
{
	width:240px;
	height:40px;
}

img.front_content_img
{
	width:159px;
	height:55px;
	float:left;
	margin:0 0.5em 0 0;
}

img.iotm_img_thumb
{
	width:100%;
	height:125px;
}

img.iotm_img
{
	width:426px;
	height:327px;
}

img.front_content_go
{
	width:40px;
	height:17px;
}

img.img_pdf_logo
{
	
	width:17px;
	height:17px;
	margin-bottom:-0.3em;
}

img.products_main
{
	text-align:center;
	margin:0 auto;
	width:300px;
	height:150px;
}

/* ----- payment ----- */
div.payment
{
	float:left;
}

input.next, input.previous
{
	display:block;
	border:1px solid #36f;
	background:#fff;
	padding:5px 10px;
	margin:0;
	height:auto;
}

input.next { float:right; }
input.previous { float:left; }

input.next:hover, input.previous:hover
{
	background:#0066CB;
	border:1px solid #36f;
}

.label { font-weight:bold; }

.info
{
	margin:10px;
	padding:10px;
	border:1px solid #36f;
}

.error
{
	margin:10px;
	padding:10px;
	border:2px solid #f00;
	font-weight:bold;
}