/*	...........................
	Web2.0Slides.com stylesheet
	Spring.net
	http://spring.net
	...........................


COLORS ........................
x-light blue	#CFE2ED rgb(207,226,237)
light blue		#A0C5DC rgb(160,197,220)
med	blue		#73A9C9 rgb(115,169,201)
dark blue		#307192 rgb(48,113,146)

light green		#C5DF9C rgb(197,223,156)
med green		#A5D16C rgb(165,209,108)
dark green		#67943F rgb(103,168,63)

light orange	#FDD87A rgb(253,216,122)
med orange		#FCC741 rgb(252,199,65)
dark orange		#C7922B rgb(199,146,43)

light gray		#BEBEBE rgb(190,190,190)
med gray		#A0A0A0 rgb(160,160,160)
dark gray		#646464 rgb(100,100,100)


FONTS .........................
Arial
Courier New
Georgia
Sans-serif
Tahoma
'Times New Roman', Times, serif
'Trebuchet MS'
Verdana
*/


/* ..... Global Elements ..... */
/* commented backslash hack v2 \*/ 
html, body{ height: 100%; } 
/* end hack */ 
html, body {
	margin: 0;
	padding: 0; 
	}

body {
	font-size: 62.5%; /* Resets 1em to 10px */
	font-family: 'Trebuchet MS', Verdana, Sans-Serif;
	background: rgb(207,226,237);
	color: rgb(50,50,50);
	text-align: left;
	}

#outer {
	height: 100%;
	min-height: 100%;
	margin: auto;
	position: relative;
	}
	.bgsmall {
		background: rgb(207,226,237) url(images/bg.20.small.gif) no-repeat bottom right fixed;
		}
	.bgbig {
		background: rgb(207,226,237) url(images/bg.20.gif) no-repeat bottom right fixed;
		}

html>body #outer {height: auto;} /*for mozilla as IE treats height as min-height anyway*/

a, a:hover, a:active, a:visited {
	text-decoration: none;
	}

img {
	border: none;
	}

span.small {
	font-size: .8em;
	}
span.on {
	color: rgb(48,113,146);
	}
span.b {
	font-weight: bold;
	}

form {
	margin: 0;
	padding: 0;
	}

table {
	display: table;
	margin: 0;
	padding: 0;
	border: 0;
	border-spacing: 0;
	}
	table tr {
		display: table-row;
		margin: 0;
		padding: 0;
		}
	table td {
		display: table-cell;
		margin: 0;
		padding: 0;
		}
/* ..... end Global Elements ..... */



/* ..... side frame ..... */
#header, #catselect, #controls {
	margin: 0 0 5px 0;
	padding: 3px;
	background-color: rgb(197,223,156);
	border-bottom: 1px solid rgb(165,209,108);
	text-align: center;
	}

#header {
	padding: 3px;
	font-size: 1.25em;
	color: rgb(165,209,108);
	}
	#header img {
		}
	#header a {
		font-weight: bold;
		}
	#header a, #header a:visited {
		color: rgb(103,168,63);
		}
	#header a:hover, #header a:active {
		color: rgb(48,113,146);
		}

#catselect {
	}
	#catselect form {
		margin: 0;
		padding: 0;
		}
	#catselect label {
		margin: 0 0 5px 0;
		padding: 0;
		font-size: 1.25em;
		color: rgb(103,168,63);
		}
	#catselect select {
		margin: 0;
		padding: 2px;
		background-color: rgb(240,240,240);
		border: 1px solid rgb(103,168,63);
		font-family: 'Trebuchet MS', Verdana, Sans-Serif;
		font-size: 1.4em;
		}
	#catselect input {
		margin: 0;
		padding: 2px;
		background-color: rgb(240,240,240);
		border: 1px solid rgb(103,168,63);
		font-family: 'Trebuchet MS', Verdana, Sans-Serif;
		font-size: 1.4em;
		font-weight: bold;
		}

