/*
--------------------------
CSS RESET 
--------------------------
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: #000000;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}


/*
--------------------------
BASIC LAYOUT
--------------------------
*/

body {background: white url(../images/VEDP_VA-Allies_Bkg-Pattern.gif);}

#wrapper {width: 810px; position: relative; margin: 0 auto; text-align: left; }

#header {position: absolute; width: 800px; padding: 0 5px; height: 84px; background: url(../images/header-bg2.png) repeat-x;}

#site-nav {position: absolute; top: 15px; right: 30px;}

#navigation {}

#content {width: 752px; 
margin: 0 auto; position: relative; top: 108px; z-index: 0;
    left: -28px;
}

#content-wrapper {width: 800px; padding: 0 5px; background: url(../images/wrapper-shadow-bg.png) repeat-y;}

#footer {width: 800px !important; background: #e7e7e8 url(../images/footer-bg.gif) repeat-x; clear: both; position: relative;}

#bottom-shadow {width: 810px; height: 10px; background: url(../images/content-shadow-bottom-bg.png) no-repeat;}

/* image replacement -- hides text for images that contain important information */
span.text {position: absolute; top: -9999px;}

/* clearing element */
.clear {clear: both;}



/*
--------------------------
HEADER
--------------------------
*/




/*
--------------------------
NAVIGATION
--------------------------
*/

#navigation {background: transparent url(../images/nav-bar-bg2.png) repeat-x; position: absolute; z-index: 9999; top: 84px; width: 670px; color: white; height: 32px; width: 675px; padding: 0 5px; padding-left: 130px;}
#navigation li {float: left; position: relative; margin: 0 5px; width: auto; height: auto; display: block; border: 1;}

#navigation li#home {background: url(../images/nav-home-bg.gif) no-repeat 100% 4px; padding-right: 15px; margin-right: 10px !important;}
#navigation li#home a {text-transform: none !important;}
#navigation li#home a:hover {background: none !important; color: #faaa56;}

#navigation li a {float: left; display: block; height: 32px; color: white; font-size: 10px; text-transform: uppercase; font-weight: bold; padding: 6px 10px; width: auto; white-space: nowrap;}
#navigation li a:hover,
#navigation li.active a,
#navigation li.highlight a {background: url(../images/nav-on-bg.png) no-repeat 50% 0;}

#navigation li.active,
#navigation li.highlight {height: auto;}

#navigation li ul {position: absolute; z-index: 0; top: 23px; display: none; width: 144px; background: transparent url(../images/nav-menu-bg-bottom.png) no-repeat 0 11px; padding-bottom: 2px;}

#navigation li ul li {float: none; margin: 0;}

#navigation li ul li.menu-top {background: transparent url(../images/nav-menu-bg-top.png) no-repeat; height: 13px; width: 144px;}

#navigation li ul li a {background: white url(../images/nav-bar-bg.jpg) repeat-x !important; height: auto; width: 109px; text-align: center; margin: 0 9px 0 6px; border-bottom: 1px solid white; text-transform: none; font-weight: normal; float: none; overflow: hidden;}

#navigation li ul li a:hover,
#navigation li ul li a.there {background: url(../images/nav-menu-highlight-bg.jpg) repeat-x !important;}



/*
--------------------------
CONTENT 
--------------------------
*/

/* .bucket separates content into columns/rows -- styles may be based on body id */
.bucket {width: auto; clear: both;}

/* .bucket */
.bucket.top {}
body#index .bucket.bottom {}

/* columns */
.column.left, 
.column.right {float: left;}


/* HOMEPAGE */
body#index .column.left {width: 296px;}
body#index .column.right {width: 389px; padding: 40px; padding-right: 75px;}

body#index #bottom {background: #f3f3f4 url(../images/index-bucket-bottom-bg3.jpg) no-repeat; width: 100%;}
body#index #bottom .column.right {padding: 0;}

body#index #bottom .bucket-wrapper {padding: 25px 40px; width: 720px;}

body#index #top {background: url(../images/nav-index-bg.gif) no-repeat 0 100%;}

body#index #sub-navigation {padding: 30px 50px 0; padding-right: 0;}
body#index #sub-navigation li {background: url(../images/nav-index-links-bg.png) no-repeat 25px 100%; width: 246px;}
body#index #sub-navigation li a {display: block; padding: 10px 70px 10px 25px; background: url(../images/nav-arrow-index.gif) no-repeat 0 50%; color: white; width: 151px;}


/* INTERIOR */
body#interior .column.left, 
body#interior .column.right {padding: 50px 30px;}
body#interior .column.right2 {padding: 50px 30px;}


body#interior .column.left {width: 160px; background: url(../images/va-ally-logo-arrows.jpg) no-repeat 0 100%;}
body#interior .column.right {width: 520px;}
body#interior .column.right2 {width: 700px;}

body#interior #sub-navigation {width: 160px; font-size: 11px; padding-bottom: 240px;}
body#interior #sub-navigation li {background: url(../images/nav-interior-links-bg.png) no-repeat 15px 100%;}
body#interior #sub-navigation li a {display: block; padding: 10px 0 10px 15px; background: url(../images/nav-arrow-interior.gif) no-repeat 0 50%; color: black; width: 145px;}

body#interior #sub-navigation li.highlight a {color: #959595;}

#va-ally-logo-interior {margin-top: 50px;}



/*
--------------------------
FOOTER 
--------------------------
*/



/*
--------------------------
FONTS AND STYLES 
--------------------------
*/

h1, h2, h3, h4, h5, h6, ul, p {font-family: Arial, Verdana, sans-serif;}

h1 {font-size: 15px; color: #ee3124; font-weight: bold; line-height: 18px; margin-bottom: 25px;}

h2 {font-size: 12px; color: #f7901e; text-transform: uppercase; font-weight: bold;}
h2 span {font-size: 9px; color: #98999a;}

body#index #bottom .column.left h2 {line-height: 14px; text-align: right; width: 100px; float: right; padding-right: 30px; margin-bottom: 150px;}

ul, p {font-size: 12px; color: #231f20;}

p {line-height: 21px; margin-bottom: 15px;}

#content .column.right ul {margin-bottom: 25px; font-size: 11px;}
#content .column.right ul li {background: url(../images/bullet-bg.gif) no-repeat 0 50%; padding-left: 7px; margin-bottom: 8px;}
#content .column.right ul li span {color: #a3a4a5;}
#content .column.right ul li a {color: black;}
#content .column.right ul li a:hover {text-decoration: underline;}

#footer p {font-family: Arial, Verdana, sans-serif; font-size: 10px; text-transform: uppercase; padding: 15px; width: 770px; text-align: center; }
#footer p {margin-bottom: 0;}
#footer p span {display: inline-block; width: 20px; height: 4px; background: url(../images/footer-bullet-bg.gif) no-repeat 50% 50%; vertical-align: middle;}

#site-nav p {font-family: Arial, Verdana, sans-serif; font-size: 10px; margin-bottom: 10px;}
#site-nav {text-align: right;float: right;}

form {float: left;
    width: 711px;
}
form input.text {font-family: Arial, Verdana, sans-serif; font-size: 9px; color: black; border: 1px solid #b8b8b8; margin-right: 5px; margin-bottom: 5px; }


/*
--------------------------
LINKS 
--------------------------
*/

a {text-decoration: none;}

#footer a {color: #898989;}
#site-nav a {color: black;}
#footer a:hover, #site-nav a:hover {text-decoration: underline;}
#site-nav a {margin: 0 5px;}