/**
* CSS
* 
* @version 1.0
* @author Vaska 
* @author Gregory Cadar
*/
* {
 margin: 0;
 padding: 0;
}

body {
 font-size: 12px;
 font-family:  Helvetica, Trebuchet MS, Sans-Serif;
 background: #444A4A;
 color:#000000;
 padding-left:10px;
}

body.section-1 { }
body.section-2 { }
body.section-3 { }

a:link { text-decoration: none; color: #000000;}

a:active { text-decoration: none; color: #000000;}

a:visited { text-decoration: none; color: #000000; }

a:hover { text-decoration: underline;color: #ed2222; }

a img { border: none; }

#the-background {
 position: fixed;
 overflow: hidden;
 z-index:1;
 width: 100%;
 height:100%;
 top:0;
 left:0;
}
#wrapper {
 position: absolute;
 z-index: 2;
 width: 100%;
 height: 100%;
 top: 0;
 left:30px;
}


#top-section {
 left:25px;
 padding-top: 25px;
 padding-right: 0px;
 padding-bottom: 8px;
 padding-left: 0px; /* matches padding left in #menu ul */
 font-size: 18px;
 line-height: 18px;
 a:hover
 color:#ed2222
}


#menu {
 width: 215px;
 overflow: auto;
 top:0;
 bottom: 0;
 left: 0; /*margin removed from menu*/
 position: fixed;
 height: 100%;
 color:#ffffff
}



#menu ul {
 list-style: none;
 margin: 15px 0 10px 0px;/*  alters spacng for header and links               */
}

#menu ul li.section-title {
 font-family: Helvetica, Trebuchet MS, Sans-Serif;
 font-style: normal;
 font-size: 12px;
 padding-top: 0px;
 padding-right: 0px;
 padding-bottom: 7px;
 padding-left: 0px;/* sets padding for section headings from left*/
 color: #ed2222; }

#content {
 height: 100%;
 margin: 0 0 0 215px; 
 top: 0;
/* sets the space so the content starts right when the menu ends - if you change this also change the width of #menu to match */
/* sets the spacing around the content area - this is normally set to match padding options in #menu but can be changed seperately */
 padding-top: 25px;  /* change to match the padding-top in #menu if you want them to align */
 padding-right: 5px;
 padding-bottom: 25px;
 padding-left: 10px;
}

.container {
 padding: 5px 5px 25px 5px;/* arranges padding around the content and menu box*/
 margin: 30px 30px 50px 30px; /*sets distance for menu*/
 /*sets distance for menu*/
 }
 
 #menu .container {
 padding-top:25px; 
 padding-left:25px;
 }
 
 #content .container{
padding:25px;
margin: 5px 30px 50px 10px;
}

#content p {
 width: 600px;
 margin-top: 0px;
 margin-right: 0px;
 margin-bottom: 20px; /* sets the space between paragraphs */
 margin-left: 0px; 	/*sets the space between paragraph and left hand column*/
 line-height: 18px; /* use this the change the leading (space between lines) */
	}

p {
 margin-top: 0;
 margin-right: 0;
 margin-bottom: 5px;
 margin-left: 0;
 font-size: 12px;
 font-family: Helvetica, Trebuchet MS, Sans-Serif
}

h1 {
 font-size: 15px;
 font-family: Helvetica, Trebuchet MS, Sans-Serif;
 color: #ed2222;
}

h2 {
 font-size: 14px;
 font-family: Helvetica, Trebuchet MS, Sans-Serif;
 color: #000000;
}

h3 {
 font-size: 14px;
 font-family: Helvetica, Trebuchet MS, Sans-Serif;
 color: #000000;
}

h4 {
 font-size: 12px;
 font-family: Helvetica, Trebuchet MS, Sans-Serif;
 color: #000000;
}

#img-container	{ margin: 0; padding: 0; }
#img-container p	{ width: 400px; margin: 0; padding: 0 0 12px 0; }

#once { clear: left; }

/* SLIDE SHOW - Navigation */
	
p.nav a {
 background-color: #444A4A;
 padding-top: 3px;
 padding-right: 4px;
 padding-bottom: 3px;
 padding-left: 0px;
 font-size: 11px;
 font-family: Helvetica, Trebuchet MS, Sans-Serif;
}

p.nav a:hover { text-decoration: underline;color: #ed2222; ;}

p.nav span#num {
	letter-spacing: 2px;
	font-family: Helvetica, Trebuchet MS, Sans-Serif;
	font-style: italic;
	padding-left: 00px;
	}