@charset "iso-8859-1";

/*******************************************************************************
*  CSS based on the skidoo_lean.css : 2004-08-17 : Ruthsarian Layouts
*  available at: http://webhost.bridgew.edu/etribou/layouts/skidoo/
*******************************************************************************/

body
{
	background-color: #FFF;
	color: #000;
	font-size: 100.1%;
	margin: 1px;
	padding: 0;		/* stretches the layout across
					the screen, edge-to-edge */
}
#pageWrapper
{
	font-family: arial, helvetica, sans-serif;
	font-size: 80%;		/* arial looks better with a smaller size */
	margin: 0;
	min-width: 500px;	/* IE doens't understand this property */
	width: auto;
}
#masthead
{
	background: #036 url(../images/veps_logo.gif) no-repeat 5px;
	color: #fff;
	height: 50px;
	display: block;
}
#masthead h1
{
	display: none;	/* this will show if css is unavailable */
}

.headrndtop div {
	background: url(../images/rnd/head_r1_c1.gif) no-repeat top left;
}

.headrndtop {
	background: #036 url(../images/rnd/head_r1_c2.gif) no-repeat top right;
	color: #fff;
}

.headrndbot div {
	background: url(../images/rnd/head_r2_c1.gif) no-repeat bottom left;
}

.headrndbot {
	background: #036 url(../images/rnd/head_r2_c2.gif) no-repeat bottom right;
	color: #fff;
}
		
.headrndtop div, .headrndtop, .headrndbot div, .headrndbot {
	height: 5px;
	margin: 0;
	padding: 0;
}

#nav {
	float:right;
    font-size:93%;
    line-height:1.5;
    }

#nav ul {
    margin:0;
    padding:10px 0;
    list-style:none;
    }

#nav a:link, #nav a:visited {
	float: left;
    display:block;
    background: transparent url(../images/nav/buttonoff_r1_c1.gif) no-repeat left top;
    padding:5px 6px;
	text-decoration: none;
	color: #333;
	font-weight: bold;
    }

#nav a:hover, #nav a:active, #nav #current a {
	float: left;
    display:block;
    background: transparent url(../images/nav/buttonon_r1_c1.gif) no-repeat left top;
    padding:5px 6px;
	text-decoration: none;
	color: #000;
	font-weight: bold;
    }

/* Commented Backslash Hack
     hides rule from IE5-Mac \*/
  #nav a {float:none;}
/* End IE5-Mac hack */

#nav li {
    float:left;
    background:url(../images/nav/buttonoff_r1_c2.gif) no-repeat right top;
    margin-right:5px;
    padding:0;
    }	
	
#nav #current {
    background-image:url(../images/nav/buttonon_r1_c2.gif);
    }

#subhead
{
	background-color: #369;
	color: #fff;
}
#subhead h2
{
	font-size: 120%;
	background: #369 url(../images/boxes.gif) no-repeat;
	color: #FFF;
	margin: 0;
	padding: 0 30px;
	text-transform: uppercase;
}
.subhrndtop div {
	background: url(../images/rnd/subh_r1_c1.gif) no-repeat top left;
}

.subhrndtop {
	background: #369 url(../images/rnd/subh_r1_c2.gif) no-repeat top right;
	color: #fff;
}

.subhrndbot div {
	background: url(../images/rnd/subh_r2_c1.gif) no-repeat bottom left;
}

.subhrndbot {
	background: #369 url(../images/rnd/subh_r2_c2.gif) no-repeat bottom right;
	color: #fff;
}
		
.subhrndtop div, .subhrndbot div, .subhrndbot {
	height: 5px;
	margin: 0;
	padding: 0;
}
.subhrndtop {
	height: 5px;
	margin: 0.5em 0 0;
	padding: 0;
}

#outerColumnContainer
{
	background-color: #fff;
	border-style: solid;
	border-width: 0 17em 0 12em;	/* side border widths must equal the
				   widths of the left and right columns. 
				 */
	border-left-color: #69C;	/* left hand column background color */
	border-right-color: #69C;	/* right hand column background color */
	color: #000;
	z-index: 1;
	margin: 0.5em 0;
}

.colrndtop div {
			background: url(../images/rnd/col_r1_c1.gif) no-repeat top left;
		}

.colrndtop {
	background: url(../images/rnd/col_r1_c2.gif) no-repeat top right;
}

.colrndbot div {
	background: url(../images/rnd/col_r2_c1.gif) no-repeat bottom left;
}

.colrndbot {
	background: url(../images/rnd/col_r2_c2.gif) no-repeat bottom right;
}
		
.colrndtop div, .colrndbot div {
	height: 5px;
	margin: 0;
	padding: 0;
}
		
.colrndtop, .colrndbot {
	height: 5px;
	margin: 0 -17em 0 -12em;
	padding: 0;
}

#innerColumnContainer
{
	margin: 0;
	width: 100%;
	z-index: 2;
}
html[xmlns] .mozclear
{
	/* this selector should be valid CSS, but Opera 7.5 (and above) will pick
	 * this up as well. Shouldn't be a problem, Opera should handle this fine,
	 * but it's a Mozilla-targeted hack, and it should probably only affect
	 * mozilla. You can do that by replacing the INVALID CSS selector
	 * :root .mozclear for what's give here.
	 */
	border-bottom: 1px solid;
	border-color: transparent;
	margin-bottom: -1px;
}
#leftColumn, #rightColumn, #contentColumn
{
	float: left;
	overflow: visible;	/* fix for IE italics bug */
	position: relative;
	z-index: 10;
}
#leftColumn
{
	margin: 0 1px 0 -12em;	/* the margin on the side the column is to be
				   rendered on must be the negative equal of 
				   the column's width. The opposite border must
				   be 1px */
	width: 12em;
}

