/* Master CSS */

body {
	margin: 0;
	padding: 0;
	font-family: Verdana;
	font-size: 12px;
	color: #5A5A5A;
}

p { margin: 10px 0; }

a, a:visited { color: #00D5FF; text-decoration: none; }
a:hover { text-decoration: underline; }
a:active{ color: #FFAF32; }

ul {}
ul li { margin-left: 20px; list-style-type: disc;}

ol {}
ol li { margin: 10px 0 0 20px; }

input { border: 1px #ccc solid; padding: 4px; }
textarea { border: 1px #ccc solid; padding: 4px; width: 300px; height: 100px; }

table { width: 700px; }
table th { font-weight: bold; border-bottom: 1px #ccc dotted; }
table tr td { padding: 8px 0; }

strong { font-weight: bold; }

/* Layout */

#wrapper {
	width: 800px;
	min-height: 600px;
	margin: 0 auto;
	padding: 10px;
}

#header {}
#header img { border: none;	margin: 10px 0 0 26px; }

#nav {
	width: 780px;
	height: 60px;
	margin-top: 30px;
	padding: 0;
}

#nav ul {}
#nav ul li {
	display: inline;
	margin: 0;
	padding: 0;
}
#nav ul li a {
	margin-left: 22px;
	padding: 16px 4px 16px 60px;
	display:block;
	float:left;
}

#nav ul li a.first { background: url(/images/layout/site_wide/nav/nav_1.jpg) 0 0 no-repeat; }
#nav ul li a.second { background: url(/images/layout/site_wide/nav/nav_2.jpg) 0 0 no-repeat; }
#nav ul li a.third { background: url(/images/layout/site_wide/nav/nav_3.jpg) 0 0 no-repeat; }
#nav ul li a.fourth { background: url(/images/layout/site_wide/nav/nav_4.jpg) 0 0 no-repeat; }
#nav ul li a.fifth { background: url(/images/layout/site_wide/nav/nav_5.jpg) 0 0 no-repeat; }

#footer {
	width: 766px;
	margin: 0 auto;
	padding: 10px;
	border: 1px #E2E2E2 solid;
	color: #ccc;
	margin-top: 10px;
	margin-bottom: 10px;
}

#footer ul {	float: right; }
#footer ul li { display:inline; }

#affiliates {
	width: 786px;
	margin: 0 auto;
	text-align: right;
	padding: 10px 0 0 0;
}

/* Content */

#content {
	width: 730px;
	min-height: 500px;
	margin: 0 10px 10px 32px;
}

.errorExplanation {
	width: 600px;
	border: 2px #FD6262 solid;
	background: #FFDFDF;
	padding: 10px;
}
.errorExplanation h2 { font-size: 18px;}

#error, #message, #notice {
	width: 100%;
	height: 18px;
	padding: 10px 0;
	margin: 0;
	border: 1px #00D5FF solid;
	color: #444;
	font-weight; bold;
	text-align: center;
}

/* Contact Cards */

#contact_card {
	width: 290px;
	min-height: 60px;
	float: left;
	background: #f0f0f0;
	border-right: 4px #cccccc solid;
	border-bottom: 4px #cccccc solid;
	border-top: 4px #f0f0f0 solid;
	border-left: 4px #f0f0f0 solid;
	padding: 0 10px;
	margin: 10px 20px 10px 20px;
}

#contact_card h5 { font-weight: bold; }

/* Journey */

/* content below sliding panels & loader */

#assets_box { width: 800px; height: 366px; }
#assets_list {
	width: 786px;
	height: 346px;
	margin: 10px 10px 10px 5px;
	padding: 0 0 4px 0;
	border: 1px #E2E2E2 solid;
	background: #F0F0F0;
}

#loading { width: 800px; height: 366px; }

#downloads_list {
	width: 215px;
	min-height: 100px;
	float: left;
	padding: 10px 0 10px 40px;
}

#downloads_list ul li {
	margin: 4px 0;
	padding: 0;
	list-style-type: none;
}

#case_studies_list {
	width: 215px;
	min-height: 100px;
	float: left;
	padding: 10px 0 10px 40px;
}

#case_studies_list ul li {
	margin: 4px 0;
	padding: 0;
	list-style-type: none;
}

#links_list {
	width: 215px;
	min-height: 100px;
	float: left;
	padding: 10px 0 10px 40px;
}

#links_list ul li {
	margin: 4px 0;
	padding: 0;
	list-style-type: none;
}

#links_list ul li span { font-size: 10px; color: #696969; }

#assets_list div ul li {
	background: url(/images/layout/journey/arrow.gif) 0 0 no-repeat;
	padding-left: 14px;
	
}

/* steps */

#step_image_right {
	float: left;
	margin-left: 10px;
}

#step_image_left {
	float: left;
	margin: 0 16px 0 10px;
}

/* user & session */

div#login {
	width: 180px;
	height: 200px;
	border: 1px #ccc solid;
	padding: 10px;
	margin: 0 auto;
	margin-top: 40px;
}

/* misc */

.nice-unordered-list {
	list-style-type: circle;
	margin: 15px;
}

.nice-unordered-list li {
	margin: 4px;
}

/* home page map */

#map_holder {	width: 700px;	height: 260px; position: relative; }
#journey_map { width: 700px; height: 241px; background: url(/images/layout/home/map.jpg) 0 0 no-repeat; padding: 0; }
#journey_map li { margin: 0; padding: 0; list-style: none; position: absolute; }
#journey_map li, #journey_map a {	display: block; height: 50px; }

/* first row */
#panel_1 { top: 0; left: 0;  width: 194px; }
#panel_1 a:hover { background: transparent url(/images/layout/home/map.jpg) 0 -240px no-repeat; }

#panel_2 { top: 0; left: 242px;  width: 194px; }
#panel_2 a:hover { background: transparent url(/images/layout/home/map.jpg) -242px -240px no-repeat; }

#panel_3 { top: 0; left: 482px;  width: 194px; }
#panel_3 a:hover { background: transparent url(/images/layout/home/map.jpg) -482px -240px no-repeat; }

/* second row*/
#panel_4 { top: 94px; left: 0;  width: 194px;  }
#panel_4 a:hover { background: transparent url(/images/layout/home/map.jpg) -1px -335px no-repeat; }

#panel_5 { top: 94px; left: 242px;  width: 194px; }
#panel_5 a:hover { background: transparent url(/images/layout/home/map.jpg) -242px -334px no-repeat; }

#panel_6 { top: 94px; left: 482px;  width: 194px; }
#panel_6 a:hover { background: transparent url(/images/layout/home/map.jpg) -482px -334px no-repeat; }

/* third row */
#panel_7 { top: 194px; left: 0;  width: 194px; }
#panel_7 a:hover { background: transparent url(/images/layout/home/map.jpg) 0 -434px no-repeat; }