@import 'reset.css';

body,textarea,input,select {font-family:Arial,sans-serif}

html,body {height:100%}

a {color:#000}
	a:hover {color:#000}

body {
	width: 100%;
	background:#E2EEED;
	text-align:center;
	font-size:.75em;
	color:#000;
	}

strong {font-weight:bold}

.none {display:none}

div.clear {
	clear: both;
	font-size: 0px;
	line-height: 0;
	height: 0px;
	}

/* Wrap
------------------------------------ */
#wrap {
	width: 875px;
	margin: 0 auto;
	text-align: left;
	min-height: 100%; 
	_height: 100%; 
	position: relative;
	background: url(../images/bg.gif) repeat-y left top;
	}

	
/* Content
------------------------------------ */
#content {
	margin-left: 235px;
	position: relative;
	font-size: 1em;
	}
	
	/* Left Nav */
	#left_bar {
		position: absolute;
		width: 185px;
		padding: 20px 5px;
		left: 0;
		top: 0;
		margin-left: -235px;
		text-align: center;
		}
		#left_bar h1 {
			font-size: 2.5em;
			text-transform: uppercase;
			padding: 10px 0;
		}
		#left_bar ul#navigation {
			text-transform: uppercase;
			font-size: 1.2em;
			padding: 60px 0 0 0;
			}
			#left_bar ul#navigation li {
				padding: 0 0 10px 0;
				}
				#left_bar ul#navigation li a {text-decoration: none;}
					#left_bar ul#navigation li a:hover {font-weight: bold;}
				#left_bar ul#navigation li span {font-weight: bold;} 
	
	/* Main */
	#main {
		text-align: center;
		padding: 80px 0;
	}
	
	/* Articles */
	#main .articles {
		background: #fff;
		padding: 10px;
		text-align: left;
		font-size: 1.2em;
		} 
		#main .articles p {
			padding: 0 0 20px 0; 
			}
			#main .articles p b {font-weight: bold;}
			
	/* Gallery */
	#main .gallery {
		width: 90%;
		text-align: left;
		}
		#main .gallery ul li {
			padding: 0 14px 28px;
			float: left;
			}