/*HTML & Body*/
*
{
    margin:0;
    padding:0;
    
}
 body
{
   background-image:url(images/BlenderArtBG2.jpg);
   background-attachment:fixed;
}

/*Header*/
#Header
{
    width:100%; 
    height:15%;
}
/* #Header img
{
    width:1264px; 
    height:150px;
} */

/*TopNavigation*/
#topNav
{
    background-image:url(images/Border4.jpg);
    background-repeat:repeat-x;
    height:100px;
    width:100%;
}

#topNavLinks
{
  font-size:40px;
  color:#216b42;
  text-decoration:none;
  list-style: none;
  margin:0 0 0 200px;
}

#topNavLinks li
{
    padding:0 5px 0px 5px;
    display:inline;
}

#dropNavLinks
{
  position:absolute;
  top:180px;
  left:680px;
  font-size:10px;
  color:#4aec62; 
  text-decoration:none;
  list-style: none;
  z-index:1;
 
}
#dropNavLinks ul {
	
	width: 40em;
	list-style: none;
	line-height: 1em;
	font-size:30px;
	background:#000;
	opacity:0.7;
	filter:alpha(opacity=70);
	font-weight: bold;
	padding: 0;
	margin: 0 0 1em 0;
}
#dropNavLinks  li 
{
   
	float: left;
	padding: 0;
	right: auto;
	width: 2em;
	display:inline;
	font-size:30px;
	color:#4aec62;
	background-image:Border4.jpg;
}

#dropNavLinks li ul {
	position: absolute;
	left: -999em;
	/*height: auto;*/
	width: 1.4em;
	padding:20px;
	w\idth: 14em;
	font-weight: normal;
	font-size:20px;
	color:#4aec62;
	margin: 0;
}

#dropNavLinks li li  
{
    font-size:20px;
	padding-right:1em;
	width: 20em;
}

#dropNavLinks li li ul a 
{
   font-size:30px;
	width: 4em;
	w\idth: 18em;
}

#dropNavLinks li ul ul {
	margin: -1.75em 0 0 14em;
	 
}

#dropNavLinks li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
	left: -999em;
	position:absolute;
	
	
}

#dropNavLinks li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
	
	left: auto;
}

#dropNavLinks li:hover, #nav li.sfhover {
	padding-right:5px;
}


#topNavLinks a
{
   
   font-size:40px;
   color:#216b42;
   text-decoration:none;
}


#leftNavContainer
{
    float:left;
    width:200px;
}
#leftNav li 
{
   display:block;
   width: 200px;
   height:50px;
   background:url(images/Untitled-4.gif);
   text-align:center;
   text-decoration:none;
   font-family:arial;
   font-size:36px;
   vertical-align:middle;
   color:#4aec62;
   float:left;
  
}


#leftNav li:hover 
{
   color:#216b42;
   background-position:0 -50px;
}
#leftNav li a:link
{
     color:#4aec62;
}
#leftNav li a:visited
{
    text-decoration:none;
    color:#4aec62;
}
#leftNav li a:hover 
{
   text-decoration:none;
   color:#216b42;
}


#leftNav span  li
{
   line-height:45px;
}
#leftNav  li
{
   list-style-type:none;
}

#leftNav2 li
{
   display:block;
   width: 200px;
   height:50px;
   background:url(images/Untitled-4.gif);
   text-align:center;
   text-decoration:none;
   font-family:arial;
   font-size:22px;
   vertical-align:middle;
   color:#4aec62;
   float:left;
   line-height:45px;
  
}

#leftNav2 li:hover 
{
   color:#216b42;
   background-position:0 -50px;
}
#leftNav2 li a:link
{
    color:#4aec62;
}
#leftNav2 li a:visited
{
    text-decoration:none;
    color:#4aec62;
}
#leftNav2 li a:hover 
{
   text-decoration:none;
   color:#216b42;
}

/*Index page*/
 
#LeftTop
{
   position:absolute;
   top:34%;
   left:22%;
}
#LeftMiddle
{
    position:absolute;
    top:62%;
    left:20%;
}
#LeftBottom
{
    position:absolute;
    top:92%;
    left:22%;
    
}
#TopCenter
{
    position:absolute;   
    top:28%;
    left:42%;
}
#Center
{
    position:absolute;
    top:48%;
    left:40%;
}
#RightTop
{
    position:absolute;
    top:34%;
    left:62%;
}
#RightMiddle
{
    position:absolute;
    top:62%;
    left:65%;
}
#RightBottom
{
    position:absolute;
    top:92%;
    left:62%;
   
}
#BottomCenter
{
    position:absolute;
    top:102%;
    left:42%;
}

#ListView
{
    margin-left:300px;
}

/*Contact Us Page*/
#email
{
    width:650px;
    height:600px;
    margin-left:250px;
    background-color:#216b42;  
    border-style:double;
    border-width:10px;
    border-color:#4aec62;
    padding: 20px 50px 20px 50px;
    color:#4aec62;
}