/* 
	VimLife.com Stylesheet
	Author: Justin Michaliga
	Date: October 4th, 2006
	
	Orange: #CF7328
	Blue: #000D57
	Yellow: #EDB125
	Grey: #5A5A5A
 */
 
/* General XHTML Formatting 
body{background: #FFFFFF;}

*/
body{background: #FFFFFF url(./images/vim-bg.gif) repeat-x;}
h3 span, h5 span{display: none;}
p{font-family: Arial, Helvetica, sans-serif; color: #5A5A5A; font-size: 0.7em;}
hr{border: 0px; height: 4px; background: url(./images/vim-line.gif); width: 95%;}
tr, td, label{font-family: Arial, Helvetica, sans-serif; color: #3A3A3A; font-size: 0.7em; text-align: right;}

/* Header */

/* Logo */
#logo{position: relative; top: 40px; left: 90px; width: 214px;}
#logo a{display: block; height: 49px; padding: 0 !important; background: url(./images/vimlife-sm.jpg) no-repeat;}
#logo h1{margin: 0;}
#logo h1 strong{display: none;}

/* Date */
#date {position:absolute; top: -35px; left: 240px; display:block; width: 300px;}
#date p{text-align: right; color: #3A3A3A; font: 0.9em "Georgia","Times New Roman", Times, serif;}

/* Content */
#content{position: relative; display: block; margin: 40px auto; width: 540px;}

/* Description */
#desc{}
#desc h3{color: #cf7328; font-family:Arial, Helvetica, sans-serif; font-size: 1.3em; margin-bottom: -5px;}
#desc p{font-size: 0.8em; line-height: 1.5em;}

/* Information */
#info{}
#info h5{color: #3A3A3A; font-family:Arial, Helvetica, sans-serif; font-size: 0.8em; font-weight: bold; margin-bottom: -10px;}
#info p{line-height: 1.5em;}

/* Navigation */
#nav{margin: 0px; padding: 0px; list-style: none; position: absolute; display: block; 
	left: -160px; top:40px; width: 160px;}
	#nav li{display: block; float: left; margin-left: 2px;}
	#nav li a{display: block; height: 15px;}
	#nav ul {margin: 0; padding: 0; list-style: none; width: 155px;
	border-bottom: 1px dotted #BDC8DC; text-align: left;}
	#nav ul li {position: relative; width: 155px;}
	#nav ul li a {
	display: block; text-decoration: none;
	color: #5A5A5A; padding: 5px 10px 5px 10px;
	border-bottom: 1px dotted #BDC8DC; border-right: 8px solid #cf7328;
	font: 11px Arial, Helvetica, sans-serif; font-weight: bold;}
	#nav ul li a:hover {background-color: #5A5A5A; color: #FFFFFF; border-right: 8px solid #CF7328; }

/* Introduction */
#introduction{background: transparent url(./images/vim-intro.gif) no-repeat; margin-top: -7px;}
#welcome{float: justify; width: 540px; height: 160px; margin-top: 0px; padding-left: 0px; padding-bottom: 0px;}
  #welcome h2{}
  #welcome p {font-size: 12px;}
#introNavContainer{position: relative; margin: 0px auto; width: 540px; padding-left: 0px; padding-bottom: 20px;}
  #introNav{margin: 0px; padding: 0px; list-style: none;}
  #introNav li{display: block; float: left; width: 135px; position: relative;}
  #introNav li a.on{display: block; height: 161px; padding: 0 !important;}
  #introNav li a.on strong{display: none;}
  #introNav p{position: absolute; top: 0px; left: 0; padding: 0 10px; font-size: 0.6em; line-height: 80%; font-weight: normal;}
  #introNav li p a {padding: 0; font-weight: normal; color: #6666A0; background: none;}
  #introNav li p a:hover{color: #FFFFFF;}
  		  li#corefirst a.on {background: transparent url(./images/vim-cf.gif) top left no-repeat;}
		  li#corefirst a.on:hover {background-position: bottom left;}
		  li#lifeman a.on {background: transparent url(./images/vim-lm.gif) top left no-repeat;}
		  li#lifeman a.on:hover {background-position: bottom left;}
		  li#training a.on {background: transparent url(./images/vim-tr.gif) top left no-repeat;}
		  li#training a.on:hover {background-position: bottom left;}
		  li#coreed a.on {background: transparent url(./images/vim-ce.gif) top left no-repeat;}
		  li#coreed a.on:hover {background-position: bottom left;}

/* Quote of the Day */
#qotd{position: relative; float: left; left: -150px; margin: 0px auto; width: 150px;}
#qotd h3{background: transparent url(./images/vim-quote.gif) no-repeat; height:40px;}
#qotd p{font-decoration: italic; margin-top: -25px; margin-left: 5px; 
	font: 0.9em "Georgia","Times New Roman", Times, serif;}