#leftColumn .inside
{
	font-size: 95%;	/* because the parent element ( #leftColumn )
			   defines its width in EMs, we can't change the font 
			   size in that selector, otherwise the column won't use
			   the entire width reserved for the column */
}

#leftColumn h2
{
	font-size: 120%;
}

#rightColumn
{
	float: right;	/* doesn't have to be floated right, but if using some
			   original skidoo tweaks, you need it this way */
	margin: 0 -17em 0 1px;	/* same as in the #leftColumn but reversed */
	width: 17em;
}
#rightColumn .inside
{
	font-size: 90%;	/* because the parent element ( #rightColumn )
			   defines its width in EMs, we can't change the font 
			   size in that selector, otherwise the column won't use
			   the entire width reserved for the column */
}

#rightColumn h3
{
	font-size: 120%;
}

#contentColumn
{
	margin: 0 -1px;		/* required to get the negative margin-based
				   layout to work. if #contentColumn does not
				   overlap the left and right columns, then
				   the whole layout will break */
	width: 100%;
}

#contentColumn h2
{
	font-size: 160%;
}

#footer
{
	background-color: #369;
	color: #fff;
	position: relative;
	text-align: center;
}

p.foot {
	margin: 0;
	line-height: 1.0;
}
.footrndtop div {
	background: url(../images/rnd/subh_r1_c1.gif) no-repeat top left;
}

.footrndtop {
	background: #369 url(../images/rnd/subh_r1_c2.gif) no-repeat top right;
	color: #fff;
}

.footrndbot div {
	background: url(../images/rnd/subh_r2_c1.gif) no-repeat bottom left;
}

.footrndbot {
	background: #369 url(../images/rnd/subh_r2_c2.gif) no-repeat bottom right;
	color: #fff;
}
		
.footrndtop div, .footrndtop, .footrndbot div, .footrndbot {
	height: 5px;
	margin: 0;
	padding: 0;
}
		
p, h1, h2, h3, h4, h5, h6
{
	margin: 0 0 0.5em;		/* for better consistency across platforms */
	line-height: 1.2;
}

p {
	margin: 1em 0;
	line-height: 1.4;
}

#contentColumn h3 {

	padding-top: 0.5em;
	margin-top: 3em;
	font-size: 1.3em;
}

#contentColumn h4 {

	border-bottom: 1px solid #000;
	padding-top: 0.5em;
	margin-top: 1.5em;
	font-size: 1.3em;
}

#rightColumn h4 {
	border-top: 1px solid #000;
	padding-top: 0.5em;
	margin-top: 0.5em;
}

a:link, a:visited
{
	text-decoration: none;
	color: #036;
	font-weight: bold;
}

a:hover, a:active
{
	text-decoration: none;
	color: #fff;
}

#contentColumn a:hover, #contentColumn a:active
{
	text-decoration: none;
	color: #36C;
}

#subhead a:link, #subhead a:visited, #footer a:link, #footer a:visited
{
	text-decoration: none;
	color: #fff;
	font-weight: bold;
}

#subhead a:hover, #subhead a:active, #footer a:hover, #footer a:active
{
	text-decoration: none;
	color: #CCC;
}

img
{
	border: 0;
}

#rightColumn img
{
	margin: 1em 0 0.5em 0;
}

#rightColumn img.news
{
	margin: 0 0.5em 0 0;
	float: left;
}

#contentColumn img
{
	margin: 0 1em 1em 0;
	
	float: left;
}
#contentColumn img.right
{
	margin: 0 0 0 0.5em;
	float: right;
}

#contentColumn img.none
{
	margin: 0 0 0 0.5em;
	float: none;
}

.newsitem {
	border: 1px solid #036;
	padding: 0.5em;
	margin: 0 -0.5em 0.5em ;
	position: relative;
}

.newsitem h3 {
	background-color: #69C;
	color: #000;
	padding: 0.4em;
	margin: 0 -0.4em;
}

.new {
	color: #f00;
}

p.newsfooter {
	margin-top: 1em;
	border-top: 1px solid #036;
	padding-top: 1em;
	font-size: 0.85em;
	font-weight: bold;
}

.clear
{
	clear: both;
}
.hide, #oldBrowserNotice, .ieSixCharDupBug
{
	/* hide elements that CSS-targeted browsers shouldn't show */
	display: none !important;
}
.inside
{
	padding: 0 1.3em;	/* glitch in IE caused by vertical padding in
				   this class, so 0 padding is set here and
				   those blocks that need the vertical padding
				   must be applied to the parent element.
				   the purpose of this class is to provide 
				   horizontal padding without using hacks to
				   get around IE's broken box model. so it's
				   okay to apply vertical padding to the parent
				   element, just not horizontal padding. */
}
#leftColumn, #contentColumn, #rightColumn
{
	padding-top: 0.5em;
	padding-bottom: 0.2em;	/* this is the vert padding talked about in the
				   .inside selector comment. */
}

#masthead {
	padding-top: 0;
	padding-bottom: 0;
}

#contentColumn ul {
	list-style: square inside;
	margin: 0 1.3em;
	padding: 0;
}

#leftColumn ul, #rightColumn ul {
	list-style: square url(../images/sidelist.gif);
	margin: 0 1.3em;
	padding: 0;
}
		
li {
	padding: 0.2em 0;
}

#contentColumn h3 {
	clear: both;
	margin-top: 1em;
}



/******************************************************************************/