/* CSS created by Daniel Llamocca*/
/* check: http://www.cssportal.com/css3-menu-generator/ */
body {
	  color:#000000;
	  font-family:"Tahoma", Palatino, monospace;
	  /*font-family: "Helvetica", Palatino, monospace;*/
      font-size:14px;  
      background-color:#e9e9e9;}
      
      /* CSS Styling for tables*/      
      table /* Attributes for tables by default*/
       { width: 100%;
         border: 1px solid black;
         border-spacing: 1px;}

      td /* Attributes for tables' columns by default*/
       { width: 33%;
         border: 1px solid black;
         padding: 2px;}         
       
      th /* Attributes for tables' headings by default*/
       { width: 33%;
         border: 1px solid black;
         padding: 2px;} 
                  
      table.tcourse /* Attributes for tables that use the class="tcourse"*/
       { width: 100%;
         border-collapse: collapse;
         border-spacing: 1px;}
     
      table.tcourse td /* td: attributes for the columns (without ',' is only for the columns). Examles of ',': table, td, th {??} }*/
       { width: 50%;
         border: 1px solid black; /* line witdh of the border*/
         border-spacing: 1px;
         padding: 2px;}

         
     /* CSS Styling for navigation bar with drop-down menus */
        nav {text-align:center;  /*This is to center the whole navigation bar*/
       	 font-family:"Tahoma", Geneva, monospace;
             font-size:14px;} /* Font size of the menu items*/
             
        nav ul ul {display: none;} /* Hides the submenus. 'ul': unordered lists*/
    	    nav ul li:hover > ul { /* On hover of the LI the submenus reappear (they are converted to block elements)*/
    		    display: block;} /* The > child selector makes sure that only the child UL of the LI hovered appears*/

        nav ul { /* Main navigation menu*/
        	background: #EFEFEF; 
        	background: linear-gradient(top, #d8d8d8 0%, #afafaf 100%); /* left: start color, right: end color. For others*/  
        	background: -moz-linear-gradient(top, #d8d8d8 0%, #afafaf 100%); /* For Mozilla*/ 
           	background: -webkit-linear-gradient(top, #00c8c8 0%, #00a3a3 100%);  /* For Chrome */

        	/*box-shadow:*/
          	box-shadow: 0px 4px 8px #666666; /* box shadow. [horizontal length][vertical length][blur radius][shadow color]*/
        	padding: 0 15px; /* Border padding */
        	border-radius: 12px; /* Radius of the circles that exists at both ends of the navigation bar*/
        	list-style: none;
        	position: relative;
        	display: inline-table;
        }
        	nav ul:after {
        		content: ""; clear: both; display: block;
        	}
            
        /* CSS style for individual menu items*/
        nav ul li {
        	float: left;
        } 

        /* Control properties of each individual menu item when NOT in 'hover'*/                  
      	nav ul li a {
       		display: block; padding: 15px 50px; /*[left]: bottom-up padding of each individual item, [right]: left-right padding*/
            color: #2f2f2f; text-decoration: none; /* text color */
            text-shadow: 1px 1px 1px #7a7a7a; /* text shadow: [horizontal length][vertical length][blur radius][shadow color]*/
       	}
                
        nav ul li:hover, nav ul li.active a{  /* Style on hover and active: (first level menu)*/
        	/*background: #4b545f;*/                
        	/*background: linear-gradient(top, #4f5964 0%, #5f6975 40%);
        	background: -moz-linear-gradient(top, #4f5964 0%, #5f6975 40%);
        	background: -webkit-linear-gradient(top, #4f5964 0%,#5f6975 40%); */
                
        	background: #8B8B8B;
            /* Background gradient (repeat for all 3)*/
            background: linear-gradient(to bottom right, #A1A1A1 0%,#606060 100%);
            background: -moz-linear-gradient(left top, #A1A1A1 0%,#606060 100%);
        	background: -webkit-linear-gradient(left top, #00afaf 0%,#007474 100%);
        }        

        nav ul li:hover a, nav ul li.active a { /*Text color of each element in the list when hovering and active(the drop-down)*/
       		color: #eaeaea; 
            text-shadow: 1px 1px 2px #bababa; /* text shadow: [horizontal length][vertical length][blur radius][shadow color]*/
        }
                            
        nav ul ul {
        	background: #005555; border-radius: 0px; padding: 0; /*background color of the second-level list (1st level is the bar menu)*/
        	position: absolute; top: 100%;
            text-align:left;
            font-size:14px;
        }
        	nav ul ul li {
        		float: none; 
        		border-top: 1px solid #6b727c;
        		border-bottom: 1px solid #575f6a;
        		position: relative;    
        	}
        		nav ul ul li a {
        			padding: 15px 40px;
        			color: #fff;
        		}	
        			nav ul ul li a:hover {
                        background: #008F8F; /* color when hovering */
        			}    
        
        nav ul ul ul { /* third-level list */
        	position: absolute; left: 100%; top:0;
            font-size:13px;            
        }
       
     /* you can use   <div id="basic"> ... </div> to apply this property
     /*#basic {
	  font-family: "MS Sans Serif";
	  font-size:14px;
      font-weight: normal; } */
      
/* Style for an unordered list. It can be used as a navigation bar too*/	  	  
    ul.a { /*This property applies to all unordered lists*/
      font-family: "Courier New", Courier, monospace;
      font-size:16px;
      width: 970px;
      padding: 15px;
      margin: 0px auto 0px auto;
      border-top: 2px solid #000;
      border-bottom: 1px solid #000;
      text-align: center;}
	  
    ul.a li {display:inline; margin: 0px 3px;}	  

    ul.b {
       font-family: "Tahoma", Palatino, monospace;
       font-size:14px;
       list-style-type:square;}	

    ol.c {
       font-family: "Tahoma", Palatino, monospace;
       font-size:13px;} 
       		  
	/*Defining a class 'recr' to be used especially for hyperlinks*/
    .recr {
       text-decoration:none;
       color:#608090;}   	

    .rvid {
       text-decoration:none;
       color:#A0522D;}   	
    
    /* Two styles for hyperlinks: a.nav and a.on. They are almost the same, but a.on is always fixed when hovering or not
	   If class is not specified, <a> inherits attributes*/    
   
    a.nav {
      color: #000000;
      text-transform: uppercase;
      text-decoration: none;
      padding: 6px 18px 5px 18px;}
	  	  
	a.nav:hover {
      color: #cc3333;
      background-color: #ffffff;}
	  
  	a.on {
      color: #cc3333;
      background-color: #ffffff;
      text-transform: uppercase;
      text-decoration: none;
      padding: 6px 18px 5px 18px;}
		
	p { /* All <p> elements ('paragraph') will have this property */
		font-family: "Tahoma", Palatino, monospace;
   		/*font-family: "Helvetica", Palatino, monospace;*/
		font-size:14px;
        font-weight: normal;}