/* ------------------------------------------
vnip.css
Stylesheet for vnip.com
Author: Carter Stowell, Figrig Web Crafters, www.figrig.com
Version: 1.1 Jan 2009
------------------------------------------ */

body {
	margin:0px 0px;
	padding:0px;
	background-color: #ACC;
	text-align: center;
    font-family: Verdana, Arial, sans-serif;
    font-size: 0.9em;
    font-weight: normal;
	color: #000;
	}

a:link { color: #33428D; } 
a:visited { color: #2B4C4A; } 
a:active { color: #990000; } 
a:hover { color: #990000; } 

form, input {
	margin:0;
	padding:0;
}
ol, ul, dl {
	margin-top: 0px;
	margin-left: 25px;
	padding:0;
}
blockquote {    font-family: Verdana, Arial, sans-serif; font-size: 80%; font-weight: normal; }

/*  Header area
------------------------------------------ */
#bannerback { position: absolute; top: 65px; left: 50%; width: 550px; margin-left: -220px; height: 53px; background-color:#AACCCC; 
			 	background-image:  url(../images/banner_fade.gif); background-repeat: repeat-y; background-position: top left;}

#banner { position: absolute; top: 91px; left: 50%; width: 442px; margin: 0px; margin-left: -185px; padding: 0px; z-index:10; }
#banner h2 { font-family: Tahoma, Arial Black, Arial; font-size: 210%; line-height: 150%; font-weight: bold; text-align: left; margin-left: 20px; margin-top: 0px; color:#ACC; display:none}
#banner h2 span { color: #FFF}
#banner.home { height: 205px }


#mastheadbg-left		{position:absolute; top:0; left:0; width:60%; height:130px; background-color:#406075; }
#mastheadbg-right		{position:absolute; top:0; right:0; width:60%; height:118px; background-color:#406075; }
#mastheadbg-top			{position:absolute; top:0; left:0; width:100%; height:5px; background-color:#233434; font-size:1px; }

#logobg 				{position:absolute; top:5px; left:50%; width:288px; margin-left:-400px; height:125px; background-color:#FFFFFF; 
			 	background-image:  url(../images/left_fade.gif); background-repeat: repeat-y; background-position: top left;}

#logo-radiuscorner		{position:absolute; top:5px; left:50%; width:14px; height:60px;  margin-left: -113px }				 	
#logo 					{position:absolute; top:13px; left:50%; width:140px; margin-left: -260px } 


#photo { position: absolute; top: 0; left: 50%; width: 770px; margin-left: -695px } 

#navbar {
	position: absolute;
	top: 130px;
	left: 50%;
	width:180px;
	margin-top: 0px;
  /* margin-left is half width */
	margin-left: -400px;
	padding: 0px;
	text-align: right;
	background-color: #ACC;
	z-index:20;
	border-bottom:1px solid #FFF;
	}
#navbar p.level1nav { margin: 0; padding:0px }

#navbar a {
	display: block;
	padding: 7px 6px 7px 0px;
	border-width:0;
	border-style:none;
	border-top:1px solid #FFF;
	text-decoration:none;
	font-size: 85%;
	font-weight: bold;
	color: #466868;
}
#navbar a.this { background-color: #FFF; color: #000 }
#navbar a:hover { text-decoration:underline; color: #000 }


/*  Content area
------------------------------------------ */

#columnshell {
	position:absolute;
	width: 550px;
	top: 118px;
	left: 50%;
	margin-left: -220px;
	text-align: left;
 	background-color: #FFFFFF;
 	background-image:  url(../images/bg_footer.gif); background-repeat: repeat-x; background-position: bottom left;
 	padding: 0;
	z-index:1;
	}

#maincontent {
	text-align: left;
	padding: 20px 30px 0px 35px;
	z-index:2;
	}
#maincontent.home {
	padding: 20px 40px 0 50px;
	}
#maincontent p { font-size: 80%; margin-top: 0px; margin-bottom: 1.4em; line-height: 125%; }
#maincontent li { font-size: 80%; margin: 0; padding: 0; line-height: 125%; }
#maincontent li li { font-size: 100% }
#maincontent ol.biblio li { font-size: 70%; margin-bottom: 7px }
#maincontent p.fineprint { font-size: 70%; margin-top: 0px; }
#maincontent dl { display: inline; font-size: 90%; margin-top: 5px; }
#maincontent dt { font-size: 80%; font-weight: bold; margin-top: 5px; }
#maincontent dd { font-size: 90%; padding-left: 12px; margin-top: 0px; margin-bottom: 10px; }

