/* GLOBAL/GENERAL */
html {
	font:14px 'Times New Roman',arial,sans-serif;
	color:#444;
}
body {
	margin:0 auto;
	background: url(../../assets/images/main_bg2.jpg) repeat-y center;
}
a {
	color:#00AE9E;
}
a:hover {
	color:#333;
}
img {
	border: 0;
}
form {
	margin: 0;
}
p {
	margin: 0 0 12px 0;
	line-height:24px;
}
h1,h2,h3,h4 {
	margin:0 0 12px 0;
	color:#777;
	font-weight:bold;
}
h1 {
	font-size: 28px;
	color:#00AE9E;
}
h2 {
	font-size: 24px;
}
h3 {
	font-size: 20px;
}
h4 {
	font-size: 16px;
}
.clear {
	clear:both;
}
#content li,
body.homepage #content li {
	line-height:24px;
}

/* SITE CONTAINER/WRAPPER */
#wrapper {
	width:850px;
	margin:0 auto;
	position:relative;
	background:#fff;
}
#pageLayout {
	background: #fff url(../../assets/images/pagelayout_bg.jpg) repeat-y left;
}

/* HEADER */
#header {
	position:relative; 
	width:850px; 
	height:243px;
	background:url(../../assets/images/header_bg.jpg) no-repeat top left;
}
#header #donate {
	position:absolute; 
	top:150px; 
	right:22px; 
	font-size:28px;
	color:#fff;
}
#header #donate a {
	color:#FF0000; 
	text-decoration:none;
}
#header #donate a:hover {
	color:#FFFFFF;	
}

/* SIDEBAR - LEFT COLUMN */
#sideBar {
	float:left; 
	width:195px; 
	margin:0 0 0 12px;
	padding:10px 0 0 0;
	color:#333;
	display: block !important;
	display: inline;
}

/* CONTENT */
#contentWrapper {
	margin: 0 20px 0 240px !important;
	margin: 0 20px 0 232px;
	padding:10px 0 10px 0;
	display: block !important;
	display: inline-block;
	position: relative;
	min-height:600px;
}
body.homepage #content { /* For Home Page only */
	float:left; 
	width:366px;
}
#content { /* For all other pages */
	float:left; 
	width:auto;
}
#contentSideBar { /* Right sidebar on home page*/
	margin:0 0 0 380px;
} 

/* NAVIGATION */
#nav {
	list-style:none;
	margin:0 0 12px 0;
	padding:0;
	display: block !important;
	display: inline-block;
	overflow: hidden;
}
#nav li {
	margin-bottom:3px;
	float: left;
	clear: left;
	width: 195px;
}
#nav a {
	display:block;
	padding:6px 4px 6px 6px;
	color:#fff;
	width: 182px;
	text-decoration:none;
	border:1px solid #666;
	background: #333 url(../../assets/images/nav_bg.jpg) repeat-x top left;
	font-size:12px;
	font-weight:bold;
}
#nav a:hover {
	color:#fff;
	background:#00AE9E url(../../assets/images/nav_bg2.jpg) repeat-x top left;
	border:1px solid #005B52;
	text-decoration:none;
}

/* FOOTER */
#footer {
	position:relative; 
	width:850px; 
	height:110px; 
	background: #fff url(../../assets/images/footer_bg.jpg) repeat-x top;

}
#footer .logo {
	position:absolute; 
	top:20px; 
	left:20px; 
	display:block;
}
#footer .address {
	position:absolute; 
	top:20px; 
	left:230px; 
	line-height:20px; 
	display:block; 
	font-size:12px;
}
#op {
	position:absolute; 
	top:20px; 
	right:20px;
	background: url(../../assets/images/oandp.com.png) no-repeat top;
	margin:10px auto ;
	width: 112px;
	height: 75px;
	cursor:pointer;
	color:#999;
	font-size:11px;
}
#op a {
	display: block !important;
	height: 100%;
	text-decoration: none;
}
#op span {
	display: none;
}

/* HOME PAGE - WHATS NEW BOX */
#whatsNewBox,
#calendarBox {
	float:right; 
	width:auto; 
	height:auto; 
	margin:0 0 0 5px;
	padding: 10px; 
	font-size:12px; 
	color:#333;
	border:1px dotted #666;
	background:#fff url(../../assets/images/whatsnew_box_bg.jpg) repeat-x top;
}
#whatsNewBox h3.title,
#calendarBox h3.title {
	text-align:center;
	color:#fff;
	margin-bottom:18px;
}
#whatsNewBox p,
#calendarBox p {
	line-height:16px;
}
#whatsNewBox a,
#calendarBox a  {
}
#whatsNewBox ul,
#calendarBox ul {
	margin:0 0 12px 0; 
	padding:0;
}
#whatsNewBox li,
#calendarBox li {
	margin: 0 0 5px 10px;
}
#boardList {
	list-style-type: none;	
}
#boardList li {
	margin-bottom:10px;
}
#underlineHeader2 {
	border-bottom: 1px solid grey;
}
#boardHeader4 {
	font-style:italic;
	}
#listSpace li {
	margin-bottom:10px;
}