@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: 0.2em 3em;
	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;
	width: 840px;	/* for IE width */
	border: 2px solid #036;
}
html>body #pageWrapper { /*for other browser width*/
	width: auto;
	min-width: 800px;
}


#masthead
{
	background: #036 url(../images/veps_logo.gif) no-repeat 5px 5px;
	color: #fff;
	height: 65px;
	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;
	width: 840px;	/* for IE5.5 width*/
	w\idth: 844px;	/* for IE6.0 width */
}

html>body .headrndtop { /*for other browser width*/
	width: auto;
	min-width: 804px;
}

/*.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-left:5px;
    padding:0;
    }	
	
#nav #current {
    background-image:url(../images/nav/buttonon_r1_c2.gif);
    }

#subhead
{
	background-color: #369;
	color: #fff;
	padding: 5px 10px;
	border-top: 2px solid #fff;
	border-bottom: 2px solid #fff;
	height: 15px;
}

#subhead .crumb {
	float: left;
	margin-left: 0.5em;
	margin-top: 0;
}

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

#subhead .flags {
	float: right;
	color: #fff;
	font-weight: bold;
	margin-right: 0.5em;
	margin-top: 0;
}

#subhead .flags img {
	margin-left: 5px;
	padding: 0;
}

#subhead .flags span {
	padding: 0;
	margin: 0;
	vertical-align: top;
}

/*.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;
}*/

#outerBannerContainer
{
	background-color: #69C;
	border-style: solid;
	border-width: 0 26em 0 0;	/* 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;
}

#innerBannerContainer
{
	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;
}
#rightBannerColumn, #contentBannerColumn
{
	float: left;
	overflow: visible;	/* fix for IE italics bug */
	position: relative;
	z-index: 10;
}
#rightBannerColumn
{
	float: right;	/* doesn't have to be floated right, but if using some
			   original skidoo tweaks, you need it this way */
	margin: 0 -26em 0 1px;	/* same as in the #leftColumn but reversed */
	width: 26em;

	
}
#rightBannerColumn .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 */

}

#contentBannerColumn .inside
{
	padding-left: 0;

}

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

#contentBannerColumn
{
	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%;
}

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


#contentBannerColumn img.wrap {
	float: left;
	border: 2px solid #69C;
	margin: 0;
}
#tag {	
	
	border-left: 2px solid #fff;
	background: #69C url(images/tag.gif) no-repeat;
	/*width: 25em;*/
	height: 104px;
	padding: 100px 0 0;
	color: #fff;
}

#tag img {
	float: right;
	position: absolute;
	top: 15px;
	right: 15px;
}
#tag h3 {
	margin: 0 0 0 0.4em;
	padding-top: 10px;
	font-size: 260%;
}
#tag p {
	margin: 0 0 0 0.6em;
	padding: 0;
	font-weight: bold;
	font-size: 200%;
	line-height: 1;
}


#outerColumnContainer
{
	background-color: #fff;
	border-style: solid;
	border-width: 0 25em 0 0;	/* 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: #fff;	/* right hand column background color */
	color: #000;
	z-index: 1;
	margin: 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 -25em 0.2em 0;	/* same as in the #leftColumn but reversed */
	width: 24.7em;
	border-left: 2px solid #69C;
	border-bottom: 20px solid #69C;
}

#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 */
	margin-bottom: 1em;
}

#rightColumn h4
{
	font-size: 140%;
	padding-top: 0.8em;
	margin: 0;
	border-top: 2px solid #69C;
}

#rightColumn h5
{
	font-size: 110%;
	padding: 0;
	margin: 0;
}

#rightColumn div.tools {
	padding: 0.5em 0;
	border-bottom: 2px solid #69C;
}

#rightColumn div.tools ul {
	padding: 0;
	margin-left: 0;
}

#rightColumn .tools li img {
	margin: 0 0.8em 1em 0;
	float: left;
	padding: 0;
	border: 1px solid #036;
}

#rightColumn .tools li {
	list-style-type: none;
	list-style-image: none;
	clear: both;	
}

#rightColumn .tools li span {
	display: block;
	margin: 0;
	padding: 0;
	font-size: 120%;
	text-decoration: underline;
}

#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%;

}



#footer
{
	background-color: #036;
	color: #fff;
	position: relative;
	text-align: center;
	padding-top: 5px;
	/*border-top: 2px solid #fff;*/
}

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/head_r2_c1.gif) no-repeat bottom left;
}

.footrndbot {
	background: #036 url(../images/rnd/head_r2_c2.gif) no-repeat bottom right;
	color: #fff;
	width: 840px;	/* for IE5.5 width*/
	w\idth: 844px;	/* for IE6.0 width */
}

html>body .footrndbot { /*for other browser width*/
	width: auto;
	min-width: 804px;
}
		
/*.footrndtop div, .footrndtop, */.footrndbot div, .footrndbot {
	height: 5px;
	margin: 0;
	padding: 0;
}
		
p, h1, h2, h3, h4, h5, h6, li
{
	/*margin: 0 0 0.5em;	*/	/* for better consistency across platforms */
	margin-top: 0.5em;
	margin-bottom: 0.5em;		/* for better consistency across platforms */
	line-height: 1.2;
}

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

p.more {
	margin: 0 0 0.5em;
	line-height: 0.2;
}

#contentColumn h3 {
	font-size: 1.3em;
	margin-top: 1em;
	border-top: 2px solid #69C;
	padding-top: 0.6em;
}

#contentColumn h4 {
	border-bottom: 2px solid #69C;
	padding: 0.2em;
	margin-top: 1.5em;
	font-size: 130%;
}

#contentColumn img {
	margin-right: 1em;
}


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

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

a:hover img, a:active img
{
	text-decoration: none;
	/*color: #fff;*/
	color: #36C;
}

/*#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;
}

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

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

#contentColumn img.none
{
	margin: 0.5em 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, #centerColumn, #rightColumn
{
	padding-top: 0.5em;
	padding-bottom: 0.2em;	/* this is the vert padding talked about in the
				   .inside selector comment. */
}

#contentColumn
{
	padding-top: 0.5em;
	padding-bottom: 1.5em;	/* 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;
}

#involved {
	padding-bottom: 1.2em;
}

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