#maincontent #homequote p { font-size: 80%; width: 315px; padding-left: 30px; }
#maincontent #homequote p.quoteBy { font-size: 60%; text-align: right; margin-left: -10px; margin-top: -1.2em; margin-bottom: 2em;}
#maincontent #homequote p.quoteBy strong { font-weight: bold; }

#maincontent #quoteshell { padding-top: 10px; border-bottom: 1px dotted #447874; }
#maincontent #quoteshell p { font-size: 70%; }
#maincontent #quoteshell p.quoteBy { font-size: 60%; text-align: right; padding-right: 50px; margin-top: -0.5em; margin-bottom: 2em;}
#maincontent #quoteshell p.quoteBy strong { font-weight: bold; }
#maincontent h1 {
	font-size: 150%;
}
#maincontent h2 {
	font-family: arial, helvetica, sans-serif;
	font-size: 85%;
	text-transform: uppercase;
	letter-spacing: 2px;
	color: #932E20;
	padding: 0;
	margin-top: 10px;
	margin-bottom: 12px; height:16px; padding:0 0 0 30px; margin-left:-30px;
	background:  url(../images/fade_line.gif) no-repeat  0 0;
	}
#maincontent h3 {
	font-family: arial, helvetica, verdana;
	font-size: 110%;
	color: #33428D;
	padding: 0;
	margin-top: 20px;
	margin-bottom: 4px;
}

#maincontent h4 {
	font-family: arial, helvetica, verdana;
	font-size: 80%;
	color: #000;
	padding-top: 0px;
	margin-top: 0px;
	margin-bottom: 2px;
}

#calendar h3 { font-family: trebuchet ms, arial, helvetica, verdana; text-transform: uppercase; letter-spacing: 2px; color: #466868; margin-bottom: 22px; padding-left: 10px; border-left: 22px solid #466868 }
#calendar h4 { font-size: 100%; color: #33428D; background-color: #FFFFFF;
 	background-image:   url(../images/bg_caldate.gif); background-repeat: repeat-x; background-position: bottom left }
#calendar p { padding-left: 30px }
#calendar li { margin-left: 30px }

#maincontent p.footer { font-size: 60%; text-align: center; }

#floatbox, #floatboxalt {
	float:right;
	width: 165px;
	margin-right: 5px;
	margin-left: 15px;
	padding: 5px;
	background-color: #EEE;
	border: 1px dotted #3C1A11;
	}
#floatboxalt { width: 215px; padding: 0; border: 1px solid #999; margin-bottom: 10px }
#floatboxalt p, #floatboxalt h3, #floatboxalt h4 { padding-left: 10px }
#floatboxalt h3 { font-size: 100%; background-color: #999; color: #FFF; padding-left: 10px; margin-top: 0 }


#mailinglist{
	width: 235px;
	background-color: #EEE;
	padding: 6px 0px 6px 6px;
	border-top: 1px solid #4C7675;
	border-bottom: 1px solid #4C7675;
	}
#mailinglist table {
	}

img.righty { margin-left: 12px; margin-bottom: 6px; }
img.lefty { margin-right: 12px; margin-bottom: 6px; }


/* NEW 1/30/09 */

#navbar {
	text-align: left;
}
#navbar a {
	border: none;
	border-width: 0;
	padding-left: 5px;
	font-weight: normal;
}
#navbar li.this a {
 background-color: #FFF; color: #000 
 }
#navbar li.this li.this a {
	font-weight: bold;
 }
#navbar li.this a.parent-off {
	color: #466868;
 }
#navbar ul#nav2 {
	margin-top: 30px;
	border: none;
}
#navbar ul#nav2 li { border-top: 0; }
#navbar li li a {
	padding-top: 0;
}
#navbar ul {
	margin: 0;
	padding: 0;
	list-style: none;
	width: 100%;
	border-bottom: 1px solid #FFF;
}
#navbar ul ul {
	margin: 0;
	padding: 0;
}
#navbar ul li {
	width: 100%;
	margin: 0;
	padding: 0;
	list-style: none;
	border-top: 1px solid #FFF;
}
#navbar ul li a {
	font-weight: bold;
}
#navbar ul li li {
	list-style: none;
	border: none;
	margin: 0;
	padding: 0;
}
#navbar ul li li a {
	font-weight: normal;
	border: none;
	padding: 0 0 3px 15px;
}