/* CSS Document
VegNout

Website Author: www.SwissItWeb.com
 */
 
 
/* undo some default styling of common (X)HTML browsers
 * ------------------------------------------------------------------------- */

/* No list-markers by default - must redefine bullets w/ bg graphics */
ul,ol,li { list-style:none; }

/* Avoid browser default inconsistent heading font-sizes and pre/code */
h1,h2,h3,h4,h5,h6,pre,code,td { font-size:1em; }


/* prevent blue linked image borders */
a img, :link img, :visited img, fieldset { border:none; }

/* Remove inconsistent (among browsers) default padding or margin */
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input,label,div,dd,dt,dl,button { margin:0; padding:0; }


/* global elements
 * ------------------------------------------------------------------------- */

/* Default font size in IE and FireFox is 16px. Default for Safari is 14px. */
html {
	font-size:100% /* IE has problems scaling text in ems. Using a percentage makes for better text rendering when scaled. */
	}

body {

	background-color: #02567b;
	font-size:.71em; /* Read by IE only. - 75% of 16px = 12px */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#595959;
	text-align:left;
	margin:10px 0;
	}

html>body {
	font-size:11px; /* overrides the font-size above in all browsers except IE. These browsers can resize text that is specified in px so this is ok. */
	}

a:link, a:visited {
	color:#02567b;
	text-decoration: none;
	}
	
a:hover, a:active {
	color:#7d0101;
	}
	
	
/* Layout
 * ------------------------------------------------------------------------- */
 
 #container {
	width:900px;
	margin-left: auto;
	margin-right: auto;
	background-color:#FFF;
}

#header {
	width:900px;
	height:120px;
	background-image: url(../images/header.jpg);
	background-repeat: no-repeat;
	}

#header h1 {
	width: 900px;
	height:120px;	
	}
	
	#header_home_link {
	width:900px;
	height:120px;
	display:block;
	text-indent:-5000px;
	overflow:hidden;
	}
#banner{
	width: 900px;
	height: 227px;
	background:url(../images/banner.jpg) no-repeat;
}
#banner_link{
	text-indent:-5000px;
	overflow: hidden;
}	
#home_content{
	background:url(../images/content_bg.jpg) no-repeat top left;
	width: 900px;

}	
#home_left{
	float:left;
	width: 500px;
	margin-left:50px;
}
*html #home_left{
	margin-left: 25px;;
}

#home_left p{
	padding-top: 10px;
}

#annoucements{
	
}

#home_right{
	float: left;
	width: 270px;
	margin-left: 30px;	
}


/* Sub Pages Layout
 * ------------------------------------------------------------------------- */	
#content{
	background: url(../images/subpages_bg.jpg) top left no-repeat;
	width: 900px;
}
#menu_left{
	float:left;
	width: 297px;
	margin-left: 50px;
	padding-top: 30px;
}
*html #menu_left{
	margin-left: 25px;
}

#content_right{
	float:left;
	padding: 0 50px 0 20px;
	width: 483px;
}

#content_plain{
	width: 850px;
	background:url(../images/subpages_bg_plain.jpg) top left no-repeat;
	
}
*html #plain{
	margin-left: 25px;
}

#plain{
	margin-left: 50px;
}



/* Footer Layout
 * ------------------------------------------------------------------------- */	
#footer{
	clear:both;
	width:900px;
	background: #FFF;
}	

#credits a, #credits a:visited{
	color: #FFF;
}
#credits a:hover{
	color:#4cb8c4;
}
	
/* Classes
 * ------------------------------------------------------------------------- */	

.left_float{float:left;padding: 0px 20px 30px 0px;}

.scroll {
	line-height: 18px;
	overflow: scroll;
	height: 500px;
	padding-top: 2px;
	padding-right: 10px;
	padding-left: 5px;
}

.small{
	font-size: .81em;
	text-align:right;
}

.line_height{
	line-height: 180%;
}
.blue_title{
	color: #02567b;
	font-size: 1.3em;
	font-weight: bold;
}
.subblue_title{
	color: #02567b;
	font-size: 1.1em;
	font-weight: bold;
}
.green_title{
	color: #598b12;
	font-weight: bold;
	font-size: 1.3em;

}
.green_pixel{
	background: url(../images/green_pixel.gif) repeat-x;
}
.green_pixel_v{
	background: url(../images/green_pixel.gif) repeat-y;
}
.red_title{
	color: #94232c;
	font-weight: bold;
	font-size: 1.3em;
	
}
.align_right{
	text-align: right;
}

.clear{
	clear: both;
}	

.line_h{
	background: url(../images/line_h5px.gif) repeat-x;
}
	
