/*****************************************
* Informatics CSS Document v1.0
*****************************************/

/****************************************
* General styles
****************************************/
body { background: #bac8d9; font-family: Arial, Helvetica, sans-serif; font-size: 0.750em; line-height: 1.50em; color: #333; }
img { border: none; }
p,ul,ol,dl { padding-bottom: 10px; }
ul,dl {	list-style: none; margin: 0; }
ol { list-style: decimal inside; }
ul.show-bullet { list-style: inside disc; margin-left: 10px; }
ul.show-bullet li ul { margin-left: 20px; }
li { margin-bottom: 5px; }
dt { float: left; clear: left; font-weight: bold; margin-right: 5px; }
dd { display: block; margin-bottom: 5px; }
a { color: #900; outline: 0; }
h2 { font-size: 1.833em; font-weight: normal; margin-bottom: 15px; }
h3 { font-size: 1.500em; font-weight: normal; margin-bottom: 10px; }
h4 {font-size: 1.333em; font-weight: normal;}
h5 {font-size: 1em;font-weight: bold;}
table { margin: 5px 0 10px; width: 100%; border-collapse: collapse; }
td,th {padding: 5px; }
th {text-align: left;text-transform: capitalize; font-size: 1.25em; background: #ccc; }
tr.even { background: #eee; }
hr { background: #6d6e70; height: 6px; margin-bottom: 10px; width: 100%; }
/****************************************
* Skips
****************************************/
#skip-nav { position: absolute; top: -300px; }
/****************************************
* Main Content wrapper
****************************************/
#page-wrap { background: #fff; margin: 0; width: 100%; }
#main { padding: 0;color: #333;margin: 0 auto;width: 878px;}
/****************************************
* Section header and navigation
****************************************/
#header {width: 878px;height: 180px;padding: 10px 0 20px;}
#header h1 {font-size: 22px;padding: 0; float: left;}
#header h1 a {background: url(../img/vf-logo.jpg) no-repeat;text-indent: -9999px;height: 171px; width: 290px;display: block;}
#header img { float: left; margin-left: 14px; }
#header #print-logo { display: none; }
#nav { float: left; background: #bac8d9; list-style: none;margin-bottom: 20px;padding: 0 4px; width: 870px;font-size: 12px; -moz-border-radius: 5px;-webkit-border-radius: 5px; }
#nav li { margin: 0 1px;line-height: 1em;float: left;list-style: none;}
#nav li a { display: block;color: #2f2f2f;text-decoration: none;text-transform: uppercase; height: 13px;padding: 15px 11px; font-weight: bold; }
#nav li a:hover,#nav a.current { color: #fff; background: #7b183b; }
/****************************************
* Main Content Area and sidebar
****************************************/
#content { width: 574px; float: left; margin: 0; padding: 0; }
#content .column { float: left; width: 270px; }
#content .right-column { margin-left: 34px; }
#sidebar { float: left; margin-left: 34px; padding: 0; width: 270px;  }
#footer { margin-top: 20px; background: #bac8d9; clear: both; }
#copyright { width: 878px; margin: 0 auto; padding-top: 10px; }
#footer p { font-size: 10px; }
/****************************************
* Media styles
****************************************/
.caption h3 { font-size: 1em; font-weight: bold; color: #fff; }
.caption p { font-size: 0.900em; color: #fff; padding-bottom: 0; }
.caption a { color: #fff; }
.media { position: relative; }
.video img.alpha { left: 0; position: absolute;	top: 0; }
.caption { background-color: #7b183b;padding: 10px; min-height: 48px; margin-bottom: 10px; }
.video a.playButton { background: url(../img/play-btn.png); display: block; width: 31px; height: 32px; text-indent: -9999px; float: left; margin: 0 10px 10px 0; }
/****************************************
* Sidebar widgets
****************************************/
.buttons li {height: 80px;margin-bottom: 20px;}
.buttons li a {display: block; color: #fff; font-size: 20px; text-decoration: none; padding: 30px 23px;-moz-border-radius: 5px;-webkit-border-radius: 5px; }
.buttons li a.twoline {padding: 14px 23px;line-height: 1.25em;}
.buttons li#top-right a { background: url(../img/top-right.jpg) no-repeat; }
.buttons li#middle-right a { background: url(../img/middle-right.jpg) no-repeat; }
.buttons li#bottom-right a { background: url(../img/bottom-right.jpg) no-repeat; }
.buttons li#top-left a { background: url(../img/top-left.jpg) no-repeat; }
.buttons li#middle-left a { background: url(../img/middle-left.jpg) no-repeat; }
.buttons li#bottom-left a { background: url(../img/bottom-left.jpg) no-repeat; }
#social-media li { float: left; margin-left: 19px; }
/****************************************
* Form styles
****************************************/
#main form label {font-weight: bold;display: block;}
#main form label:after {content: ":";}
#main fieldset { border: 1px solid #ccc; margin: 0 0 1.5em 0; padding: 1.400em; }
#main input[type="text"],#main input[type="password"] { border: 1px solid #bbb;margin-bottom: 10px;padding: 5px;width: 260px;}
#main input[type="text"]:focus,#main input[type="password"]:focus { border: 1px solid #666; }
#main textarea { border: 1px solid #bbb; height: 250px;margin-bottom: 10px;padding: 5px; width: 400px; }
#main textarea:focus { border: 1px solid #666; }
#main select { border: 1px solid #ccc; margin-bottom: 10px;padding: 5px;}
#main select option {padding-right: 10px;}
#main select:focus { border: 1px solid #666; }
/****************************************
* Generic styles
****************************************/
.hide { display: none; }
a[href$='.pdf'] { background: url(../img/icons/pdf.gif) no-repeat; padding: 0 0 2px 21px; }
.buttons li a[href$='.pdf'] { background: none; }
a[href$='.doc'] { background: url(../img/icons/word.gif) no-repeat; padding: 0 0 2px 21px; }
a[href$='.docx'] { background: url(../img/icons/word.gif) no-repeat; padding: 0 0 2px 21px; }
.clear { clear: both; }
.imgLeft { float: left;margin: 0 10px 0 0;}
.imgRight { float: right;margin: 0 0 0 10px;}
.small { font-size: 0.933em; }
.ie6-message { background: #fff; padding: 10px; }
.more a { float: right; }
.more a:after { content: " >>"; }
.intro { color: #7b183b; font-size: 16px; font-weight: bold; }

@media print {
body,#footer, { background: none; }
body { font-family: "Times New Roman", Times, serif; }
#header img, #nav, .buttons { display: none; }
#header #print-logo { display: inline; }
#content { float: none; width: 100%; }
#sidebar { float: none; width: 100%; margin-left: 0px; }
h2 { font-size: 18pt; font-weight: bold; }
h3 { font-size: 16pt; font-weight: bold; }
#content p,#content ul li { font-size: 12pt; }
#copyright { font-size: 10pt; }
#copyright a { text-decoration: none; color: #000; }
}