/* 
		CSS Start Template for websites
		By Trond Ulseth - trond@idl.no - Started 1st June 2006
		
		Goal:
					Not having to create the same stuff each time a new site is created
		
		Change log:
					1st June 2006 - 		started this template
					2nd June 2006 - 		continued development of template
					21nd November 2006 - 	changed order of some elements
					28nt November 2006 - 	added some default IDs (header, footer, navigation, contentcontainer & maincontent
											adjusted default values for some header sizes
					
		Once implemented for a site this template should/could be edited, added to and deleted from.
		Coments can be deleted as well, but it's adviced not to.
		Parst of this template is based on the article Squeaky Clean CSS by Lokesh
			http://www.huddletogether.com/2006/02/16/practical-web-development-tips/
		Styles for css/js navigation is kept in it's own stylesheet.
		
		Table of Contents:
		
					Setting up some Global Defaults
					Main Layout
					Header
					Content Layout
					Footer
					Developed By
					Typography
					Forms					
*/

/* Setting up Some Global defaults
---------------------------------------------------------------------- */

	/* since browsers have diferent default measures for margin and padding we're zeroing them out to be treated equaly all over */
* {
	margin: 0px;
	padding: 0px;
	}
	
	/* for body we usually have at least a bacground color */
body {
		background-color: #FFF;
		background-image: url(/wsimages/body_bg.gif);
		background-repeat: repeat-x;
		}
	
#maincontent ol,
#maincontent ul {
		line-height: 1.5em;
		margin: 1.2em 0 1.2em 2em;
		}

#maincontent ul li,
#maincontent ol li {
		margin-bottom: 0.2em;
		}
	
	/* some global styles for links */
a:link,
a:active,
a:visited {
			text-decoration: none;
			color: #7F2A2A;
			}
a:hover {
			text-decoration: underline;
			color: #000000;	
			}
			
	/* a clear class often comes in handy in site layouts */
	
.clear {
	clear: both;
	height: 1px;
	overflow: hidden;
	position: relative;
	width: 10px;
	}

/* Main Layout
---------------------------------------------------------------------- */

	/* There's almost always a main div container for the layout of a site */
#mainwrapper {
				width: 792px;
				margin-left: auto;
				margin-right: auto;
				}

/* Header
---------------------------------------------------------------------- */

#header {
	height: 192px;
	overflow: hidden;
	background-image:url(/wsimages/header.png);
	}

/* Navigation 
	(just layout for navigation container - css for navigation objects in separate css file)
---------------------------------------------------------------------- */

#navigation {
	height: 26px;
	}
	
#navshadow {
	background-image:url(/wsimages/navshadow.gif);
	background-repeat:no-repeat;
	height: 8px;
	overflow:hidden;
	}
	
#nav ul {
	padding: 0;
	margin-left: 50px;
	list-style: none;
	}
	
#nav a,
#nav a:link,
#nav a:visited,
#nav a:hover,
#nav a:active {
	text-decoration: none;
	cursor: pointer;
	}
	 
#nav a:link {
	color:#FFFFFF;
	}
 
#nav a:visited {
	color: #FFFFFF;
	}
	 
#nav a:hover,a:active {
	color: #FEE679;
	}

#nav a {
	display: block;
	font-size:12px;
	font-weight:bold;
	padding: 7px 16px 4px;
	}
	
#nav li {
	float: left;
	display: block;
	margin: 0px 1px;
	}
	
/* Content Layout
---------------------------------------------------------------------- */

#contentwrapper {
		background-image: url(/wsimages/contentwrapper_bg.gif);
	}
	
#maincontent {
	margin-left: 43px;
	width: 520px;
	float:left;
	line-height:2em;
	padding-top:5px;
	padding-bottom:30px;
	}
	
#maincontent h3 {
	margin-left:15px;
	margin-bottom:0.5em;
	}
	
#maincontent p {
	line-height: 2em;
	margin-left:15px;
	}
	
#maincontent .img {
	text-align:center;
	margin-right: 60px;
	}

#rightcolumn {
	width: 198px;
	float: right;
	background-image:url(/wsimages/rightcolumn_bg.gif);
	min-height: 200px;
	}
	
#rightcolumntop {
	height: 31px;
	overflow: hidden;
	background-image:url(/wsimages/rightcolumntop.gif);
	}
	
#rightcolumncontent {
	min-height: 200px;
	margin-left: 20px;
	margin-right: 38px;
	}
	
#rightcolumncontent h3 {
	text-align:center;
	}
	
#rightcolumncontent .img {
	text-align:center;
	}
	
#rightcolumnbottom {
	height: 31px;
	overflow:hidden;
	background-image:url(/wsimages/rightcolumnbottom.gif);
	}

/* Footer
---------------------------------------------------------------------- */

#footer {
	height: 23px;
	background-image:url(/wsimages/footer.gif);
	background-repeat:no-repeat;
	}

/* Developed by
---------------------------------------------------------------------- */

#devBy {
		width: 792px;
		margin-left: auto;
		margin-right: auto;
		margin-top: 40px;
		margin-bottom: 20px;
		text-align: right;
		}
		
	/* this section usually has some other link styling than the default */
#devBy a:link,
#devBy a:active,
#devBy a:visited {
					text-decoration: none;
					}
#devBy a:hover {
				text-decoration: underline;
				}

/* Typography
---------------------------------------------------------------------- */

.important_text {
	font-weight: bold; 
	}
	
.smaller_text {
	font-size: 0.7em;
	}
	
.quote_text {
	}


/* Forms
---------------------------------------------------------------------- */