/* CSS Document for Geosem*/
/*site colors

sidebar : #237bca

background : #fff

titles : #3d4a4a

link hovers : #ffda6b

/******************************************************
	UNIVERSAL STYLES
*******************************************************/

* {
	padding:  0;
	margin:  0;
	}

img {
	border: none;
	}

body {
	background: #fff;
	text-align: center;
	font-family: 'Lucida Grande', LucidaGrande, Lucida, Helvetica, Arial, sans-serif;
	font-size: 67.5%;
	}

/******************************************************
	LAYOUT
*******************************************************/

#wrapper {
	width:  760px;
	text-align: center;
	margin:  0 auto;
	height: 100%;
	background-color: #237bca;
	}

#header {
	width:  760px;
	height: 190px;
	background-image: url(assets/images/header2.jpg);
	text-align: left;
	}
	



#sidebar {
	float: left;
	width: 190px;
	height:  100%;
	background: #237bca url(assets/images/sidebartop2.jpg) top no-repeat;
	text-align: left;
	color: #fff;
	}
	
	
#content {
	position: relative;
	float: left;
	width: 569px;
	background: #fff;
	border-right: 1px solid #ededed;
	height:  100%;
	}

#imageholder {
	position: absolute;
	top: 220px;
	left: 320px;
	width: 100px;
	}

#map {
	height: 400px;
	}

#footer {
	clear: both;
	width:  760px;
	height:  135px;
	background: #6e7160 url(assets/images/footer.jpg) repeat-x;
	color: #fff;
	text-align: center;
	}

#clear {
	clear: both;
	}

/******************************************************
	TEXT STYLES
*******************************************************/

#content p {
	padding:  0;
	margin: 0;
	padding-bottom: 0.8em;
	padding-left: 1.8em;
	padding-right:  1em;
	font-size: 1.1em;
	text-align: left;
	}

#sidebar p {
	padding-left:  10px;
	padding-top:  6px;
	padding-bottom:  5px;
	}

#content ul li {
	padding:  0;
	margin: 0;
	padding-bottom: 0.8em;
	text-indent: 20px;
	font-size: 1.1em;
	text-align: left;
	color:  #ff6600;
	font-weight: bold;
	}
.highlight {
	text-align: left;
	color:  #237bca;
	font-weight: bold;
	}
	
/******************************************************
	HEADING STYLES
*******************************************************/

h1 {
	color:  #ff6600;
	font-size: 2.2em;
	text-align: left;
	padding-top: 1.2em;
	padding-left:  0.8em;
	padding-bottom:  1.2em;
	font-family: Helvetica, Arial, sans-serif;
	font-weight: normal;
	}

h2 {
	font-size: 1.1em;
	color: #ff6600;
	text-align: left;
	}

h3 {
	font-size: 1.0em;
	font-weight: normal;
	text-align: left;
	}

h4 {
	font-size: 1.3em;
	font-weight: normal;
	text-align: left;
	padding-left:  1.3em;
	padding-bottom: 1.3em;
	color: #237bca;
	}
/******************************************************
	NAVIGATION
*******************************************************/

#menu {
	width: 190px;
	padding-top: 20px;
	}

#menu ul {
	list-style: none;
	padding-bottom: 40px;
	background: url (assets/images/menubg2.jpg) no-repeat bottom;
	}

#menu li {
	margin: 0px 0;
	}

#menu li a:link, #menu li a:visited {
	padding: none;
	font-size: 1.1em;
	display: block;
	width: 190px;
	height: 32px;
	line-height: 2.8;
	color: #fff;
	text-decoration: none;
	background: url(assets/images/menubg2.jpg) no-repeat right top;
	text-indent: 20px;
	}

#menu li a:hover, #menu li a:active {
	padding: none;
	background-position: left top;
	background-repeat: no-repeat;
	height: 32px;
	}


/******************************************************
	LINKS
*******************************************************/
#sidebar a:link, #sidebar a:visited {
	text-decoration: none;
	color:  #fff;
	font-weight: bold;
	}

#sidebar a:hover, #sidebar a:active {
	color: #000;
	}

a:link, a:visited {
	text-decoration: none;
	color:  #237bca;
	font-weight: bold;
	}

a:hover,  a:active {
	background-color: #f0f6fb;
	}

#header a  {
	background: none;
	}

.pointer {
	background: url(assets/images/pointer.gif) no-repeat right top;
	padding-right: 10px;
	text-align: left;
	}

#footer a {
	color: #fff;;
	}


/******************************************************
	IMAGES
*******************************************************/

#header img {
	padding-left: 30px;
	padding-top:  30px;
	}

#sidebar img {
	padding-top:  30px;
	}

 .thumbnail
	{
	float: left;
	width: 130px;
	border: 1px solid #efefef;
	margin: 0 15px 15px 20px;
	padding: 5px;
	}

#imageholder img {
	margin: 10px 0;
	}

.clearboth {
	clear: both;
	}






