/* CSS layout rules for the non-content portions of the site (banner/branding, navigation, footer) */

/* _____________________ Begin reset css ______________________*/
/* orginial: http://meyerweb.com/eric/tools/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, b, u, i, center, 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-size: 100%; vertical-align: baseline; background: transparent;}
body { line-height: 1; }
ol, ul {list-style: none;}
/* remember to define focus styles! */
:focus {outline: 0;}
/* tables still need 'cellspacing="0"' in the markup */
table {	border-collapse: collapse; border-spacing: 0;}

/* _____________________ End reset css ______________________*/


/* #Branding (header) begins# */	
div#brandingContainer {
	clear: left;
	display: block;
	position: relative;
	text-align:center;
    	height: 88px;	
	padding: 0;
	/*width: 100%;*/
	background: url(../App_Themes/VCASite/images/bkgBranding.gif) top left repeat-x;	
}
div#branding {
	width: 1004px;
	margin: 0 auto 0 auto;
	height: 88px;
}
	
/* branding (header) ends */

/* #Nav begins# */
#navMainContainer {
	margin: 0 auto 0 auto;
	width: 1004px;
	height: 88px;
	text-align: left;
}
#navLogo {
	width: 350px;
	float:left;
	/*border-top:1px solid yellow;
	border-top: 1px solid green;*/
}
#navItems {
	width: 654px;
	float:left;	
	z-index: 2;
	position:relative; /*this fix the problem in Firefox that the nav are not acting well because it is hidden behide the home page featureContent div */
	/*border-top: 1px solid black;*/
}
#navItemsLinks {
	height: 27px;
	width: 654px;
	text-align: right;
	overflow: hidden;
}
#textLinks {
	padding-top: 10px;
	padding-right: 35px;
}
#textLinks a, #textLinks a:visited {
	color: #fff;
	text-decoration:none;
}
#textLinks a:hover {
	color: #fff;
	text-decoration:underline;
}
#navItems ul {
	list-style: none;
	margin: 0;
	text-align: left;
	padding: 0;
	white-space: nowrap;
	height: 59px;
	width: 654px;
	display: block;
	overflow: hidden;
}
#navItems ul li {
	margin: 0;
	padding: 0;
	list-style-type: none;
	display: inline;
}
#navItems ul li a {
	float: left;
	margin: 0 0 0 10px;
	height: 59px;
	display: block;
}

ul#navMain li.selected {
    background: url(../App_Themes/VCASite/images/en/tnavAbout_on.gif) 0 0 no-repeat;
}

/* nav ends */

/* #Banner# */
#bannerContainer {
	clear: left;
	display: block;
	position: relative;
	text-align:center;
    	height: 122px;	
	padding: 0;
	/*width: 100%;*/
	background: #fff url(../App_Themes/VCASite/images/bkgBanner.gif) top left repeat-x;		
}
#banner {
	width: 1004px;
	height: 122px;
	margin: 0 auto 0 auto; 
	position: relative;
	/*text-align: left;*/
}
#featureContent {
	margin: 0px auto 0 auto; 
  	text-align:left;
	width: 1004px;
	/*height: 302px;*/
	top: 0px;
	left: 21px;
	position: absolute;
	z-index: 0;			
	/*border-top: 1px solid black;*/
	/*display:none;*/
}
#imgHomeLeft {
	float: left;
	width: 218px;
	position:relative;
	
	/*position: absolute;
	top: 0px;
	left: 120px;*/
}
/* banner ends */

div#outerwrapper {
	background-color: #fff;
	width: 100%;	
}
div#container {
	margin: 0 auto 0 auto; 
  	text-align:left;
	width: 1004px;
	
}
div#background {
	float: left;
	width: 1004px;
	background: #fff url(../App_Themes/VCASite/images/bkgContainer.gif) top left repeat-y;	
	padding: 0 23px 30px 21px;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 960px;
}


