/* TOP */
html, body{ margin:0; padding:0; }
body{ font-size:12px; font-family:Verdana, Arial, Helvetica, sans-serif; color:#333333; background: url(../images/voonami-back4.jpg) repeat-x; }


#board { position:absolute; top:123px; left:0px; width:990px; height:225px; z-index:0;}

.wrap{ width:1000px; margin: 0 auto; text-align:center; }


.posrel{ position:relative; }

/* STANDARD */
a, a:active{ outline:none; color:#154370; }
a:hover{ color:#b90f2b; }
a img{ border:none; }
/*a:visited{ color:#651b2c; }*/
:focus{ -moz-outline-style: none; }



h1 {
	font-size:22px;
	margin:0px;
	margin-bottom:5px;
}

h2 {
	font-size:12px;
	margin:0px;
	margin-bottom:5px;
	color:#333333;
}

h3 {
	font-size:12px;
	margin:0px;
	margin-bottom:5px;
	color:#d20000;
}

.subStories {
	line-height:11px;
}


.frontPageNews {
	font-size:10px;
	letter-spacing:-.25px;
	color:#666666;
}

.frontPageLinks {
	color:#d20000;
}

.newsLinks {
	color:#666666;
	font-weight:bold;
}

.underText{
	font-size:14px;
	font-style:italic;
	color:#666666;
}



/*  HEADER  */
#header{ height:100px; position:relative; }
#logo a{ width:300px; height:41px; background: url(../images/voonami-logo-black.gif) top left no-repeat; position:absolute; top:15px; left:30px; }
#header #headerlogin{ width:180px; height:28px; position:absolute; top:0; right:0; }
#header #headerlogin a{ display:block; width:180px; height:28px; background: url(../images/login2.jpg) top left no-repeat; color:#fff; font-weight:normal; text-decoration:none; padding-top:4px; }
#phone{ position:absolute; top:12px; left:375px; font-size:16px; color:#FFFFFF; line-height:22px; }


#contentwrap{position:relative; margin-top:23px; padding-top:0px; background:url(../images/bg_sidebar.jpg) top right repeat-y; text-align:left; padding-bottom:15px; z-index:10; }

#nav{ position:absolute; top:75px; left:149px; z-index:20 }
#nav ul li{ list-style-type:none; float:left; }
#nav ul li a.top{ display:block; height:36px; text-indent:-9999px; }
#nav ul li#services a.top{ width:97px; background: url(../images/nav_services.jpg) 0px -36px no-repeat; }
#nav ul li#why a.top{ width:166px; background: url(../images/nav_why.jpg) 0px -36px no-repeat; }
#nav ul li#support a.top{ width:103px; background: url(../images/nav_support.jpg) 0px -36px no-repeat; }
#nav ul li#news a.top{ width:82px; background: url(../images/nav_news.jpg) 0px -36px no-repeat; }
#nav ul li#about a.top{ width:115px; background: url(../images/nav_about.jpg) 0px -36px no-repeat; }
#nav ul li#services a.top:hover, #nav ul li#why a.top:hover, #nav ul li#support a.top:hover, #nav ul li#about a.top:hover, #nav ul li#news a.top:hover{ background-position: 0px 0px; }
#nav ul li:hover a.top, #nav ul li.sfhover a.top{ background-position: 0px 0px; }
#nav ul li#services.active a.top, #nav ul li#why.active a.top, #nav ul li#support.active a.top, #nav ul li#about.active a.top, #nav ul li#news.active a.top{ background-position: 0px 0px; }
#nav li ul { position:absolute; width: 16em; left: -9999px; margin:0; padding:0; z-index:5; }
#nav ul li ul li{ float:none; width:16em; z-index:6; }
/* http://www.builtfromsource.com/2006/10/23/a-fix-for-suckerfish-dropdowns-in-ie-7/ */
#nav li:hover, #nav li.sfhover { position:static; }
#nav li:hover ul, #nav li.sfhover ul { left: auto; z-index:6; }
#nav ul li ul li a{ font-size: 12px; font-family: Arial, Tahoma, Verdana; color: #FFFFFF; padding: 0px; font-weight: bold; text-decoration: none; text-transform: uppercase; /*background:#a63434;*/ background: url(../images/nav_color.png) repeat; display:block; padding:10px 20px; width:13em; margin:0; text-indent:0px; border-bottom:1px solid #fff; border-left:1px solid #fff; border-right:1px solid #fff; text-align:left; }
#nav ul li ul li a:hover{ color: #fff; background: url(../images/nav_color2.png) repeat; text-decoration: none; }

/* CALLOUT */
#callout{ position:relative; width:1000px; height:225px; z-index:10;}

#subStory1 {
	position:absolute;
	top:225px;
	left:30px;
	width:190px;
	height:70px;
	padding:15px;
	background-image:url(../images/substory-box1.jpg);
	background-color:#c8eae8;
}

#subStory2 {
	position:absolute;
	top:225px;
	left:270px;
	width:190px;
	height:70px;
	padding:15px;
	background-image:url(../images/substory-box2.jpg);
	background-color:#c8eadc;
}

#subStory3 {
	position:absolute;
	top:225px;
	left:510px;
	width:190px;
	height:70px;
	padding:15px;
	background-image:url(../images/substory-box3.jpg);
	background-color:#c8ead2;
}