.title_orange_sub{
	color: #52860b;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 2em;
	font-weight:bold;
	padding: 5px 0 5px 10px;

 }
 
.contact{
	font-size: 1.3em;
}	

.white{
	color:#fff;
}
.white a{
	color:#fff;
}
.white a:hover{
	color: #FFCC33;
}
.white a:visited{
	color:#6eabb3;
}

	
.font_size{
	font-size: 1.2em;
}
	
	
	
	
	
	
	
	
	
/*
SPRITE NAV
----------------------------------------------------------*/

/* SPRITE NAVIGATION */
#nav {
	background:url("../images/navbar.jpg") top left no-repeat;					
	width: 900px;		/* Width of buttons, not entite image (or half of entire image) */
	height: 55px;		/* Height of entire image */
	margin:0;
	padding:0;
	margin-top: 0px;
}
#nav span { display: none; }
#nav li { 
	position: relative;
	float: left;
	list-style: none;
}
#nav li, #nav a { 
	height: 55px;			/* Each button must have the same height, define it here */
	display: block;
}

/* left - defines offset from left edge, will most likely just be 0 */
/* width - width of each button, they will each most likely be unique */
#nav-01 {left: 0px; width: 150px;}
#nav-02 {left: 0px; width: 123px;}
#nav-03 {left: 0px; width: 145px;}
#nav-04 {left: 0px; width: 120px;}
#nav-05 {left: 0px; width: 140px;}



/* Changed values should match "width" numbers specified above */
#nav-01 a:hover {background: transparent url("../images/navbar.jpg")   -0px -55px no-repeat;}
#nav-02 a:hover {background: transparent url("../images/navbar.jpg") -150px -55px no-repeat;}
#nav-03 a:hover {background: transparent url("../images/navbar.jpg") -273px -55px no-repeat;}
#nav-04 a:hover {background: transparent url("../images/navbar.jpg") -418px -55px no-repeat;}
#nav-05 a:hover {background: transparent url("../images/navbar.jpg") -538px -55px no-repeat;}



/*
SPRITE NAV _ Menu Page
----------------------------------------------------------*/

/* SPRITE NAVIGATION */
#nav_sub {
	background:url("../images/nav_menu.gif") top left no-repeat;					
	width: 297px;		/* Width of buttons, not entite image (or half of entire image) */
	height: 400px;		/* Height of entire image */
	margin:0;
	padding:0;
	margin-top: 0px;
}
#nav_sub span { display: none; }
#nav_sub li { 
	position: relative;
	float: left;
	list-style: none;
}
#nav_sub  li, #nav_sub  a { 
	height: 40px;			/* Each button must have the same height, define it here */
	display: block;
}

/* left - defines offset from left edge, will most likely just be 0 */
/* width - width of each button, they will each most likely be unique */
#nav_sub-01 {left: 0px; width: 297px;}
#nav_sub-02 {left: 0px; width: 297px;}
#nav_sub-03 {left: 0px; width: 297px;}
#nav_sub-04 {left: 0px; width: 297px;}
#nav_sub-05 {left: 0px; width: 297px;}
#nav_sub-06 {left: 0px; width: 297px;}
#nav_sub-07 {left: 0px; width: 297px;}
#nav_sub-08 {left: 0px; width: 297px;}
#nav_sub-09 {left: 0px; width: 297px;}
#nav_sub-10 {left: 0px; width: 297px;}



/* Changed values should match "width" numbers specified above */
#nav_sub-01 a:hover {background: transparent url("../images/nav_menu.gif") -297px 0px no-repeat;}
#nav_sub-02 a:hover {background: transparent url("../images/nav_menu.gif") -297px -40px no-repeat;}
#nav_sub-03 a:hover {background: transparent url("../images/nav_menu.gif") -297px -80px no-repeat;}
#nav_sub-04 a:hover {background: transparent url("../images/nav_menu.gif") -297px -120px no-repeat;}
#nav_sub-05 a:hover {background: transparent url("../images/nav_menu.gif") -297px -160px no-repeat;}
#nav_sub-06 a:hover {background: transparent url("../images/nav_menu.gif") -297px -200px no-repeat;}
#nav_sub-07 a:hover {background: transparent url("../images/nav_menu.gif") -297px -240px no-repeat;}
#nav_sub-08 a:hover {background: transparent url("../images/nav_menu.gif") -297px -280px no-repeat;}
#nav_sub-09 a:hover {background: transparent url("../images/nav_menu.gif") -297px -320px no-repeat;}
#nav_sub-10 a:hover {background: transparent url("../images/nav_menu.gif") -297px -360px no-repeat;}