/*  This code is copyrighted to Fultz.
    This means you may NOT use it for you site's design.  */

/* import stylesheets and hide from ie/mac \*/
@import url('reset.css');
@import url('ie.css');
/* end import/hide */

body { font-family: Verdana, Arial, sans-serif; } /* JUST FONT-FAMILY & COLORS */

a:link,
a:visited { color:#000; font-size: 11px; line-height: 13px; }
a:hover,
a:focus { text-decoration: none; }

/*

FULTZ v1.0
VERSION 1.0

CONTENTS ----------

1.BODY
2.DEFAULT STYLING
3.HEADINGS
4.LINKS
5.IMAGES & VIDEOS
6.LAYOUT
7.BRANDING/MASTHEAD
8.NAVIGATION
9.SITEINFO/FOOTER
10.GLOBALS ELEMENTS

-------------------

COLORS -----------

blue #0066a1
red #cd202c
orange #e98300
green #3f9c35
aqua #00afd8
pink #da487c
yellow #fecb00
lime #7ab800

-------------------

*/

/* 1.BODY
---------------------------------------------------------------------- */

body { 
font-family: Verdana, Arial, sans-serif;
font-size: 13px; 
line-height: 20px; 
background: #fff; 
color: #000; 
width: 948px;
margin: 0 auto;
text-align: left; }

ul#nav_access { position:absolute; top:-9999px; left:-9999px; }

/* 2.DEFAULT STYLING
---------------------------------------------------------------------- */

#header {
position: relative;
height: 144px;
width: 948px; 
background: #0066a1 url(../img/header_plain.png) no-repeat;
text-indent: -9999px; }

#header a {
display: block;
position:absolute;
top: 70px;
right: 0;
width:239px;
height:74px;
background: transparent url(../img/button_survey.png) no-repeat; }

#content {
padding: 18px 40px 12px 188px; }

#content h2 {
font-size:32px; 
font-weight: normal;
color:#00afd8; }

#content p {
font-size:13px; 
line-height: 22px;
padding-top: 10px;
color:#000000; }

#sections { 
position: relative;
float: left; 
width: 948px;
height: 500px;
overflow: hidden; }

#become-the-one { background: #0066a1 url(../img/bkg_blue.png) no-repeat; }
#make-a-plan { background: #cd202c url(../img/bkg_red.png) no-repeat; }
#explore-va-colleges { background: #e98300 url(../img/bkg_orange.png) no-repeat; }
#parents-and-counselors { background: #3f9c35 url(../img/bkg_green.png) no-repeat; }

#sections div {
width: 222px;
height: 650px;
float: left;
position: relative;
margin-right: 20px; }

#sections img {
position: absolute; }

#sections h3 a {
position: relative;
display: block;
height: 70px; /* height of logo */
width: 222px; /* width of logo */
text-indent: -9999px;
cursor: pointer;
z-index: 20;
background-position: 0 0; }

#become-the-one h3 a { background: transparent url(../img/nav_become-the-one.png) 0 0 no-repeat; }
#make-a-plan h3 a { background: transparent url(../img/nav_make-a-plan.png) 0 0 no-repeat; }
#explore-va-colleges h3 a { background: transparent url(../img/nav_explore-va-colleges.png) 0 0 no-repeat; }
#parents-and-counselors h3 a { background: transparent url(../img/nav_parents-and-counselors.png) 0 0 no-repeat; }

.end {
margin-right: 0; }

#screenshot {
font-size: 10px;
position:absolute;
background:#000;
padding:8px;
display:none;
color:#fff;
z-index: 25;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-moz-box-shadow: 0 0 10px rgba(0, 0, 0, 1);
-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 1); }

/* 
	LEVEL TWO
*/
#sections ul.dropdown { position: absolute; left: 20px; padding: 0; margin: 0; }
#sections ul.dropdown li { width: 182px; color: #000; float: none; height: auto; margin: 0; text-align: left; padding: 0 0 8px 0; list-style: none; line-height: 16px; }
/* IE 6 & 7 Needs Inline Block */
#sections ul.dropdown li a { border-right: none; display: inline-block; } 

#sections ul.dropdown li.header {
padding-bottom: 2px;
font-weight: bold;
font-size: 13px; }

a.pdf {
background: url(../img/file-red.gif) no-repeat;
padding-left: 16px; }

a.zip {
background: url(../img/file-orange.gif) no-repeat;
padding-left: 16px; }

a.psd {
background: url(../img/file-blue.gif) no-repeat;
padding-left: 16px; }

a.external {
background: url(../img/window.gif) no-repeat;
padding-left: 16px; }

/* 1.LISTS
---------------------------------------------------------------------- */

#thumbnails {
width: 100%; }

#thumbnails ul {
float:left; 
margin: 0 15px 15px 0;
list-style: none;
text-align: center; }

.border {
border: #bbb solid 1px; }

/* 3.FOOTER
---------------------------------------------------------------------- */

#footer {
font-size: 11px;
line-height: 15px;
padding: 24px 0 24px 0;
clear: both; }

a.logo {
display: block;
position:absolute;
width:214px;
height:62px;
text-indent: -9999px;
background: transparent url(../img/logo.png) no-repeat; }

#footer p {
padding: 0 0 12px 242px;
width: 424px; }

a.addthis_button {
top: 0;
float: right; }