/* GENERAL */

html {
	background: url(images/bg.jpg) repeat top center;
	color: inherit;
}
body {
	padding-bottom: 10px;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12px;	
}
a 		  { color: #000; }
a:hover   { text-decoration: none; }
strong, b { font-weight: bold; }
em, i 	  { font-style: italic; }
h1, h1 > a  {
    font-size: 24px;
    color: #000 !important;
    font-weight: bold;
}
h2 > a {
	font-size: 18px;
	color: #000;
	font-weight: bold;
	padding-bottom: 3px;
}
h1.title  {
	overflow: hidden; height: 1%; /* clearfix */
	font-size: 24px;
	padding-bottom: 5px;
	margin-bottom: 12px;
	border-bottom: 1px #CCC dashed;
	color: #000 !important;
}
h1.title .back {
	display: block;
	float: right;
	margin-left: 30px;
	padding-top: 6px;	
	font-size: 12px;
	font-weight: normal !important;
	color: #3B4A2D;
}

.std,
.std a   { color: #5C5C5C; line-height: 1.5}
.std p,
.std ul  { margin-bottom: 15px; }
.std li  { list-style-type: disc; margin-left: 14px; }
.std img { padding: 10px; } 

/* HELPER CLASSES */

strong {font-weight: bold; }
.f-left  { float: left; width: 49%; }
.f-right { float: right; width: 49%; }
.clear   { clear: both; }
.dashes	{
	height: 2px;
	background: url(images/dashes.jpg) repeat-x;
	margin: 5px 0;
}
.dots {
	height: 2px;
	background: url(images/dots.png) repeat-x;
}
	.display {
		margin-left: 95px;
	}
.error {
	font-size: 10px;
	color: #F00;
}
.erroras {
	color: #F00;
}
.sent {
	font-size: 12px;
	color: #060;
}	

/* LEGACY BROWSER */

#legacy-browser {
    background-color: #FFF9D4;
    border-bottom: 2px solid #FFDD08;
    padding: 13px 15px 15px;
    text-align: center;
}
    #legacy-browser ul { margin-top: 3px; }
	    #legacy-browser li {
	        display: inline;
	        padding: 0 10px;
	    }
    #legacy-browser a { color: #000; }
    #legacy-browser strong { font-weight: bold; }
    
/* DONATE */    	

#donate {
    font-size: 14px;
	color: #FFF;
    background-color: #51663E;
    border-bottom: 2px solid #1F300F;
    padding: 13px 15px 15px;
    text-align: center;    
}
	#donate strong { font-weight: bold; }
	#donate p { margin-top: 7px; }

/* LAYOUT */

#wrapper {
	width: 1000px;
	margin: 0 auto;	
}
	#header {	
		background: url(images/top_bg.jpg) no-repeat top right;
		margin: 0 5px 0 15px;		
	}
	#main {
		overflow: hidden; height: 1%; /* clearfix */
		background: url(images/inner_bg.jpg) repeat-y top center;
		padding: 20px 50px;
	}
		#stripe-top {
			background: url(images/paper_top.jpg) no-repeat top center;
			height: 31px;			
		}
		#stripe-bottom {
			background: url(images/paper_bottom.jpg) no-repeat top center;
			height: 32px;			
		}
		#nav {
			overflow: hidden; height: 1%; /* clearfix */
			width: 550px;
			margin: 0 auto 20px auto;
		}
			#nav li {
				float: left;
				margin: 0 10px;
				text-transform: lowercase;
			}
				#nav li.active {
					background: url(images/nav_bg.png) no-repeat top center;
					width: 78px;
					margin: 0;					
				}
				#nav li a {
					display: block;
					padding: 9px 0 8px;
					color: #3B4A2D;
					text-decoration: none;
					text-align: center;	
					outline: none;				
				}
					#nav a:hover {
						color: #3B4A2D;
						text-decoration: underline;
					}
					#nav li.active a {
						color: #FFF;
					}
		#breadcrumbs {
			overflow: hidden; height: 1%; /* clearfix */
			margin: 0 0 15px -7px;
			font-size: 10px;
		}			
			#breadcrumbs li {
				float: left;
				margin: 0 10px;
				text-transform: lowercase;
				color: #3B4A2D;
			}
				#breadcrumbs li a {
					color: #3B4A2D;
				}			
				#breadcrumbs li.current a {
					font-weight: bold;
				}
				#breadcrumbs li.separator {
					margin: 0;
				}
		#sidebar {
			width: 235px;
			margin-right: 15px;
			float: left;
		}
		#content {
			overflow: hidden; height: 1%; /* clearfix */
			width: 635px; min-height: 300px;
			float: left;
			background: url(images/text_bg.png) no-repeat top left;
			margin: -12px 0 0 -15px;
			padding: 30px 0 0 30px;
		}
			#content #left-col {
				float: left;
				width: 385px;
			}
			#content #right-col {
				float: left;
				width: 235px;
				margin: -18px 0 0 15px;
			}
	#footer {
		overflow: hidden; height: 1%; /* clearfix */
		background: url(images/bottom_bg.jpg) no-repeat bottom center;
		padding: 10px 20px;
		color: #3B4A2D;		
	}
		#footer a {
			color: #3B4A2D;
		}
		#friends {
			overflow: hidden; height: 1%; /* clearfix */		
		}
			#friends .block {
				float: left;
				margin-right: 10px;
			}
				#friends .block p {
					font-style: italic;
					margin-bottom: 10px;
				}
				#friends .block img {
					border: 0;
                    vertical-align: middle;
				}
		#copyright {
			overflow: hidden; height: 1%; /* clearfix */
			margin: 15px 5px 5px;
		}
			#copyright div {
				float: right;
			}
			