#controls {
	text-align: center;
	font-size: 1.25em;
	color: rgb(103,168,63);
	}
	#controls a, #controls a:active, #controls a:visited {
		display: block;
		width: 50px;
		height: 30px;
		margin: 0;
		padding: 0;
		vertical-align: middle;
		}
	#controls a:hover {
		background-color: white !important;
		}
	#controls table {
		width: 150px;
		height: 30px !important;
		margin: 2px auto 0 auto !important;
		border: none;
		}
		#controls table tr {
			}
		#controls table td {
			width: 50px;
			}

#slidelist {
	overflow: auto;
	max-width: 195px;
	height: 400px;
	margin: 0 0 0 5px;
	padding: 0;
	border-top: 1px solid rgb(48,113,146);
	text-align: right;
	}

#slidelist a {
	display: block;
	overflow: hidden;
	margin: 0 0 1px 0;
	padding: 2px 5px 2px 20px;
	background: rgb(160,197,220) url(images/slidelist.check.no.gif) no-repeat top left;
	border-bottom: 1px solid rgb(48,113,146);
	border-left: 1px solid rgb(48,113,146);
	font-size: 1.25em;
	font-weight: bold;
	color: rgb(48,113,146);
	}
	#slidelist a:hover {
		background: rgb(197,223,156) url(images/slidelist.check.hover.gif) no-repeat top left !important;
		border-bottom: 1px solid rgb(103,168,63) !important;
		border-left: 1px solid rgb(103,168,63) !important;
		color: rgb(103,168,63) !important;
		}
	#slidelist a:active {
		background: rgb(253,216,122) url(images/slidelist.check.active.gif) no-repeat top left !important;
		border-bottom: 1px solid rgb(199,146,43);
		border-left: 1px solid rgb(199,146,43);
		color: rgb(199,146,43);
		}
	#slidelist a:visited {
		background: rgb(160,197,220) url(images/slidelist.check.yes.gif) no-repeat top left;
		}
/* ..... end side frame ..... */



/* ..... main frame ..... */
#page {
	width: 728px;
	margin: 0 0 0 10px;
	padding: 10px;
	text-align: left;
	}

#logo {
	margin: 20px 0 30px 0;
	padding: 0;
	text-align: center;
	}

#page h1, #page h2 {
	margin: 0 0 10px 0;
	padding: 3px 3px 3px 10px;
	background: rgb(160,197,220) url(images/bg.headers.gif) repeat-x top left;
	border-bottom: 1px solid rgb(115,169,201);
	color: white;
	}
#page h1 {
	font-size: 3em;
	}
#page h2 {
	font-size: 2em;
	}

#page p {
	margin: 0 0 30px 10px;
	font-size: 1.5em;
	line-height: 1.5em;
	}

table.companylogos {
	margin: 20px auto 0 auto;
	padding: 0;
	border: 0;
	text-align: center;
	}
	table.companylogos td {
		margin: 0;
		padding: 0;
		vertical-align: middle;
		font-weight: bold;
		}
	td.logo {
		width: 180px;
		border: 1px solid rgb(160,197,220);
		font-size: 1.5em;
		}
		td.logo div.graphic {
			height: 130px;
			margin: auto 0 auto 0;
			padding: 0;
			}
		td.logo a.name, td.logo a.name:visited {
			display: block;
			height: 25px;
			margin: 0;
			padding: 5px 0 0 0;
			background: rgb(160,197,220) url(images/bg.headers.gif) repeat-x top left;
			color: white;
			}
		td.logo a.name:hover, td.logo a.name:active {
			background: rgb(197,223,156);
			color: rgb(103,168,63);
			}
	td.and {
		width: 100px;
		font-size: 2em;
		}

#clearfooter { /* needed to make room for footer */
	clear: both;
	height: 20px;
	}
#footer {
	position: absolute;
		bottom: 0;
		left: 0;
	width: 100%;
	height: 17px;
	padding-top: 3px;
	margin: 0;
	background: rgb(197,223,156);
	border-top: 1px solid rgb(165,209,108);
	text-align: center;
	}
	#footer p {
		margin: 0;
		padding: 0 0 0 5px;
		}
	#footer a, #footer a:visited {
		color: rgb(48,113,146);
		}
	#footer a:hover, #footer a:active {
		color: rgb(103,168,63);
		}
/* ..... end main frame ..... */