/* Occipital Studios - Doodle Manifesto 2009 */

/* Main */
body {
	margin: 0 auto;
	text-align: center;
	background:url(../images/bg.jpg) top left repeat-x white;
	background-color: #c5c5c5;
	font-family: Tahoma, Arial, Verdana, sans-serif;
	font-size: 12px;
	color: #282828;
	}
	
#mainFather {
	float: left;

	width: 977px;
	background-image: url(../images/drop_right.png);
	background-repeat: repeat-y;
	background-position: left;
}

#container {
	position: relative;
	margin: 0 auto;
	text-align: left;
	width: 977px;
	background: transparent;
	margin-bottom: 20px;
	}

#containerFooter
{
	height: 20px;
}
	
#header {
	position: relative;
	top: 0px;
	left: 0px;
	width: 977px;
	height: 121px;
	background-color: transparent;
	}
	
#logo {
	float: left;
	width: 241px;
	height: 121px;
	margin-top: 0px;
	margin-left: 0px;
	background-color: transparent;
	}
	
#logo a img {
	border: none;
	}

/* Titles and links */
	
h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 26px;
	font-weight: bold;
	color: #43a2ff;
	}
	
h1 span {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 26px;
	font-weight: bold;
	color: #004f9c;
	}
	
h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 26px;
	font-weight: bold;
	color: #8dc63f;
	}
	
h2 span {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 26px;
	font-weight: bold;
	color: #649225;
	}
	

p {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #282828;
	margin-top: 0px;
	}
	

a:link,
a:visited,
a:active {
	text-decoration: none;
	color: #43a2ff;
	font-weight: normal;
	}
	
a:hover {
	text-decoration: none;
	color: #004f9c;
	font-weight: normal;
	}
	
a:link.green,
a:visited.green,
a:active.green {
	text-decoration: none;
	color: #8dc63f;
	font-weight: normal;
	}
	
a:hover.green {
	text-decoration: none;
	color: #649225;
	font-weight: normal;
	}

/* Nav */
	
#nav {
	position: relative;
	top: 0px;
	margin-left: 7px;
	width: 963px;
	height: 48px;
	}

#rightNav {
	float: left;
	width: 274px;
	height: 47px;
	border-top: solid 1px #6f6f6f;
	background:url(../images/nav_shadow.gif) bottom left repeat-x #6f6f6f;
	}
	
#rightNav .navBoxOn {
	float: left;
	margin-top: 4px;
	height: 43px;
	width: 127px;
	background:url(../images/nav_green_bg.gif);
	vertical-align: middle;
	text-align: center;
	}
	
#mainNav {
	float: left;
	width: 689px;
	height: 47px;
	border-top: 1px solid #6f6f6f;
	background: url(../images/nav_shadow.gif) bottom left repeat-x #6f6f6f;
	}	
	
#mainNav .navBox {
	float: left;
	margin-top: 4px;
	height: 43px;
	width: 189px;
	vertical-align: middle;
	text-align: center;
	}

#mainNav .navBoxOn {
	float: left;
	margin-top: 4px;
	height: 43px;
	width: 189px;
	background:url(../images/nav_bg.gif) no-repeat;
	vertical-align: middle;
	text-align: center;
	}

#mainNav .navBoxSpace {
	float: left;
	height: 47px;
	width: 29px;
	background: none;
	}
	
#mainNav .navBox a:link,
#mainNav .navBox a:visited,
#mainNav .navBox a:active,
#mainNav .navBox a:hover {
	display: block;
	background: none;
	margin-right: 30px;
	margin-top: 17px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
	color: #e3e3e3;
	width: 189px;
	}

#mainNav .navBoxOn a:link,
#mainNav .navBoxOn a:visited,
#mainNav .navBoxOn a:active,
#mainNav .navBoxOn a:hover {
	display: block;
	background: none;
	margin-right: 30px;
	margin-top: 17px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
	color: #e3e3e3;
	width: 189px;
	}
	
#rightNav .navBox a:link,
#rightNav .navBox a:visited,
#rightNav .navBox a:active,
#rightNav .navBox a:hover {
	display: block;
	background: none;
	margin-right: 30px;
	margin-top: 17px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
	color: #e3e3e3;
	width: 189px;
	}

#rightNav .navBoxOn a:link,
#rightNav .navBoxOn a:visited,
#rightNav .navBoxOn a:active,
#rightNav .navBoxOn a:hover {
	display: block;
	background: none;
	margin-right: 30px;
	margin-top: 17px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
	color: #e3e3e3;
	width: 189px;
	}
	
