/* Stylesheet for VED. Copyright Nadia Perre. Passed CSS Validation. */

body {
margin: 0;
padding: 0;
font-weight: normal;
font-size: 101%;
font-family: Arial, Helvetica, sans-serif;
background-color: #464545;
color: #000000;
}
/* to stop shorter pages from jumping */
html { min-height:100%; margin-bottom:1px; }

#wrapper {
width: 100%;
padding: 0px;
float: left;
}

.centerheader {
width: 862px;
margin-left: auto;
margin-right: auto;
}

#containheader {
background-color: #FFFFFF;
width: 862px;
float: left;
border-top: 3px solid #FFF;
border-left: 3px solid #FFFFFF;
border-right: 3px solid #FFFFFF;
padding: 0px;
height: 196px;
margin: 0px;
}

#header{
background-image: url(../images/header-plain_backV2.gif);/* background image for the header */
background-repeat: no-repeat;
width: 862px;
height: 196px;  /* if you change the image, make sure you specify the height of your own image */
padding: 0px;
float: left;
margin: 0px;
}

.centernav {
width: 862px;
margin-left: auto;
margin-right: auto;
}

/* self explanatory - the navigation bar of course  */
#navigation {
background-image: url(../images/topnav_back.gif);
background-repeat: repeat-x;
text-align: right;
border-left: 3px solid #FFFFFF;
border-right: 3px solid #FFFFFF;
width: 862px;
height: 39px;
padding: 0px;
float: left;
margin: 0px;
font-family: Arial, Helvetica, sans-serif; 
font-size: .75em;
line-height: 39px;
color: #FFFFFF;
}

/* Style the navigation links */
#navigation a {
font-weight: normal;
color: #FFFFFF;
padding-right: 15px;
padding-left: 15px;
}

#navigation a:hover {
color: #FFFFFF;
border-bottom: 4px solid #C9DC50;  /* gives the border under the navbar link on mouseover */
}


.centerbody {
width: 862px;
margin-left: auto;
margin-right: auto;
}

#bodycon {
background-color: #FFFFFF;
border-left: 3px solid #FFFFFF;
border-right: 3px solid #FFFFFF;
width: 862px;
float: left;
padding: 0px;
margin: 0px;
}
/* left column */
#leftcon {
background-color: #FFFFFF;
width: 283px; 
margin: 0px;
padding: 0px;
float: left;
border-right: 1px dotted black;

}
/* div wrapper for the major news article section */
#newscon {
background-color: #FFFFFF;
width: 283px;
margin: 0px;
padding: 0px;
float: left;
}

#newstextcon {
padding: 0px;
width: 173px;
margin: 0px;
float: left;
}

/* the header image above the news items  - background image used */
#newstext {
background-image: url(../images/majornews.gif);
background-repeat: no-repeat;
width: 165px;  /* if you change this graphic, make sure you specify the correct width of it here */
height: 50px;  /* as above, specify the height of the image */
float: left;
margin: 0px 20px;
padding: 0px;
}

#linktextcon {
padding: 0px;
width: 173px;
margin: 0px;
float: left;
}

/* the header image above the news items  - background image used */
#linktext {
background-image: url(../images/links.gif);
background-repeat: no-repeat;
width: 165px;  /* if you change this graphic, make sure you specify the correct width of it here */
height: 50px;  /* as above, specify the height of the image */
float: left;
margin: 0px 20px;
padding: 0px;
}
/* styles for the actual news box div */
#news {
background-color: #FFFFFF;
width: 253px; /* 233 */
padding-left: 10px;
padding-top: 4px;
padding-bottom: 25px;
margin: 0px;
text-align: left;
float: left;
font-size: 0.90em;
}

/* news box link styles */
#news a {
color: #992C2C;
line-height: 25px;
font-size:14px;
font-weight: normal;
padding: 0px;
text-decoration: underline;
}

#news a:hover {
color: #000000;
font-weight: normal;
padding: 0px;
text-decoration: underline;
}

#news h2 {
	font-size: 1.1em;
	color: #802424;
}

/* right content area */
#rightcon {
background-color:#FFFFFF;
width:540px; 
padding-left:25px;
float:left;
margin:0px;
font-size:14px;
line-height:20px;
}

