/********************************************************************************************************************************
 * FILE NAME:		/usr/local/apache2/htdocs/webroot/stratag/w2gis/styles/defaultstyles.css                                *
 * AUTHOR:		Ronan O' Braonain - ronan.obraonain@nuim.ie								*
 * DESCRIPTION:		Stylesheet to define layout for w2gis website								*
 * DATE CREATED:	03-NOV-2008												*
 *																*
 * CHANGELOG:															*	
 *  			- none -												*
 *  																*
 *******************************************************************************************************************************/


body {
  margin:		0px;
  font-family:		verdana,helvetica,sans-serif;
  font-size:		90%;
  letter-spacing:	1px;
  line-height:		120%;
  color:		#37374d;
  background:		#eaeaf5;
  text-align:		center;
}

/* 
 * All elements must be contained within this layer
 */
div#container {
  background:		#fff;
  width:		98%;
  margin:		10px auto;
  border:		1px solid #37374d;
  text-align:		justify;
  overflow:		hidden;
}

/*
 * Banner Image at top of site
 */

div#bannerimg {
  width:		100%;
  background:		#000;
  text-align:		center;
  margin-bottom:	20px;
}

/*
 * Top links and search bar  
 */

div#header {
  width:		100%;
  padding:		10px;
  text-align:		right;
}

div#header ul {
  list-style-type:	none;
  margin:		0px;
  padding:		0px 0px 10px 0px;
}

div#header li {
  display:		inline;
  border-right:		1px solid #37374d;
  padding:		0px 8px 0px 8px;
}

div#header input {
  border:		1px solid #37374d;
  margin:		0px 4px 0px 0px;
  color:		#37374d;
  letter-spacing:	1px;
}

div#header li.last {
  border-right:		0px;
  padding-right:	16px;
}

div#header a {
  text-decoration:	none;
  color:		#37374d;
}

div#header a:hover {
  text-decoration:	underline;
  color:		#990000;
}

div#header form {
  margin:		0px;
  padding:		0px 16px 0px 0px;
}

/*
 * Side menu bar
 */

div#menu {
  width:		20%;
  border:		1px solid #c0c0c0;
  float:		left;
  text-align:		left;
  margin:		0px 0px 10px 0px;
}  

div#menu ul {
  list-style:		none;
  margin:		0px;
  padding:		0px;
}

div#menu li {
  background:		#eaecf1;
  margin:		0px;
  padding:		4px;
  border-bottom:	1px solid #c0c0c0;
}

div#menu li:hover {
  background:		#c0c0c0;
}

div#menu a {
  text-decoration:	none;
  color:		#37374d;
}

div#menu a:hover {
  color:		#990000;
}  

/*
 * Main content box
 */

div#mainbox {
  width:                76%;
  float:                right;
  padding:              12px;
  border-left:          1px solid #37374d;
  text-align:           justify;
}

div#mainbox h1 {
  font-size:		110%;
  font-weight:		bold;
  border-bottom:	1px solid #37374d;
}

div#mainbox h2 {
  text-align:		center;
  font-size:		105%;
  font-weight:		bold;
}

div#mainbox h3 {
  text-align:		center;
  font-size:		130%;
  color:		#990000;
  font-wight:		bold;
}

div#mainbox img.right {
  float:		right;
  border:		1px solid #37374d;
  margin:		4px 8px 4px 4px;
  padding:		4px;
}

div#mainbox img.center {
  padding:		8px 30px 8px 30px;

}

div#mainbox p.notice {
  width:		200px;
  float:		right;
  background:		#ffffdc;
  border:		1px dashed #d5d5fd;
  padding:		14px;
  margin:		10px;
}

div#mainbox p.notice a {
  text-decoration:	none;
}

div#mainbox p.notice a:hover {
  text-decoration:	underline;
}