/* Styles for tcbva.com  */

/* Block all default margins and padding */
* {
  margin:0;
  padding:0;
}

body{
  /* Required to center wrapper in old browsers */
  text-align:center; 
  /* background to ease the eyes  */
    background-color: #fff;
	background-image: url("pix/background.jpg");
	background-repeat:repeat;
	/* fonts to use throughout site */
    font-family: Arial, Helvetica, Sans-Serif;
}

/* Wrapper sizes the layout */
#wrapper{
	/* Sets the width of the layout */
	width:50em;
	/* Centers the layout (newer browsers) */
	margin: auto;
	/* Wrapper border */
	border: solid 1px #3c3;
	/* Required so absolute measurements are in wrapper */
	position:relative;
  /* background color gives color to left and right columns - in this case white */
    background-color:#fff;
    color: #000;    
}

/* -------------------------------------- Start layout division styles -------------------------------------------------- */


/* Branding division --------------------------------------------------------------------------------------------*/
#branding{
   /* White background, blue text in an 8em high space */
	  height:8em;  
	  background-color:#fff;
	  background-image: url("pix/tcbva_branding.jpg");
	  color: #00c;
}

#branding h1 {
	font-size: 2.75em;
	text-align: left;
	padding-top: 0.5em;
	padding-left:0.25em; 	
}

  /* h3 in the branding division serves as a place for the tag line */
#branding h3{
	font-size: 1.5em;
	text-align: left;
	padding-top: 0.5em;
	padding-left: 6em;
	padding-bottom: 0.1em;
	padding-right: 1em;
	font-style: italic;
	color: #3c3; /* tag line in green */
}

#branding a{ 
  /* Postions are set in tags in layout.htm */ 
  position:absolute; 
  text-decoration:underline; 
  color:#00c; 
  font-size:1.25em; 
  background-color: #fff;
} 

#branding a:link, #branding a:visited{ 
  color:#00c; 
} 

#branding a:hover{ 
  color:#3c3; 
  background-color: #fff;
} 
#branding a:active{ 
  color:#3c3; 
} 

#branding img{
	float: left;
  	margin-right: 1em;
  	padding-left: 1em;
  	padding-top: 2em;
}

/* Navbar division ----------------------------------------------------------------------------------------------------*/
#navbar{
  position:absolute;
  /* Top = branding height */
  top:8em;
  left:0;
  /* Full wrapper width */
  width:100%;
  /* Content top padding must match this height */
  height:2em; 
  background-color:#00c;
}

/* Remove bullets from ul in the navbar */ 
#navbar ul{ 
  list-style-type:none; 
} 

/* List items in the navbar */ 
#navbar li{ 
  float:left; 
  /* Required for drop-down menus */ 
  position:relative; 
} 

/* Applies to navbar links, unvisited and visited */ 
#navbar a, 
#navbar a:link, 
#navbar a:visited{ 
  text-decoration:none; 
  font-family:Verdana, Geneva, Arial, Sans-Serif; 
  font-size:100%; 
  color:#fff; 
  background:#00c; 
  display:block; 
  height:2em; 
  width:8em; 
  border-right: solid 2px #ccc; 
  line-height:2em; 
  text-align:center; 
  outline-style:none; 
} 

/* Navbar hover, active, and current page links */ 
#navbar a:hover, 
#navbar a:active, 
#navbar li.selected a:link, 
#navbar li.selected a:visited{ 
  background:#3c3; 
} 

/* Left column --------------------------------------------------------------------------------------------------------*/
#leftcolumn {
  position:absolute;    
  /* Under branding and navbar */
  top:11em;
  left:0;   
  width:10em;
  text-align: left;
}

/* Styles h1, h2, and h3 style rules in the rightcolumn division */ 
#leftcolumn h1, #leftcolumn h2, #leftcolumn h3{ 
  color:#000; 
  font-weight:bold; 
  padding:0.5em; 
 
} 

/* Size h1 headings in the rightcolumn division */ 
#leftcolumn h1{ 
  font-size:0.8em; 
  color: #00c;
} 

/* Size h2 headings in the rightcolumn division */ 
#leftcolumn h2{ 
  font-size:0.8em;  
} 

/* Size h3 headings in the rightcolumn division */ 
#leftcolumn h3{ 
  font-size:0.7em; 
} 

/* Applies to paragraphs in the rightcolumn division */ 
#leftcolumn p{ 
  line-height:1.25em; 
  font-size: 0.7em;
  padding: 0.5em;  
} 

/* Applies to all lists in the rightcolumn division */ 
#leftcolumn ul, #leftcolumn ol{ 
  padding-left:1.75em; 
  list-style-type: disc; 
  font-size: 0.7em;
} 

#leftcolumn a:link{
   color: #00c; /*  blue */
   text-decoration: underline;
}

#leftcolumn a:hover{
   color: #3c3; /* red */
   text-decoration: underline;
}

#leftcolumn img{
   	text-align: center;
}

/* Right column ------------------------------------------------------------------------------------------------------*/  
#rightcolumn{
  position:absolute;    
  /* Under branding and navbar */
  top:11em;
  right:0;   
  width:10em;
  text-align: left;
}

/* Styles h1, h2, and h3 style rules in the rightcolumn division */ 
#rightcolumn h1, #rightcolumn h2, #rightcolumn h3{ 
  color:#000; 
  font-weight:bold; 
  padding:0.5em; 
} 

/* Size h1 headings in the rightcolumn division */ 
#rightcolumn h1{ 
  font-size:0.8em; 
  color: #00c;
} 