/* #Site info (footer) begins# */
#footerContainer  {
	clear: left;
	display: block;
	position: relative;
	text-align:center;
	margin:0;
        padding: 0;
	width: 100%;/**/
	background: url(../App_Themes/VCASite/images/bkgFooter.gif) top left repeat-x;	
	height: 258px;	/*
	border-bottom:1px solid blue;*/
}
#footerLinks {
	text-align: left;
	margin: 0 auto 0 auto;
	width: 952px;
	height: 36px;
}
#links {
	padding-top: 12px;
}
#footerLinks a, #footerLinks a:visited {
	color: #fff;
	text-decoration: none;	
}
#footerLinks a:hover {
	color: #fff;
	text-decoration: underline;	
}
#footerSponsor, #footerSponsorFr {
	text-align: left;
	margin: 0 auto 0 auto;
	width: 1004px;
	padding: 0;
	background: url(../App_Themes/VCASite/images/en/bkgFooterSponsor.gif) top left no-repeat;	
	height: 223px;	
}
#footerSponsorFr {
	background: url(../App_Themes/VCASite/images/fr/bkgFooterSponsor.gif) top left no-repeat;	
	
}
#sponsor {
	width: 1004px;
}
/* Site info (footer) ends */

/* #Kentico global css# */
.TagCloud span a, .TagCloud span a:visited {
	line-height: 1.5em;
	color: #336633;
	text-decoration: none;
}
.TagCloud span a:hover {
	text-decoration: underline;
}
/* Kentico galbal css ends */

/* #Misc. rules begin# */

.clear {
  clear: both;
  height: 0;
  overflow: hidden;
}

/* see http://www.positioniseverything.net/easyclearing.html for explaination */
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/* Prop fix http://www.greywyvern.com/code/min-height-hack */
.prop {
	height:570px;
	float:right;
	width:8px;
}

/* misc. rules ends */

/* #Formatting# */

/* Begin rules for elements */

body {
	font-size: 86%; /* tested sizes are 60%, 62.5%, 69%, 76%. Anything else requires testing (espcially on a Mac) */
	font-family:Arial, Verdana, Sans-serif;
	text-align:center;
	padding:0;
	margin: 0 0 0px 0;
	color: #000000;	
	background: #660000;
}
	
p, ol, li, dd, table {
	font-size: 1em; /* this should stay as 1em. anything else will lead to potential problems with nested elements. Adjust font size in the body tag, or define a class for exceptions */
	line-height: 1.5em;
	margin: 0 0 1em 0;	
	text-align: left; /* compensates for an IE 6 bug */
	}
	
h1, h2, h3, h4, h5, h6 {
	margin: 0 0 1em 0;
	font-family: Arial;
	color: #940202;
	text-decoration: none;
	word-spacing: normal;
	text-align: left;
	letter-spacing: -1px;
	line-height: 1.1em;
	font-size: 1.6em;
}	

h2 {
	font-size: 1.2em;	
	color: #336633;
	margin: 0 0 .5em 0;
}
h3 {
	font-size: 1.1em;
	margin: 0 0 .5em 0;
}


tr, td {
	vertical-align: top;
}

ul {
	margin: 1em 0 1.5em 0;
	padding-left: 1.5em;
}
ul li a {
	text-decoration: none;
}

a {
	color:#003366;
	text-decoration: underline;
}
a:visited {
	color:#003366;
	text-decoration: underline;
}
a:hover {
	color:#2c2516;
	text-decoration: underline;
}

h2 a, h2 a:visited, h3 a, h3 a:visited {
	color:#003366;
	text-decoration: none;
}
h2 a:visited, h3 a:visited {
	color: #003366;
}
h2 a:hover, h3 a:hover {
	color:#2c2516;
	text-decoration: underline;
}
	
img {
	border: 0;
}

hr {
	background: #c2c2bf; /* used by Gecko, Opera browsers */
	border: 0;
	color: #c2c2bf; /* incorrectly used by IE */
	height: 1px;
	}

/* End rules for elements */


/* #Homepage CSS# */
div#outerwrapper {
	background-color: #363129;
	width: 100%;	
}