.author{color: #5A5A5A; font-family:Arial, Helvetica, sans-serif;
	font-size: 0.9em; font-weight: bold; text-align: right; padding-right: 10px;}

/* Newsletter */
#newsletter{position: absolute; float: left; left: 550px; top: 30px; margin: 0px auto; width: 140px; display: block;}
#newsletter h3{background: transparent url(./images/vim-newsltr.gif) no-repeat; height:20px;}
#newsletter p{font: 0.7em Arial, Helvetica, Sans-serif; line-height: 1.5em; margin-top: -15px; margin-left: 5px;}
#newsletter p a{text-decoration: none; color: #cf7328;}
#newsletter p a:hover{text-decoration: underline; color:#EDB125;}

/* Careers */
#careers{position: absolute; float: left; left: 550px; top: 131px; margin: 0px auto; width: 140px; display: block;}
#careers h3{background: transparent url(./images/vim-careers.gif) no-repeat; height:20px;}
#careers p{font: 0.7em Arial, Helvetica, Sans-serif; line-height: 1.5em; margin-top: -15px; margin-left: 5px;}
#careers p a{text-decoration: none; color: #cf7328;}
#careers p a:hover{text-decoration: underline; color:#EDB125;}
#careers ul{color: #5A5A5A; text-indent: 0px;}
#careers li{font: 0.7em Arial, Helvetica, Sans-serif; line-height: 1.5em;}
#careers li a{text-decoration: none; color: #cf7328;}

/* Life Calculator */
#lifecalc{position: relative; float: left; left: 550px; top: 280px; margin: 0px auto; width: 140px;}
#lifecalc h3{background: transparent url(./images/vim-lifecalc.gif) no-repeat; height:40px;}
#lifecalc p{font-decoration: italic; margin-top: -25px; margin-left: 5px; 
	font: 0.9em "Georgia","Times New Roman", Times, serif;}


/* Footer */
#footer{background: #FFF; border-top: 4px double #CF7328; height: 30px;}
#footer p{text-align: right; color: #5A5A5A; padding-top: 3px;}
#footer p a{}
#footer a{}

/* Top Navigation */
#outer {display:block; position:relative; background:#5A5A5A; padding:2em; text-align:center;}
#outer h2 {margin-bottom:1em;}

#navigation {background:transparent; margin:0 auto; height:3em;
/* hide overflow:hidden from IE5/Mac */ 
/* \*/ 
overflow: hidden; 
/* */ }

#navigation ul {margin:0; padding:0; list-style-type:none; background:transparent;}
#navigation li {display:block; float:left; margin:0 1px;}
.snazzy {background:transparent;}
.snazzy span {text-align:center; color:#fff; font: 11px Arial, Helvetica, sans-serif; font-weight: bold; padding:3px;}

.b1, .b2, .b3, .b4 {display:block; font-size:1px;
/* hide overflow:hidden from IE5/Mac */ 
/* \*/ 
overflow: hidden; 
/* */ }
.b1, .b2, .b3 {height:1px;}
.b2, .b3, .b4 {border-left:1px solid #fff; border-right:1px solid #fff;}
.b1 {margin:0 5px; background:#fff;}
.b2 {margin:0 3px; border-width:0 2px;}
.b3 {margin:0 2px;}
.b4 {height:2px; margin:0 1px;}
.boxcontent {display:block; border-left:1px solid #fff; border-right:1px solid #fff;}

a.menu, a.menu:visited {display:block; text-decoration:none; width:5.5em;}
a.menu:hover {background:transparent; cursor:pointer;}
a.menu:hover span {padding-top:5px; background:#5A5A5A;}
a:menu:hover b {background:#5A5A5A;} 

.orange {background:#CF7328;}

a:hover b.orange {background:#5A5A5A;}

.active {padding-top:10px; background:#5A5A5A; cursor:default;}

#navigation2 {position: relative; display: block; clear:both; background:transparent; margin: 0px auto; height:3em; padding-left: 10px;
/* hide overflow:hidden from IE5/Mac */ 
/* \*/ 
overflow: hidden; 
/* */ }

#navigation2 ul {margin: 0; padding:0; list-style-type:none; background:transparent;}
#navigation2 li {display:block; float:left; margin:0 1px;}

.pad {display:block; height:1em;
/* hide overflow:hidden from IE5/Mac */ 
/* \*/ 
overflow: hidden; 
/* */ }

a.menu2, a.menu2:visited {display:block; text-decoration:none; width:8.0em;}
a.menu2:hover {background:transparent; cursor:pointer;}
a.menu2:hover .boxcontent {padding-bottom:1.4em; background:#5A5A5A;}
a.menu2:hover .pad {height:0.2em;}