/* Content */
	
#mainContent {

	top: 0px;
	margin-left: 7px;
	width: 963px;
	clear: both;
	background: #ffffff;
	}
	
#mainContent #right {
	float: left;
	margin: 0px;
	width: 294px;
	height: auto;
	padding-top: 30px;
	line-height: 18px;
	background: #ffffff;
	}

#mainContent #right .rightContent {
	position: relative;
	margin-left: 25px;
	margin-top: 0px;
	margin-bottom: 30px;
	margin-right: 32px;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #282828;
	}
	
#mainContent #right .temp {
	position: relative;
	margin-left: 25px;
	margin-right: 32px;
	height: 55px;
	}

#mainContent #right .titleHolder {
	position: relative;
	margin-top: 0px;
	margin-bottom: 2px;
	}
	
#mainContent #main {
	float: left;
	margin: 0px;
	width: 667px;
	background: #ffffff;
		}

#mainContent #main #content {

	line-height: 18px;
	margin-top: 38px;
	margin-left: 32px;
	margin-right: 0px;
	margin-bottom: 38px;
	overflow: visible;
	background: white;
	z-index: 3000;
	}
	
.accountHolder {
	float: left;
	height: 103px;
	width: 115px;
	margin-right: 3px;
	margin-top: 3px;
	}

.adholder {
	float: left;

	margin-right: 5px;
	}	
	
.adholderText {
	float: left;
	margin-left: 0px;

	height: 60px;
	font-size: 11px;
	line-height: 17px;
	}
	
.newsholder {
	float: left;
	margin-left: 0px;
	margin-bottom: 8px;
	}
	
.newsItem {
	margin-top: 4px;
	float: left;
	width: 40px;
	}
	
.newsItemText {
	float: left;
	margin-left: 0px;
	margin-top: 0px;
	width: 196px;
	line-height: 17px;
	}
	
#mainContent #right h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 23px;
	font-weight: bold;
	color: #004f9c;
	margin-bottom: 5px;
	margin-top: 1px;
	}

#mainContent #main #content a img {
	border: 1px solid #c5c5c5;
	}
	
#mainContent #right .rightContent a img {
	border: 1px solid #004f9c;
	}
	
.clearBoth {
	clear: both;
	}

.clearBothBig {
	height: 15px;
	clear: both;
	}

.list
{
	list-style: none;
	margin-top: 0px;
	margin-left: 0px;
	text-indent: 0px;
	padding-left: 0px;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	color: #282828;
}

/* Homepage Images */

.imageTitle {
	width: 310px;
	margin-top: -10px;
	margin-bottom: 6px;
	}

.imageHolder {
	float: left;

		border: 1px solid #c5c5c5;
	}

.imageText {
	float: left;
	margin-top: 3px;
	}

.imageHolderSmall {
	float: left;
	width: 153px;
	height: 180px;
	margin-left: 0px;
	overflow: hidden;
	}
		
/* Footer */
	
#footer {
 
	top: 0px;
	margin-left: 7px;
	width: 963px;
	height: 47px;
	background: #6f6f6f;
	}
	
#footer #leftLinks {
	float: left;
	width: 470px;
	margin-top: 10px;
	margin-left: 22px;
	color: #fefefe;
	display: inline;
	}
	
#footer #leftLinks a:link,
#footer #leftLinks a:visited,
#footer #leftLinks a:active{
	color: #fefefe;
	text-decoration: none;
	font-size: 11px;
	font-weight:normal;
	margin-right: 10px;
	margin-left: 10px;
	}
	
#footer #leftLinks a:hover{
	text-decoration: underline;
	background: none;
	margin-right: 10px;
	margin-left: 10px;
	font-weight: normal;
	}
	
#footer #rightLinks {
	float: right;
	width: 297px;
	height: 22px;
	margin-top: 10px;
	margin-right: 30px;
	display: inline;
	color: #fefefe;
	text-align: right;
	padding-right: 20px;
	padding-top: 5px;
	font-size: 11px;
	background: url(../images/occipital_logo_small.gif) top right no-repeat;
	}
	
#footer #rightLinks a:link,
#footer #rightLinks a:visited,
#footer #rightLinks a:active{
	color: #fefefe;
	text-decoration: none;
	font-size: 11px;
	font-weight: bold;
	}
	
#footer #rightLinks a:hover{
	text-decoration: underline;
	background: none;
	font-weight: bold;
	}