/***********************************************************************************
	Author:	Jeremy Spingath
			jspingath@gmail.com
***********************************************************************************/

/***********************************************************************************
	Page-wide style definitions.
***********************************************************************************/

body {
	margin: 4px 10px 10px 10px;
	border: 0px;
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	text-align: center;
	background: url(images/centurion-bg.jpg);
}

a {
	text-decoration: none;
	color: #998c64;
}

a:hover {
	text-decoration: underline;
}

p {
	color: #454545;
}

h1 {
	font-size: 150%;
	font-weight: bold;
	color: #3E3E3E
}

img.content-photo {
	position: static;
	border: 5px outset #CCCCCC;
	background-color: #FFFFFF;
	margin: 7px;
	padding: 5px;
}

.label {
	position: relative;
	top: 5px;
}

/***********************************************************************************
	Defining the page structure classes.
***********************************************************************************/

div.page-wrap {
	width: 1000px;
	margin: 0px;
	border: 0px;
	padding: 0px;
}

div.maindiv {
	width: 100%;
	height: 100%;
	clear: both;
	margin: 0px;
	border: 0px;
	padding: 0px;
}

/***********************************************************************************
	Defining the status bar instance of div class maindiv.
***********************************************************************************/

div.maindiv#statusbar {
	margin: 2px;
	text-align: right;
}

div.maindiv#statusbar a {
	color: #000000;
}

/* Defining the social media bar */

img.social-media {
	height: 25px;
	width: 30px;
	vertical-align: middle;
	border: 0px;
}

/***********************************************************************************
	Defining the header instance of div class maindiv.
***********************************************************************************/

div.maindiv#header {
	text-align: left;
	background: url(images/header-bg.jpg) repeat-x left top;
	height: 130px;
}

/* Positioning the logo. */

img#logo {
	float: left;
	position: static;
	display: inline;
	width: 530px;
	padding: 5px;
}

/* Defining the navigation bar */

.table-nav {
	float: left;
	position: static;
	display: inline;
	margin-top: 15px;
	width: 440px;
}

.table-nav td a {
	text-indent: -9999px;
	display: block;
}
		
.table-nav td a.whoweare {
	background: url(images/nav-whoweare.png) no-repeat center bottom scroll;
	width: 108px;
	height: 32px;
}
.table-nav td a.whatwedo {
	background: url(images/nav-whatwedo.png) no-repeat center bottom scroll;
	width: 154px;
	height: 31px;
}
.table-nav td a.projects {
	background: url(images/nav-projects.png) no-repeat center bottom scroll;
	width: 111px;
	height: 32px;
}
.table-nav td a.partners {
	background: url(images/nav-partners.png) no-repeat center bottom scroll;
	width: 110px;
	height: 27px;
}
.table-nav td a.getinvolved {
	background: url(images/nav-getinvolved.png) no-repeat center bottom scroll;
	width: 168px;
	height: 27px;
}
.table-nav td a.blogs {
	background: url(images/nav-blog.png) no-repeat center bottom scroll;
	width: 83px;
	height: 28px;
}
			
.table-nav td a:hover {
	background-position: center top;
}
	
table#whoweare td a.whoweare {
	background-position: center center;
}
table#whatwedo td a.whatwedo {
	background-position: center center;
}
table#projects td a.projects {
	background-position: center center;
}
table#getinvolved td a.getinvolved {
	background-position: center center;
}
table#partners td a.partners {
	background-position: center center;
}
table#blogs td a.blogs {
	background-position: center center;
}

/***********************************************************************************
	Defining the center instance of div class maindiv.
***********************************************************************************/

div.maindiv#center {
	margin-top: 10px;
}

/* Defining div class centerdiv and its instances. */

div.centerdiv {
	position: static;
	display: inline;
	height: 100%;
}

/* For static pages. */

div.centerdiv#center-left {
	background: url(images/sidebar-left-middle.png) repeat-y;
	position: static;
	float: left;
	text-align: left;
	width: 210px;
}

div.centerdiv#center-middle {
	padding: 8px;
	float: right;
	text-align: justify;
	width: 774px;
}

div.centerdiv#center-left p {
	color: #998c64;
	padding: 10px;
}

/* For dynamic pages. */

div.centerdiv#d-center-middle {
	padding: 8px;
	float: left;
	text-align: justify;
	width: 644px;
}

div.centerdiv#d-center-right {
	background: url(images/rightbar-middle.png) repeat-y;
	position: static;
	float: right;
	text-align: left;
	width: 340px;
}

/* Defining the style for the left side bar. */

.ul-sidebar {
/*	list-style-image: url(images/ul-bullet.png); */
}

/* Defining the style for the center content. */

img.center-content-label {
	float: left;
	position: relative;
	top: -10px;
	margin-bottom: 5px;
}


/***********************************************************************************
	Defining the footer instance of class maindiv.
***********************************************************************************/

div.maindiv#footer {
	background: url(images/footer-bg.png) repeat-x 0 0;
	height: 50px;
	color: #998c64;
	padding: 5px 0 0;
	margin: 10px 0 0;
}

/* Defining the style for the footer nav bar. */

ul#nav-footer {
	width: 90%;
	margin: 10px auto 0;
	line-height: 1.2em;
	list-style-type: none;
}

ul#nav-footer li {
	display: inline;
}
		
/***********************************************************************************
	Defining the credit bar instance of div class maindiv.
***********************************************************************************/

div.maindiv#creditbar {
}

p#copyright {
	position: static;
	float: left;
}	

p#credits {
	position: static;
	float: right;
	text-align: right;
}

p#credits a {
	color: #454545;
}

/***********************************************************************************
	Defining the class for the side bar on the right for dynamic pages.
***********************************************************************************/

.rightbar {
	width: 340px;
	text-align: left;
}

.ul-rightbar{
	list-style-image: url(images/ul-bullet.png);
	float: left;
}

.ul-rightbar li a {
	font-size: 10px;
	color: #998c64;
}
	
td#rightbar-right-top {
	background: url(images/rightbar-top.png) scroll;
	height: 57px;
}

td#rightbar-right-middle {
	background: url(images/rightbar-middle.png) center repeat-y scroll;
}

td#rightbar-right-bottom {
	background: url(images/rightbar-bottom.png) scroll;
	height: 47px;
}