/*
	Name : nav4_style.css 22 November 2014
	Description : contains sitewide css rules for every element in navigation.html
	Major code revisions implimented - This is considered to be the alpha5 version
	Written By : Edward LeBlanc 
*/

* {
margin: 0px;
padding: 0px;
}

/* --- HEADER SECTION --- */
header{
	min-width: 1024px;		/* -- added min-width: 1024px; on 4 Sept 2014 --*/
	background-color: yellow;
	padding: 15px;			/* -- border around Society Logo -- */
}
/* --- LOGO SECTION --- */
.logo{
	font-size: 40px;
	color: black;
	display: inline;
	margin-left: 15px;
}
/* --- SOCIAL MEDIA SECTION --- */
.SocialMediaLinks{
	display: inline;
	margin-left: 60px; /* -- was 200px prior to anniversary140.png -- */
}
.SocialMediaLinks li{
	list-style-type: none;
	display: inline; /* --- switched from inline-block to inline 5 Sept 2014 --- */
	font-size: 15px;
	color: black;
}
.SocialMediaLinks li a{
	padding: 7px;
}
.SocialMediaLinks a:link{
	text-decoration: none;
	color: yellow;
}
.SocialMediaLinks a:visited{
	text-decoration: none;
	color: yellow;
}
.SocialMediaLinks a:hover{
	background-color: yellow;
	border-radius: 5px;
}

img[src="../navigation/txvhffm.jpg"] {
width:280px; height:140px;
}

img[src="../navigation/anniversary.png"] {
width:140px; height:140px;
}


img[src="../navigation/filmproj_transp.png"] {
width:70px; height:70px;
}

img[src="../navigation/cart.png"] {
width:86px; height:70px;
}

img[src="../navigation/arrl458.png"] {
width:31px; height:70px;
}
img[src="../navigation/facebook325.png"] {
width:35px; height:35px;
}

img[src="../navigation/twitter225.png"] {
width:35px; height:35px;
}

* {
margin: 0px;
padding: 0px;
}

/* --- BODY SECTION --- */
body{
margin: 0px;
background-color: #ffffff;
}

/* --- NAVIGATION SECTION --- */

.NavigationSection{
}

.MainMenu {
min-width: 1024px;	 /* -- added min-width: 1024px; on 4 Sept 2014 --*/		
position:relative;	 /* -- Main Menu width full horizontal -- */
float:left;		 /* -- Main Menu width full horizontal -- */
width:100%;		 /* -- Main Menu width full horizontal -- */
background: #000000;	 /* -- Main Menu width full horizontal -- */
font: bold 12px/18px sans-serif; font-size:18px;
list-style:none;
/* -- height:2em; -- */
}

.MainMenu li {
position:relative;
float:left;
width:auto; /* -- Width MainMenu, the SubMenu has its own width control -- */
background: #000000;
/* -- font: bold 12px/18px sans-serif;  font-size:15px; -- */
/* -- font-size:18px; --*/
font: bold 12px/18px sans-serif; font-size:18px;
text-align:center;
padding: 0px 0px 0px 0px; /* -- top right bottom left -- */
}

/* --- Corner indication of pull down menu -- */
.MainMenu li a:hover b {
position:absolute;
bottom:-1px;right:0;
border-left:12px dashed transparent;
border-bottom:12px solid #ffffff;
}


.MainMenu a:link, a:visited {
text-decoration: none;
color: white;
}

/* -- MainMenu li:hover {background:#808080;} -- main menu and submenu highlight -- */
.MainMenu a:hover {background: #808080;
 }

.MainMenu a {
display: block; /* -- inline-block only highlights the text, block highlights more -- */
color:#ffffff;
text-decoration:none;
line-height:2em; padding: 0px 12px 0px 12px; /* -- highlight padding around MainMenu: top right bottom left -- */
}

/* --------- Drop Down -------- */
.MainMenu ul {
position:absolute;
left:-9999em;
top:2em;
list-style:none;
z-index:2;
/* --  padding-top: 15px; -- */ /* -- padding to float down the SubMenu -- */
}

/* -- Highlight width of SubMenu, block is better than inline-block -- */
.MainMenu li:hover ul {
left:0px;
top:auto; display:block;  
}

 /*-- Width of the SubMenu -- */	
.SubMenu li {
width: 240px; text-align:left;
}

/* -- 2nd Level Drop -- */
.MainMenu li:hover ul ul {
left:-999em;
}
.MainMenu ul li:hover ul {
left:240px;
top:-1px;
}
 /*-- Width of the 2nd Level Drop  -- */	
.SubMenu li ul li {
width: 140px; text-align:left;
}

