@charset "UTF-8";
/* CSS Document */

/* ------------------ GLOBAL -------------------------- */

body {
	margin: 0;
	padding: 0;
	font: ;
	background-color: #003e63;
}

p, h1, h2, h3, h4, h5, ul, ol, li {
	margin: 0;
	padding: 0;
}

.clear {
	clear: both;
}

a {
	text-decoration: none;
	color: inherit;
	border: none;
}

a img {
	border: none;
}


/* ------------------ STRUCTURE -------------------------- */

#shell {
	width: 1024px;
	height: 768px;
	margin: 0 auto; /* this centers the #shell */
	background-color: #ffffff;
}

#shell-long {
	width: 1024px;
	height: 935px;
	margin: 0 auto; /* this centers the #shell */
	background-color: #ffffff;
}

#shell-long-2 {
	width: 1024px;
	height: 1600px;
	margin: 0 auto; /* this centers the #shell */
	background-color: #ffffff;
}

#banner-logo {
	width: 1024px;
	height: 118px;
	float: left;
	background-image: url(../images/logo_arkay_bg.gif);
}

#banner-L {
	width: 807px;
	height: 118px;
	float: left;
}

#banner-R {
	width: 217px;
	height: 43px;
	float: left;
	padding-top: 75px;
}

#home-landing {
	width: 1024px;
	height: 414px;
	float: left;
}

#home-landing-left {
	width: 215px;
	height: 414px;
	float: left;
	background-image: url(../images/main_nav_bg.jpg);
}

#home-landing-right {
	width: 295px;
	height: 211px;
	float: left;
	background-image: url(../images/image_home.jpg);
	padding-left: 514px;
	padding-top: 203px;
}

#home-bottom-content {
	width: 1024px;
	height: 125px;
	float: left;
	background-image: url(../images/home_bottom_content.gif);
}

#subpage-landing {
	width: 1024px;
	height: 600px;
	float: left;
}

#subpage-landing-long {
	width: 1024px;
	height: 810px;
	float: left;
}

#subpage-landing-long-2 {
	width: 1024px;
	height: 1475px;
	float: left;
}

#subpage-content {
	width: 809px;
	height: 555px;
	float: left;
}

#subpage-image-about {
	width: 809px;
	height: 167px;
	background-image: url(../images/image_about.jpg);
}

#subpage-image-history {
	width: 809px;
	height: 167px;
	background-image: url(../images/image_about_history.jpg);
}

#subpage-grantmaking {
	width: 809px;
	height: 167px;
	background-image: url(../images/image_grantmaking.jpg);
}

#subpage-enhancing {
	width: 809px;
	height: 167px;
	background-image: url(../images/image_enhancing.jpg);
}

#subpage-reducing {
	width: 809px;
	height: 167px;
	background-image: url(../images/image_reducing.jpg);
}

#subpage-management {
	width: 809px;
	height: 167px;
	background-image: url(../images/image_management.jpg);
}

#subpage-board {
	width: 809px;
	height: 167px;
	background-image: url(../images/image_board.jpg);
}

#subpage-content-text {
	width: 809px;
	height: 383px;
	float: left;
	padding-top: 30px;
}

#subpage-content-text-long {
	width: 809px;
	height: 545px;
	float: left;
	padding-top: 30px;
}

#subpage-content-L {
	width: 532px;
	height: 413px;
	float: left;
	padding-left: 20px;
	padding-right: 40px;
}

#subpage-content-R {
	width: 201px;
	height: 413px;
	float: left;
	border-left: dotted 1px #dedad4;
	padding-left: 15px;
}

#footer {
	border-top: 1px solid #dedad4;
	width: 1006px;
	height: 93px;
	padding-left: 18px;
	padding-top: 18px;
	clear: both;
}

/* ------------------ NAVIGATION -------------------------- */

ul#mainmenu {
	width: 215px;
}

ul#mainmenu li {
	display: block;
	height: 42px;
}

ul#mainmenu li a {
	margin: 0; padding: 0;
}

ul#submenu {
	width: 217px;
}

ul#submenu li {
	display: block;
	height: 42px;
}

#subnav {
	width: 215px;
	height: 231px;
	float: left;
	padding-top: 15px;
}

/* ------------------ li.subnav-main {
	width: 215px;
	height: 26px;
	display: block;
	background-color: #9dc23b;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #003f64;
	font-size: 17px;
	text-indent: 20px;
	margin-bottom: 10px;
	list-style: none;
}

li.subnav {
	width: 215px;
	height: 26px;
	display: block;
	background-color: white;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #003f64;
	font-size: 14px;
	text-indent: 20px;
	margin-bottom: 10px;
	list-style: none;
}

li.subnav a {
	width: 215px;
	height: 26px;
	display: block;
	background-color: white;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #003f64;
	font-size: 14px;
	text-indent: 20px;
	margin-bottom: 10px;
	list-style: none;
}

li.subnav a:link {
	width: 215px;
	height: 26px;
	display: block;
	background-color: white;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #003f64;
	font-size: 14px;
	text-indent: 20px;
	margin-bottom: 10px;
	list-style: none;
}

li.subnav a:hover {
	width: 215px;
	height: 26px;
	display: block;
	background-color: white;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #29abe2;
	font-size: 14px;
	text-indent: 20px;
	margin-bottom: 10px;
	list-style: none;
}

-------------------------- */

ul#subnav {
	margin-top: 11px;
}

ul#subnav li { 
	display: block;
	background: white;
	font: normal 14px arial, sans-serif;
	margin: 0 0 10px;
	padding: 5px 20px;
	color: #003f64;
}

ul#subnav li a {
	color: #003f64;
}

ul#subnav li.on a {
	color: #29abe2;
	font-weight: bold;
}

/* ------------------ HOME SERVICE / NEWS -------------------------- */

#service {
	width: 504px;
	height: 125px;
	float: left;
	clear: both;
}

#service #maincolumn {
	margin-top: 20px;
	margin-left: 18px;
	margin-right: 0;
	margin-bottom: 0;
	width: 486px;
	height: 105px;
	clear: both;
}

#service .column {
	width: 162px;
	height: 88px;
	float: left;
}

#news {
	width: 405px;
	height: 105px;
	float: left;
	padding-top: 20px;
	padding-left: 15px;
	padding-right: 100px;
}

/* ------------------ FONT STYLES -------------------------- */

.footer {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	line-height: normal;
	color: #7d6a55;
}

.service {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 16px;
	color: #003f64;
}

.section-header {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: bold;
	color: #003f64;
}

.bodycopy {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	color: #7d6a55;
}

.bodycopy a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	color: #003f64;
}

.bodycopy-blue {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	color: #003f64;
}

.subheader {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	line-height: 18px;
	color: #7d6a55;
}

.link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	color: #003f64;
}

.link a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	color: #003f64;
}

.link a:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	color: #003f64;
}

.url {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	font-weight: bold;
	color: #ff7b34;
}

.url a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	font-weight: bold;
	color: #ff7b34;
}

.bodycopy14blue {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 18px;
	color: #003f64;
}

.bodycopy14blue a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 18px;
	color: #003f64;
}

.bodycopy14blue a:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 18px;
	color: #003f64;
}

.lineheight28 { line-height: 28px; }

.marginleft20 { margin-left: 20px; }

.subnav-on { color: #29abe2; }

.margintop { margin-top: 5px; }