/* Size h2 headings in the rightcolumn division */ 
#rightcolumn h2{ 
  font-size:0.8em;  
} 

/* Size h3 headings in the rightcolumn division */ 
#rightcolumn h3{ 
  font-size:0.7em; 
} 

/* Applies to paragraphs in the rightcolumn division */ 
#rightcolumn p{ 
  line-height:1.25em; 
  font-size: 0.75em;
  padding: 0.5em;  
} 

/* Applies to all lists in the rightcolumn division */ 
#rightcolumn ul, #rightcolumn ol{ 
  padding-left:1.75em; 
  list-style-type: disc; 
  font-size: 0.7em;
} 

#rightcolumn a:link{
   color: #00c; /*  blue */
   text-decoration: underline;
}

#rightcolumn a:hover{
   color: #3c3; /* red */
   text-decoration: underline;
}

/* Content division ----------------------------------------------------------------------------------------------------*/
#content{
		  padding-top:2em; /* Same as navbar height */
		  /* Leave room for sidebar columns */
		  margin-left:10em;
		  margin-right:10em;
		  /* Give some space on the sides and bottom */
		  padding-bottom:0.5em;
		  padding-left: 1em;
		  padding-right: 1em;
		  /* White background with black, justified text */
		  background-color:#fff;
		  color:#000;
		  font-family: Verdana, Geneva, Sans-Serif;
		  font-size: 0.8em;
		  text-align: left;
}
 
/* Applies to paragraphs in the content division */ 
#content p{ 
		  line-height:1.25em; 
		  text-align: left;
		  padding: 0.5em 1em; /* 0.5em top and bottom, 1em right and left */
} 

/* These styles are for the FAQ page*/
#content p.indent {
			font-style: italic;
			font-weight: bold;
			color: #00c;  /* medium blue */
			padding: 0.4em 0.4em 0.4em 3em;
			margin: 0;
			line-height: 1.25em;
	}

#content p.solution {
			padding: 0.4em  0.4em 0.4em 4em;
			margin: 0;
			line-height: 1.25em;
}

/* Applies to all lists in the content division */ 
#content ul, #content ol{ 
  	       padding-left:1.5em; 
} 

#content ul a:link, #content ol a:link{ 
		  	padding-left:1.5em;
		  	padding-top:1.5em;
		  	color: #00c; 
} 

#content ul a:hover, #content ol a:hover{ 
		  	padding-left:1.5em;
		  	padding-top:1.5em;
		  	color: #3c3; 
} 

/* Styles h1, h2, and h3 style rules in the content division */ 
#content h1, #content h2, #content h3{ 
			  	color: #000; 
			  	font-weight: bold; 
			  	padding:0.5em 1em; /* 0.5em top and bottom, 1em right and left */
} 

/* Size h1 headings in the content division */ 
#content h1{ 
  	font-size:1.25em; 
  	color: #00c;
} 

/* Size h2 headings in the content division */ 
#content h2{ 
  	font-size:1em; 
}  

#content a:link, a:visited{
   color: #00c; /*  blue */
   text-decoration: underline;
}

/* Hover links ( underlined) */ 
#content a:hover{
   color: #3c3; /* green */
   text-decoration: underline;
}
  
/* Footer division -------------------------------------------------------------------------------------------------*/
#footer{
  /* Leave room for sidebar columns */
  margin-left:10em;
  margin-right:10em;
  /* Optional, style to taste */
  background-color:#fff;
  color:#00c;
  padding-top: 0.5em;
  padding-bottom: 0.5em;
  min-height:6em;
  font-size: 0.7em;
  border-top: solid 3px #3c3;
} 

#footer a, a:visited{
	color: #00c;
	text-decoration: underline;
}

#footer a:hover{
   color: #3c3;
   text-decoration: underline;
}

#footer img {
	float: left;
  	margin-left: 3em; 	
}

/*  End layout division styles ----------------------------------------------------------- */

#menu {
	text-align: center;	
	font-size: 0.8em;
	line-height:1em;
}

#menu a, a:hover {
		color:#00c;
		clear:both;
		padding-bottom: 0.25em;
}



.innertube{
	margin: 0.75em; /*Margins for inner DIV inside each column (to provide padding)*/	
}  

/* IMAGES-FLOAT ----------------------------------------------------------------------------------------- */
/* Float image to left of paragraph */
img.floatLeft {
  	float: left;
  	margin-right: 1em;
  	padding-left: 1em;
}

/* Float image to right of paragraph */
img.floatRight {
   	float: right;
   	margin-left: 1em;
   	padding-right: 1em;
}

/* Center image between margins */
div.center {
   	width: 100%;
   	text-align: center;
}

/* Tables ---------------------------------------------------------------------------------------------------------- */	
	
table {
	border-collapse: separate;
	border-spacing: 1em;
	table-layout: auto;	
	background-color: #fff;
	margin: 1em;
	float: left;
}

td.left  
{
	background-color: #fff;
	text-align: left;
	font-size: 0.8em;
	color: #000;
}
td.right 
{
	background-color: #fff;
	text-align: right;
	font-size: 0.8em;
	color: #000;
}

td.source
{
	background-color: #fff;
	text-align: left;
	padding: 20px;
	font-size: 0.75em;
	color: #000;
}

td.leftform  
{
	background-color: #fff;
	text-align: left;
	font-size: 0.8em;
	color: #000;
}

td.rightform 
{
	background-color: #ffc;
	text-align: left;
	font-size: 0.8em;
	color: #000;
	width: 30em;
}