@import url(/css/textStyles.css);
@import url(/css/LiquidCol.css);    /* pieces in common in layouts */

/* Original is from  Charles Wyke-Smith:  */
/*  EMAIL: charles@stylinwithcss.com   */
/* changed considerably for VN site  */

/* TWO COLUMN LAYOUT */
    

/* OK:  Here is the thing.....                                          */
/* IE7 and earlier calculate the size of a box as the width between OUTSIDE border edges:  */
/* means that border and padding are INCLUDED in the width... this is as was done originally, */
/* called the "TRADITIONAL" model                                                             */
/* */
/* Now comes W3C and to REDEFINE the model so that width is the only the CONTENT of the box ... */
/* Which EXCLUDES the border and any padding.                                                   */
/* This means that if there is padding under the MenuBar and anything above the bare innards of the */
/* content div, then the content div will collide with something above and */
/* either get shoved off to the right or bottom and well away from where you intended it to be.     */

/* The IE7 normally uses the Traditional placement                            */
/* Firefox, Opera and Safari use W3C...       So allowances must be made      */

/* let's see if adding a dummy div gets these to position correctly */
/* Nope.  content is still relative to header! */

#container {     /* An extra class not needed for OneCol   */
  clear: both;    /* Makes W3c browsers FORGET that the MenuBox was floated! */
                 /* otherwise it places the content relative to the header */
                 /* and you need huge adjustments down to fit */ 
  background-color: #FFFFFF;      /* It's gonna peak through.. make sure it's neutral */
}

#content {
	
    background-color:#FFFFE6;
                 
	/* border: 4px solid green;  /* This is for testing */

	}
	
#inner_content {        /* don't clear here or you bust the 2 col layout */
	overflow: hidden;  /* love to scroll, but busts layout */

	/* padding:1em 1em 1em 1.5em; /* creates space between the box */
	                           /* and the content */
}
	


#SideDiv {

  	background-color:#BFBFAC;
  	
	width: 175px; /* this width + content width must total 100% */
	float:left; /* floats on SideDiv and content divs make them sit side by side */
	
	/*  border: 2px yellow solid; /* FOr testing */
    }
    
#inner_SideDiv {
	overflow: hidden; /* clips oversize elements that would otherwise expand divs and break the layout */
	padding:.25em .5em 1em .5em; /* creates space between the box and the content */
	border-right:3px solid #B33;
	}


/* styles for TwoCol components */
#SideDiv ul, #SideDiv a {
	color:#FFF;
	}
#SideDiv ul, #SideDiv dl, #SideDiv ol {
		margin:.5em 1em .75em 1em; /* lists without specific classes */
	}
	
#SideDiv li {
	list-style-type: disc;
	margin-left:0;
	color: #CC00CC;
	}
		
#SideDiv a:hover {
	color:#000;
	}


/* NOTE: ADDITIONAL 2col text colors follow below */
/* For VADANOVA style                             */
.vadanova #SideDiv { background-color:#cc9; }
		
.vadanova #SideDiv h1 {
    font-size: 1.5em;
    color: #FFF;
    background-color: #663399;
    padding-left: .5em;
    padding-right: .5em;
    padding-top: 5px;
    padding-bottom: 5px; 
    margin-left: auto;
    margin-right: auto;
	margin-top: 1em;
	 }

.vadanova #SideDiv h2 {  /* this is smaller than usual */
	font-size: 1.25em;
	line-height: 1;
}

.vadanova #SideDiv p {
	text-indent: 0em;
	font-size: .8em;
	 
	margin: .5em .5em 1em .5em;
}
		
.vadanova #SideDiv ul, .vadanova #SideDiv a {
	color:#COC;
	}
	

.vadanova #SideDiv a {
	font-weight: bold;
	color:#C0C;
	}

.vadanova #SideDiv a:hover {
	font-weight: bold;
	background-color: #FFF;
	}

.vadanova #SideDiv a:visited {
	font-weight: bold;
	color: #000099;
}	

.vadanova #SideDiv a:active {
	font-weight: bold;
	background-color: #cc00cc;
	color: #ffffff;
	list-style-type: disc;

	}

/* CLASS:more OLIVE TAG STYLES - font sizes, margins, padding, etc. */
/* NOTE: text colors follow below */
/* The generic ones are in TextStyles.  These are TowCol specific */

.olive #SideDiv {background-color:#CCCC8F;}

/* CLASS:OLIVE TEXT COLORS */

.olive #SideDiv ul, .olive #SideDiv a {
	color:#FFF;
	}
	
.olive #SideDiv a:hover {
	color:#666;
	}
	
/* CLASS:more VIOLET TAG STYLES - font sizes, margins, padding, etc. */
/* NOTE: text colors follow below */

.violet #SideDiv {background-color:#AA559A;}

.violet #SideDiv ul, .violet #SideDiv a {
	color:#FFF;
	}

.violet #SideDiv a:hover {
	color:#E6CFE1;
	}

	
/* CLASS:more MOCHA TAG STYLES - font sizes, margins, padding, etc. */
/* NOTE: text colors follow below */

.mocha #SideDiv {background-color:#BF9960;}

.mocha #SideDiv ul, .mocha #SideDiv a {
	color:#FFF;
	}
.mocha #SideDiv a:hover {
	color:#000;
	}
	
/* CLASS:more LIME TAG STYLES - font sizes, margins, padding, etc. */
/* NOTE: text colors follow below */

.lime #SideDiv {background-color:transparent;}

.lime #SideDiv ul, .lime #SideDiv a {
	color:#738040;
	}

.lime #SideDiv a:hover {
	color:#507EA1;
	}