#subStory4 {
	position:absolute;
	top:225px;
	left:750px;
	width:190px;
	height:70px;
	padding:15px;
	background-image:url(../images/substory-box4.jpg);
	background-color:#c8eac8;
}


#main {
	position:absolute;
	top:370px;
	left:30px;
	width:510px;
	height:300px;
}

#newsEvents {
	position:absolute;
	top:370px;
	left:570px;
	width:165px;
	height:275px;
	background-color:#f5f5f5;
	padding:15px;
	padding-top:10px;
}


#successStories {
	position:absolute;
	top:370px;
	left:775px;
	width:165px;
	height:275px;
	background-color:#e6e6e6;
	padding:15px;
	padding-top:10px;

}



#sidebar img{ margin-bottom:10px; }
#sidebar ul, #sidebar ul li{ list-style-type:none; margin:0; padding:0; }
#sidebar ul li a{ padding:10px 0px 13px 10px; display:block; width:207px; text-decoration:none; color:#912323; font-weight:normal; font:12px Arial; background:url(../images/nav_strip.gif) bottom left no-repeat; cursor:pointer; }
#sidebar ul li a:hover{ background:#aa5656; color:#fff; border-right:1px solid #aa5656; }
#sidebar ul li a#active{ background:#fff; border-right:1px solid #f0e4e2; color:#912323; }
#sidebar #contactBtn{ margin:10px 0 0 20px; }

#content{ width:750px; }

/* MISC */
.clr{ clear:both;}
.clr_left{ clear:left; }
#didyouknow{ width:100%; background:#c9ebd9; border:1px solid #62a38e; }
#didyouknow p{ margin:0; padding:0; background: url(../images/didyouknow.jpg) top left no-repeat; background-position: 4px 4px; padding:4px 25px; }
#didyouknow .question{ font-style:italic; font-weight:bold; }

/* FOOTER */
#footer{ position:relative; top:500px; width:100%; background: #211f1b; border-top:6px solid #882020;  }
#footer .col{ width:180px; margin-right:10px; float:left; color:#fff; }
#footer .col_right{ width:232px; position:absolute; top:0; right:0; color:#a5aaa2; text-align:left;}
#footer .col_right p{ margin:0;  }
#footer .col ul, #footer .col ul li{ margin:0; padding:0; list-style-type:none; }
#footer .col ul li{ display:block; width:100%; text-align:left; /*margin:2px 0;*/ }
#footer .col ul li a{ padding:5px 0 5px 7px; width:100%; display:block; color:#a5aaa2; font:12px Arial; text-decoration:none; }
#footer .col ul li a:hover{ /*color:#000; background:#f0e4e2;*/ border-left:3px solid #f0e4e2; padding-left:4px; color:#fff; }
#copyright{ color:#444; font-size:10px; text-align:center; padding-top:50px; padding-bottom:100px;}