#rightcon h1 {
	padding-top:8px;
	padding-bottom:4px;
	font-size: 130%;
	color: #992C2C;
	letter-spacing: 0.60em;
	}

/* class to setting images to float left or right */
.imgleft {
	float: left;
	padding: 6px;
}

.imgright{
	float: right;
	padding: 6px;
}

/* general style for all paragraphs */
p {
color: #000000;
padding-left: 20px;
font-family: Arial, Helvetica, sans-serif;
font-size:14px;
font-weight: normal;
line-height: 1.5em;
}

/* general link styles */
a {
color: #6D2020;
font-weight: normal;
text-decoration: none;
}

a:hover {
color: #000000;
font-weight: normal;
text-decoration: none;
padding: 0px;
}
/* footer styles */
.centerfooter {
width: 862px;
margin-left: auto;
margin-right: auto;
}

#footerSubMenu {
	margin:0; padding-top:7px; padding-bottom:7px; width:862px; float:left; background-color:#292928; font-size:13px; text-align:center;
}

#footerSubMenu a {
	padding-left:12px; padding-right:12px; color:#FFFFFF; text-decoration:none;
}
#footerSubMenu a:hover {
	color:#C9DC50;
}

#footercon {
background:url(../images/footerback.gif) bottom center no-repeat #292928;
border-left: 3px solid #FFFFFF;
border-right: 3px solid #FFFFFF;
border-bottom: 3px solid #FFF;
width: 862px;
float: left;
margin: 0px;
height: 87px;
}

#footerleft {
width: 490px;
padding-left: 10px;
padding-top:8px;
margin: 0px;
float: left;
line-height: 61px;
font-family: Arial, Helvetica, sans-serif;
font-size: 0.70em;
font-weight: normal;
color: #FFFFFF;
word-spacing: .5em;

}

#footerleft a {
font-weight: normal;
color: #FFFFFF;
}

#footerleft a:hover {
text-decoration: underline;
font-weight: normal;
color: #FFFFFF;
}

#footerright {
float: left;
width: 352px;
text-align: right;
line-height: 61px;
word-spacing: 25px;
padding-right: 10px;
padding-top:6px;
margin: 0px;
font-weight: normal;
color: #FFFFFF;
}

#footerright a {
font-weight: normal;
color: #FFFFFF;
font-family: Arial, Helvetica, sans-serif; 
font-size: 0.70em;
}

#footerright a:hover {
text-decoration: underline;
font-weight: normal;
color: #FFFFFF;
}

/* form styles */
#send { 
float: right; 
margin: 0; 
width:40%; 
text-align: center; 
background-color: #752222;
color: white; 
padding: 2px 2px;
}
	
 /* portfolio page gallery pic  styles */  
.gallery {
  margin:6px;
  padding:0;
  list-style:none; 
  }

.gallery li{
  display: block;
  float:left;
  margin: 10px 15px;
  padding:0;
  }
  
.gallery img {
border:1px solid black;
padding: 2px;
text-align: center;
}

.gallery img:hover {
border: 1px solid #6C1F1F;
}

/* style if you want a drop cap on the first letter of your paragraph  */
.dropcap {
   display: block;
	color: #802424;
   float: left;
   margin-top:-.50px;
   font-size: 380%;
   font-family: Arial, Helvetica, sans-serif; 
   line-height:.8em;
   font-weight: bold;
   height: .7em;
   margin-bottom: -.1em;
   padding-bottom:.1em;
   padding-right:.1em;

	}
	
	/* sets the current page marker and gives a pink bottom border */
	#current{
border-bottom: 4px solid #C9DC50;  /* gives the border under the navbar link on mouseover */

}.MajorHeadings {
	font-family: Arial, Helvetica, sans-serif;
	font-size: xx-large;
	color: #802424;
}




.style1 {color: #802424; font-weight: bold;}
.style3 {font-size: medium; color: #009900; font-weight: bold;}
.style4 {font-size: medium;}
.style5 {color: #802424; font-weight: bold;}
.style6 {font-size: 1.5em;}
.style7 {font-size: medium;}
.style8 {color: #802424; font-weight: bold; font-size: medium;}
.style9 {font-size: large;}
.style22 {font-size: 1em;}


.tableborder td {
	border:1px solid #000000;
}