/*
	Circle of Friends for American Veterans styles
	Developed by Noah Lazar, Saforian
*/


/* --- Formatting --- */

body
{ color:#333; font:normal .77em/1.4em verdana,arial,helvetica,sans-serif }

p, th, td, li, dt, dd
{ color:#333; line-height:1.5 }
th, b, strong
{ font-weight:bold }
i, em, cite
{ font-style:italic }
sup, sub
{ font-size:75% }
blockquote
{ margin:0; padding:0 }
table, tr, td, th /* IE5 font fix */
{ font-size:100% }
code
{ font-size:120% }	


/* Links */
a:link
{ color:#455876; text-decoration:underline }
a:visited
{ color:#576a88; text-decoration:underline }
a:hover, a:active
{ text-decoration:none }

/* Document icons */
a[href$=".pdf"]
{ display:inline; padding:1px 20px 1px 0; background:url("../images/icon_pdf.gif") no-repeat 100% 50% }
	*:first-child+html a[href$=".pdf"] /* IE7 fix */
	{ display:inline-block; padding:0 20px 0 0 }

/* More links */
p.go
{ margin-right:5px; background:#fff url("../images/linkbar_go_left.jpg") no-repeat }
	p.go a  /* Phark image replacement */
	{ display:block; height:37px; text-indent:-9999px; overflow:hidden;
	  background:url("../images/linkbar_go_right.jpg") no-repeat right top }

p.more
{ position:relative; width:304px; height:43px; margin:-.5em -6px .3em -6px; padding:22px 0 0 0; text-align:right }
	p.more a
	{ padding-right:11px; font-weight:bold; color:#b0533f; text-align:right; text-decoration:none }
	p.more a:hover
	{ text-decoration:underline }


/* Paragraphs */
p
{ margin:0 0 1.3em }
address
{ font-style:normal; margin:0 0 1.3em }

.small, small
{ font-size:92% }
.big, big
{ font-size:130% }
.center
{ text-align:center }
.right
{ text-align:right }


/* Images */
a img
{ border-style:none }
.floatleft /* Floating images */
{ float:left; margin:0 8px 8px 0 }
.floatright
{ float:right; margin:0 0 8px 8px }

/* IE6 PNG fix (set to absolute path of common folder) */
* html img
{ behavior:url("common/pngbehavior.htc"); }


/* Separators */
hr
{ color:#fff; background-color:#fff; height:3px; margin:.3em 0; padding:0; border-width:0; 
  border-top:1px solid #d6d6d6; overflow:hidden }
	* html hr /* IE6 fix */
	{ margin:0 0 .3em }
	*:first-child+html hr /* IE7 fix */
	{ margin:0 0 .3em }


/* Headings */
h1, h2, h3, h4, h5, h6
{ color:#000000; margin:0 0 .8em 0; padding:0; font:bold 100%/1.2 "Lucida Grande",verdana,arial,helvetica,sans-serif }
h1
{ font-size:150% }  /* 18px */
h2
{ color:#F00;font-size:133% }  /* 16px */
h3
{ color:#00F;font-size:100% }  /* 15px */
h4
{ color:000000;font-size:90% }  /* 14px */
h4.vidheader
{ font-size:115%; color:#fff; }  /* 14px */
h5
{ color:#0000ff; font-size:115% }  /* 13px */
h6
{ font-size:100%; margin-bottom:.2em }


/* Lists */
ul
{ margin:0 0 1.3em; padding:0; list-style-type:none }
	ul li, ol li ul li
	{ margin:0 0 .7em 8px; padding:0 0 0 13px; background:url("../images/bullet_arrow.gif") no-repeat 0 .3em; line-height:1.3 }
	ul ul
	{ margin:5px 0 2px 2px }

ol
{ margin:0 0 1.3em 33px; padding-left:0 }
	ol li, ul li ol li
	{ margin-bottom:.6em }

dl
{ margin:0 0 1em 0 }
	dt
	{ display:block; margin:1em 0 0; padding:0; font-weight:bold }
	dd
	{ margin:1px 0 0; padding:0 }


/* Forms */
form
{ margin:0; padding:0 }
input, select, textarea
{ font-family:verdana,arial,helvetica,sans-serif; font-size:100%; vertical-align:middle }
textarea
{ width:99% }
label
{ vertical-align:middle }


/* Layout table */
table
{ margin:0 0 1.3em 0; padding:0; border-width:0; border-collapse:collapse; border-spacing:0; empty-cells:show; table-layout:auto }
td
{ padding:0 8px 8px 0; vertical-align:top }


/* Data Tables */
table.data
{ width:100% }

table.data caption
{ padding:0 0 5px 0; text-align:left; font-weight:bold; font-size:100% }
table.data th
{ padding:4px 7px; border:1px solid #fff; vertical-align:top; background-color:#455876; color:#fff; text-align:left }
table.data td
{ padding:5px 7px; border:1px solid #fff }

/* Alternating row colors */
table.data .even
{ background-color:#efefef }

/* Row gap */
table.data tr.break td
{ border-top:2em solid #fff }




/* --- Layout --- */

.hide, .hide *
{ position:absolute; overflow:hidden; left:0; top:-9999px; width:1px; height:1px }


body /* RIght edge is fixed on body so it doesn't move horizontally with viewport */
{ margin:0; padding:0; background:#d7d7d7 url("../images/bg.jpg") repeat-x }

#outerwrapper /* Left edge */
{ background:url("../images/eagle.jpg") no-repeat fixed right top; background-attachment:scroll}
	* html #outerwrapper /* IE5 centering fix */
	{ text-align:center }

#wrapper /* Contain body width */
{ position:relative; width:1036px; margin:0 auto; padding:0; }
	* html #wrapper /* IE5 centering fix */
	{ text-align:left }



/* - Header - */

#header /* Clear after floats */
{ background:url("../images/header_bg.png") no-repeat; height:165px; }

#logo_placement
{position:absolute;top:0;left:0;}

/* Utility navigation */
#utility
{ float:right; margin:0 19px 0 0; list-style-type:none; font-size:92% }
	* html #utility /* IE6 double-margin fix */
	{ display:inline }

#utility li
{ float:left; color:#fff; margin:0 0 0 8px; padding:5px 4px 0 0; background-image:none }

#utility a
{ font-weight:bold; color:#fff; text-decoration:none; white-space:nowrap }
	#utility a:link
	{ color:#fff }
	#utility a:visited
	{ color:#ccc }
	#utility a:hover
	{ text-decoration:underline }
	

/* Primary navigation */
#mainnav /* Top of shell */
{ clear:both; margin:0; padding:0; list-style-type:none; }

	/* Clear after floats */
	
	{ zoom:1 }
	#mainnav:after
	{ content:"."; display:block; height:0; clear:both; visibility:hidden }

#mainnav li
{ position: relative; top:71px; left:161px; float:left; z-index:10; margin:0; padding:0; background-image:none }


#mainnav a /* Phark image replacement */
{ float:left; height:67px; background:transparent none no-repeat; 
  text-indent:-9999px; overflow:hidden }

/* Replaced images */
#navabout a
{ width:122px; background-image:url("../images/nav_about.jpg") }
#navgallery a
{ width:121px; background-image:url("../images/nav_gallery.jpg") }
#navspeakers a
{ width:121px; background-image:url("../images/nav_speakers.jpg") }
#navvbor a
{ width:121px; background-image:url("../images/nav_vetbillofrights.jpg") }
#navour a
{ width:121px; background-image:url("../images/nav_our.jpg") }
#navcontact a
{ width:121px; background-image:url("../images/nav_contact.jpg") }
#navdonate a
{ width:148px; background-image:url("../images/nav_donate.jpg") }


/* Active state (either set "active" class or pull from body id) */
body#about #navabout a, body#gallery #navgallery a, body#speakers #navspeakers a, 
body#vbor #navvbor a, body#our #navour a, body#contact #navcontact a, body#donate #navdonate a, 
#mainnav li.active a
{ background-position:0 -134px }

/* Hover */
#mainnav li:hover a, #mainnav a:hover
{ background-position:0 -67px !important }


/* Flyout subnavigation */

#mainnav .subnav /* Added by script for shadow */
{ display:none; position:absolute; z-index:50; top:67px; left:-5px; 
  padding:0 4px 4px 0; background:url("../images/nav_flyout_shadow.png") no-repeat right bottom }
	* html #mainnav .subnav /* IE6 PNG replacement */
	{ background-image:none }

	#mainnav .subnav .wrapper
	{ border-top:1px solid #b4b4b4; border-left:1px solid #a0a0a0 }

#mainnav ul
{ display:none; position:absolute; z-index:50; top:67px; left:-5px; 
  margin:0; padding:8px 6px 7px; border:2px solid #fff; 
  background:url("../images/nav_flyout.png") repeat; font-size:92%;
  zoom:1 }
	* html #mainnav ul /* IE6 PNG replacement */
	{ background:#455977 none }

	#mainnav .subnav ul /* If script used, then already positioned */
	{ display:block; position:static }

	* html #mainnav .subnav ul /* IE6 bug: requires explicit width */
	{ width:200px }


#mainnav ul li
{ position:static; float:none }

#navabout ul a, #navgallery ul a, #navspeakers ul a, #navvbor ul a, #navour ul a, #navcontact ul a, #navdonate ul a /* Undo image replacement */
{ zoom:1; width:auto; background-image:none; display:block; float:none; height:auto; text-indent:0; overflow:visible;
  padding:3px 6px 6px; font-weight:bold; color:#fff; text-decoration:none; white-space:nowrap }

#mainnav ul a:hover, #mainnav li.active ul a:hover
{ background:url("../images/nav_flyout_hover.png") repeat-x left bottom !important }
	* html #mainnav ul a:hover /* IE6 PNG replacement */
	{ background:#222c3b none !important }

/* Show subnav (non-script version) */
#mainnav li:hover ul
{ display:block }


/* - Content area - */

#contentwrapper
{ position:relative; padding:0 11px 0 10px; background:#fff url("../images/back_fauxsidebar.gif") repeat-y }

	/* Clear after floats */
	
	{ zoom:1 }
	#contentwrapper:after
	{ content:"."; display:block; height:0; clear:both; visibility:hidden }


/* Page title graphic (use class="title" if not an actual h1) */
#contentwrapper h1 img, img.title
{ display:block; margin-bottom:1em; border-bottom:1px solid #fff }


#content
{ float:left; width:670px; margin:0 0 .5em 13px }
	* html #content /* IE6 double-margin fix */
	{ display:inline }

	/* Clear after floats */

	{ zoom:1 }
	#content:after
	{ content:"."; display:block; height:0; clear:both; visibility:hidden }


#content hr
{ margin-left:-4px; margin-right:-4px }


/* Columns */
.columns /* Clear after floats */
{ margin-bottom:.3em; zoom:1 }
.columns:after
{ content:"."; display:block; height:0; clear:both; visibility:hidden }

.columns .leftcol
{ float:left; width:47%; padding-right:2.9%; border-right:1px dashed #d6d6d6 }
.columns .rightcol
{ float:right; width:47% }


/* Three columns */
.three .leftcol
{ float:left; width:30%; padding:0; border-width:0 }
.three .middlecol
{ float:left; width:30%; margin:0 2.5% 0 2.2%; padding:0 2.3% 0 2.6%; border-left:1px dashed #d6d6d6; border-right:1px dashed #d6d6d6 }
.three .rightcol
{ float:left; width:30% }


/* Boxes */
.box_shadow
{ margin:0 0 1.8em; background-color:#efefef; padding:6px 6px 18px 6px; background-image: url("../images/box_shadow.jpg"); background-position: bottom; background-repeat:no-repeat; }    
.whitebox
{ background-color:#fff; padding:8px 8px 4px; margin:0; }

#content .box
{ margin-bottom:1.4em; padding:14px 10px 25px; background:#efefef  }

.box_lines
{ margin:0 0 1.8em; background-color:#fff; padding:8px 8px 4px; } 
.box_lines img
{ margin-left:-4px; }       

#content div.wrapped /* Add bottom wrapper in script */
{ padding:0 !important }
#content .innerbox
{ padding:14px 10px 25px; background:url("../images/box_bottom.gif") no-repeat left bottom }

	#content div.box, #content div.innerbox /* Extra padding only if not a div */
	{ padding-bottom:9px }


/* Highlight */
#highlights
{ padding-top:10px; }
	/* Clear after floats */

	{ zoom:1 }
	#highlights:after
	{ content:"."; display:block; height:0; clear:both; visibility:hidden }

.solid 
{ color:#fff; background-color:#fff; height:1px; margin:.3em 0; padding:0; border-width:0; 
  border-top:1px solid #d6d6d6; overflow:hidden }
	* html hr /* IE6 fix */
	{ margin:0 0 .3em }
	*:first-child+html hr /* IE7 fix */
	{ margin:0 0 .3em }
	

/* - Sidebar - */
#sidebar
{ float:right; width:292px; margin:0 10px 1em 0; font-size:92%; }
	* html #sidebar /* IE6 double-margin fix */
	{ display:inline }


/* Subnavigation */
#subnav
{ margin:0 0 1.8em; padding:8px 8px 4px; background-color:#455876 }
#subnav li
{ margin-left:3px; background-image:url("../images/bullet_white.gif"); color:#fff }
#subnav a
{ color:#fff; font-weight:bold }
	#subnav a:link
	{ color:#fff; text-decoration:none }
	#subnav a:visited
	{ color:#eee; text-decoration:none }
	#subnav a:hover
	{ text-decoration:underline }


/* Active link */
#subnav li.active a
{ color:#dde5c7 }



/* Boxes */
#sidebar .box /* Pink; Width = 299 */
{ margin:0 -3px 1.8em -4px; padding:32px 9px 18px; background-color:#f7f3ea url("../images/box_pinktop.gif") no-repeat }

#sidebar div.wrapped /* Add bottom wrapper in script */
{ padding:0 !important }
#sidebar .innerbox
{ padding:32px 9px 18px; background:url("../images/box_shaddow.jpg") no-repeat left bottom }

	#sidebar div.box, #sidebar .box div.innerbox /* Extra padding only if not a div */
	{ padding-bottom:4px }


#sidebar .alternate /* Green */
{ background:#dde5c7 url("../images/box_greentop.gif") no-repeat }
#sidebar .alternate .innerbox
{ background:url("../images/box_greenbottom.gif") no-repeat left bottom }


#sidebar .callout /* Call out lines */
{ margin:0 -2px 1.8em -2px; padding:15px 8px; background:#fff url("../images/box_callouttop.gif") no-repeat }
#sidebar .callout .innerbox
{ padding:15px 8px; background:url("../images/box_calloutbottom.gif") no-repeat left bottom }
	#sidebar .callout div.innerbox
	{ padding-bottom:3px }


#sidebar .callout, #sidebar .callout *
{ color:#77614a; font-style:italic }

#sidebar .side_link
{ background:url("../images/button_gray.gif") no-repeat left top; width:304px; height:33px; margin:0 0 8px -.5em; text-align:right; }

.side_link a:link, .side_link a:visited, .side_link a:active
{ color:#fff; font-weight:bold; font-size:115%; text-decoration:none; margin-right:32px; line-height:29px; }
.side_link a:hover
{ color:#ccc; font-weight:bold; font-size:115%; text-decoration:none; margin-right:32px; line-height:29px; }

div.stitch_right
{ margin-left:-.5em; }


/* - Footer - */
#footer /* Bottom of shell */
{ clear:both; margin:0; padding:34px 16px 1em 22px; 
  background:url("../images/back_bottom_sidebar.jpg") no-repeat; text-align:right; font-size:92% }

	#footer hr
	{ display:none }

#footer p
{ margin-bottom:.5em; color:#455876 }

#footer a
{ text-decoration:none; font-weight:bold; white-space:nowrap }
	#footer a:hover
	{ text-decoration:underline }

#footer address
{ margin:0 0 .5em 0; font-style:normal; color:#676767 }
#footer address a
{ font-weight:normal; color:#676767 }



/* --- Wide page (use class="nosidebar" on body or wrapper) --- */

.nosidebar #contentwrapper
{ background-image:url("../images/back_content.gif") }

.nosidebar #content
{ float:none; width:auto; margin:0 13px 1em }

.nosidebar #footer
{ background-image:url("../images/back_bottom.gif") }



/* --- Homepage --- */

/* Video */

	#home #vid 
	{ width:304px; background-color:#a22f22; margin:0 0 8px -.5em;}

#vidbox_top
{ background:url("../images/vid_top.jpg") no-repeat top left; width:304px; height:52px; }

h5.vid_header
{ color:#fff; font-size:108%; margin-top:3px; margin-left:10px;}

#vid_box
{ margin:0; text-align:center;}

/* Intro graphic & link */
#home #intro
{ float:right; background-color:#f3f2f7; margin:0 0 20px 0;}
	#home #intro p, #home #intro h4
	{ margin:11px 0 0 11px;  }
	#home #intro img
	{ display:block }