#bannerContainer {
	clear: left;
	display: block;
	position: relative;
	text-align:center;
        height: 231px;	
	padding: 0;
	/*width: 100%;*/
	background: url(../App_Themes/VCASite/images/bkgBannerHome.gif) top left repeat-x;		
	
}
#banner {
	width: 1004px;
	height: 231px;
	margin: 0 auto 0 auto; 
	text-align: left;
	position: relative;
	/*border-top: 1px solid blue;*/
}
#footerContainer  {
	background: url(../App_Themes/VCASite/images/bkgFooterHome.gif) top left repeat-x;		
}
div#background {
	background: none;	
}

#featureContent {
	margin: 0 auto 0 auto; 
  	text-align:left;
	width: 1004px;
	/*height: 325px;*/
	position: absolute;
	top: -88px;
	left: 0px;
	z-index: 1;
	/*	
	border-top: 1px solid red;*/
	/*display:none;*/
}
#imgHomeLeft {
	float: left;
	width: 350px;
	/*position: absolute;
	top: 0px;
	left: 120px;*/
}
#imgHomeBannerWelcome {
	position: absolute;
	top: 145px;
	left: 285px;
}
#veteranProfileContainer {
	background: url(../App_Themes/VCASite/images/bkgProfileBox.gif) top left no-repeat;
	/*margin-top: 103px;*/
	position: absolute;
	top: 103px;
	right: 33px;
	width: 304px;
	height: 221px;	
}
#veteranProfile {
	width: 282px;
	height: 221px;
	margin-left: 10px;
	/*overflow: hidden;*/
}
#veteranInfo {
	margin-top: 7px;
	/*height: 221px;*/
}
#veteranInfo h2 {
	line-height: 1.1em;
	margin-bottom: .5em;
	margin-top:0;
	padding:0;
}
#veteranInfo img {
	margin-right: 10px;
	float:left;
}
#veteranInfo p {
	font-size: .9em;
}
#contentHome {
	width:960px;
	margin-top: 15px;
	padding:0 8px 0 8px;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 944px;
}

#contentHomeLeft {
	float: left;
	width: 624px;
}

#contentHomeRight {
	float: right;
	text-align:left;
	width: 303px;
	background: #fff url(../App_Themes/VCASite/images/imgNewsTop.gif) top left no-repeat;
}
#newsContent {
	width: 303px;
	padding: 0px 10px 0 10px;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 283px;
}

.homeNewsRow {
	width: 282px;
	float:left;
	padding-bottom: 12px;
	padding-top: 12px;
	border-bottom: 1px solid #cfcec0;
}
.homeNewsRow ul {
	padding:0;
	margin:0;
}
.homeNewsRow li {
	padding:0;
	margin:0;
	line-height: 1.3em;
}
.homeNewsRow p{	
	margin:0;
	padding:0;
	margin-top:.5em;	
}
.homeNewsRow a, .homeNewsRow a:visited {
	text-decoration: none;
}
.homeNewsRow a:hover {
	text-decoration: underline;
}
.homeNewsDetail {
	float: left;
	width: 192px;
}
.homeNewsImage {
	float: left;
	width: 90px;
	text-align: right;
}
#contentShareBrowse {
	width: 624px;
	background: url(../App_Themes/VCASite/images/imgHomeShareBrowseBkg.gif) top left repeat-y;	
	float: left;
}
#shareStories {
	background: url(../App_Themes/VCASite/images/imgHomeShareBkg.gif) top left no-repeat;	
	float: left;	
	width: 303px;	
}
#shareStoriesContent {
	width: 303px;
	padding: 15px 10px 0 10px;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 283px;
}

#shareStoriesTop {
	background: url(../App_Themes/VCASite/images/imgHomeShareBrowseTop.gif) top left no-repeat;	
	float: left;
}

#browseStories {
	background: url(../App_Themes/VCASite/images/imgHomeBrowseBkg.gif) top left no-repeat;	
	float: right;	
	width: 303px;
}
#browseStoriesContent {
	width: 303px;
	padding: 18px 10px 0 10px;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 283px;
}
#browseStoriesTag {
	border: 1px solid #8a8783;
	margin-bottom: 22px;
	height: 165px;
	overflow: hidden;
	width: 282px;
	padding: 10px;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 260px;
}
#contentHomeLeftButtons {
	margin-top: 19px;
}
/* End rules for homepage */