/* BOX */
			
.box {
	width: 230px;
	background: url(images/tab_bg.png) repeat-y top center;
	margin-bottom: 20px;
}
	.box h2 {
		background: url(images/h_bg.png) no-repeat top center;
		padding: 13px 13px 7px 40px;
		font-size: 14px;					
		font-weight: bold;
	}
	.box .content {
		background: url(images/tab_bottom.png) no-repeat bottom center;
		padding: 0 13px 12px;
	}
	.box .content,
	.box .content a {
		color: #3B4A2D;
	}
		.box .content.center {
			text-align: center !important;
		}
		.box .content.previous li {
			margin-bottom: 5px;
			text-align: center;
		}
			.box .content.previous li.last {
				margin-bottom: 0;
			}
		.box .content.support .thanks {
			margin-top: 15px;
			font-style: italic;
			text-align: center;
		}
			
/* TWITTER */

#twitter li {
	background: url(images/horizontal-separator.png) no-repeat bottom center;
	padding-bottom: 10px;
	margin-bottom: 10px;
}			
#twitter .ago {
	display: block;
	font-size: 10px;
	font-style: italic;
	margin-top: 2px;
	padding: 2px 0 0 14px;
	background: url(images/little_arrow.jpg) no-repeat left center;		
}
	#twitter .ago a { color: #5C5C5C; }
#twitter .view-all {
	overflow: hidden; height: 1%; /* clearfix */
	text-align: right;
}
	#twitter .view-all div {
		float: right;
		font-size: 10px;
		font-style: italic;
		padding: 2px 0 0 13px;
		background: url(images/little_arrow.jpg) no-repeat left center;	
	}
	#twitter .view-all a {
		font-weight: bold;
	}
			
/* QUIZES */

#quiz #question {
	font-weight: bold;
	margin-bottom: 7px;
}
#quiz #answers li {
	margin-bottom: 3px;
}
	#quiz #answers li input {
		vertical-align: middle;
		margin-right: 3px;
	}
#quiz #try {
	text-align: right;
}
#success li {
	list-style-type: disc;
	margin-left: 13px;
}

/* GALLERY */

#gallery-table {
	width: 100%;
	padding: 10px;
}
	#gallery-table td {
		text-align: center;
		vertical-align: middle;
	}
	#gallery-table p {
		margin-top: 7px;
		margin-bottom: 20px;
	}
	#gallery-table img {
		border: 5px solid #E2DED9;
	}
	#gallery-table a {
		color: #5C5C5C;
	}
.desc {
	padding: 0 5px 10px;
	margin-bottom: 12px;
	border-bottom: 1px dashed #CCCCCC;
}

.desc p,
.desc ul {
	margin-bottom: 0 !important;
}
	
/* COMMENTS */

#comments {
	margin-top: 30px;
	border-top: 1px dashed #CCC;
	padding-top: 12px;
}	
	
/* NEWS */

.date {
	color: #5c5c5c;
}
.list-date {
	color: #a09e9e;
}
#news-field {
	width: 90%;
}
	.text {
		color: #5c5c5c;
                line-height: 1.5;
	}
        .text img {
            border:5px solid #E2DED9;
        }
    #news-field ul {
    	text-align: center;
    }
    #news-field li {
    	display: inline;
    	list-style-type: none;
    }
    	#news-field li h2 {
	    	display: inline;
	    }
	    #news-field li div {
	    	display: block;
	    	height: 7px;
	    }
	    #news-field li.separator {
	    	font-size: 18px;
	    	padding: 0 8px 0 5px;
	    	color: #3B4A2D;
	    }
.answer, .question
{
    line-height: 1.5;
}
#pages {
	text-align: center;
}
	#pages a {
		color: #555453;
	}
	.news-img img {
		border: 7px double #d6d6d8;
		margin-right: 10px;
	}
	#pages img {
		vertical-align: middle;
	}
/* SEARCH FORMS */
#button, .button {
	background: url(images/little_arrow.jpg) no-repeat left center;
	border: 0;
	cursor: pointer;
	color: #5C5C5C;
	font-size: 12px;
	padding: 2px 0 0 12px;
	margin-top: 3px;
	font-style: italic;
}
.more a {
	color: #5C5C5C; 
	float: right;
	font-size: 10px;
	font-style: italic;
	margin-top: 2px;
	padding: 0 0 0 12px;
	background: url(images/little_arrow.jpg) no-repeat left center;	
}
	.form {
		float: left;
		color: #5C5C5C;
	}
.search-news {
	padding-top: 2px;
}
	.search-news .button {
		font-weight: bold;
		margin-left: 10px;
		width: 70px;
		float: left;
		font-size: 10px;
		padding-bottom: 2px;
	}

	#from {
		margin-left: 5px;
	}
/* MAIN TEXT AREA */
#right td {
	padding: 5px 5px 5px 5px;
}
#right h1 {
	margin-bottom: 0px;
	font-size: 22px;
}
#right h2, #right h2 > a {
	font-size: 18px;
	color: #000;
	font-weight: bold;
	padding-bottom: 3px;
}
#right p {
	color: #5c5c5c;
}

.text li {
        background: url(images/bullet.gif) no-repeat left top;
        margin-bottom: 3px;
        margin-top: 3px;
        text-align: justify;
        padding-left: 15px;
	}
.text ul {
        overflow: hidden;
        text-align: justify;
        margin-left: 10px;
        margin-bottom: 5px;
	}