body{
            width: 100%;
           
            font: 14px Nyala, Arial, verdana, Helvetica, sans-serif;            
			background: rgba(168,215,235,1);
background: -moz-linear-gradient(left, rgba(168,215,235,1) 0%, rgba(177,219,236,1) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(168,215,235,1)), color-stop(100%, rgba(177,219,236,1)));
background: -webkit-linear-gradient(left, rgba(168,215,235,1) 0%, rgba(177,219,236,1) 100%);
background: -o-linear-gradient(left, rgba(168,215,235,1) 0%, rgba(177,219,236,1) 100%);
background: -ms-linear-gradient(left, rgba(168,215,235,1) 0%, rgba(177,219,236,1) 100%);
background: linear-gradient(to right, rgba(168,215,235,1) 0%, rgba(177,219,236,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a8d7eb', endColorstr='#b1dbec', GradientType=1 );
        }
    
	body a, body a:visited :link{
	color: white;
	padding: 0 1px;
	text-decoration: none;
        font-family:12px sans-serif;
        text-shadow: 1px 1px 1px #333;
    }
    
    body  a:hover, body a:active {	
	color: blue;
	text-decoration: none;
	text-shadow: 1px 1px 1px #333;
    }
    .wrap
	{
	width:85%;
	padding-left:5%;
	}
  
    header.top_header {
            position: relative;
            width:100%;
            height: 79px;
            background-color:#7695FE;
            border: thin #336699 solid;
            border-radius: 5px;
            text-align:center;
            margin-top: 5px;
            margin-left: 10px;            
            padding: 10px;
            background-image:url(../images/book4.jpg) ;
			background-repeat:no-repeat;			
			background-position:right bottom;
    }
    .speaker {
	background-image:url(../images/speaker.jpg) ;
			background-repeat:no-repeat;			
						
	}
	
        header figure { position: absolute; float: left;
        }
        
        header figure.logo figcaption {color: white;}
        header hgroup {}
        
        header h1{
            font-family: Helvetica, sans-serif;            
            font-size: xx-large;
            font-weight: bolder;
            margin:0px;
            color:white;
        }
        header h2{
            font-family: 16px Arial, verdana, Helvetica, sans-serif;            
            font-size: large;
            font-weight: bold;
            color:black;
            text-shadow: 5px 5px 5px green;
            padding-top:2px;
        }
        header h3{
            font-family: 16px Arial, verdana, Helvetica, sans-serif;            
            font-size: large;
            font-weight: inherit;
            color:#000000;
            text-shadow: 5px 8px 8px green;
            padding-top:5px;
        }
    #nav {
    position:relative;    
    margin-top: 5px auto;    
    padding:9px;
    margin-left: 30%;
    }
 
ul#navigation {
    margin:0px auto;
    position:relative;
    text-align: left;
    float:left;
    
   /* border-left:1px solid #c4dbe7;
    border-right:1px solid #c4dbe7;*/
}
 
ul#navigation li {
    display:inline;
    font-size:12px;
    font-weight:bold;
    margin:0;
    padding:0;
    float:left;
    position:relative;
    /*border-top:1px solid #c4dbe7;
    border-bottom:2px solid #c4dbe7;*/
}
 
ul#navigation li a {
    padding:0px 5px;
    color:#616161;
    text-shadow:1px 1px 0px #fff;
    text-decoration:none;
    display:inline-block;
    border-right:1px solid #fff;
    border-left:1px solid #7695FE;
    border-top:1px solid #7695FE;
    background: #7695FE;
 
    -webkit-transition:color 0.2s linear, background 0.2s linear;
    -moz-transition:color 0.2s linear, background 0.2s linear;
    -o-transition:color 0.2s linear, background 0.2s linear;
    transition:color 0.2s linear, background 0.2s linear;
}
 
ul#navigation li a:hover {
    background:#f8f8f8;
    color:#282828;
}
 
ul#navigation li a.first {
    border-left: 0 none;
}
 
ul#navigation li a.last {
    border-right: 0 none;
}
 
ul#navigation li:hover > a {
    background:#fff;
}

/* Drop-Down Navigation */
ul#navigation li:hover > ul
{
/*these 2 styles are very important,
being the ones which make the drop-down to appear on hover */
    visibility:visible;
    opacity:1;
}
 
ul#navigation ul, ul#navigation ul li ul {
    list-style: none;
    margin: 0;
    padding: 0;
/*the next 2 styles are very important,
being the ones which make the drop-down to stay hidden */
    visibility:hidden;
    opacity:0;
    position: absolute;
    z-index: 99999;
    width:180px;
    background:#f8f8f8;
    box-shadow:1px 1px 3px #ccc;
/* css3 transitions for smooth hover effect */
    -webkit-transition:opacity 0.2s linear, visibility 0.2s linear;
    -moz-transition:opacity 0.2s linear, visibility 0.2s linear;
    -o-transition:opacity 0.2s linear, visibility 0.2s linear;
    transition:opacity 0.2s linear, visibility 0.2s linear;
}
 
ul#navigation ul {
    top: 15px;
    left: 1px;
}
 
ul#navigation ul li ul {
    top: 0;
    left: 181px; /* strong related to width:180px; from above */
}
 
ul#navigation ul li {
    clear:both;
    width:100%;
    border:0 none;
    border-bottom:1px solid #c9c9c9;
}
 
ul#navigation ul li a {
    background:none;
    padding:7px 15px;
    color:#616161;
    text-shadow:1px 1px 0px #fff;
    text-decoration:none;
    display:inline-block;
    border:0 none;
    float:left;
    clear:both;
    width:150px;
}
        .mainContent{
            font-size: medium;            
            width: 100%;
			}
        article{
            margin-bottom: 10px;
            font-size: medium;
        }
        article p{
            padding-bottom: 10px;
        }
        article header h3{
            font-size: medium;
            font-weight: bold;
            font-family: sans-serif;
            margin-bottom: 10px;
            }
        article footer{
            
            text-align: right;
        }
        section {
            border: thin blue solid;
            border-radius: 5px;
            margin: 10px;
            padding: 10px;
            width:80%;
            
            background-image: -moz-radial-gradient(circle, white, #7695FE);
            background-image: -webkit-radial-gradient(circle, white,white );
            background-image: -o-radial-gradient(circle, white, #7695FE);
            background-image: -ms-radial-gradient(circle, white, #7695FE);
            
            position: relative;
            opacity:0.9;
            left: 0px;
            text-align: justify;
            
			column-width: 15em;
            -moz-column-width: 15em;
            -webkit-column-width: 15em;
            
            -moz-column-rule:2px outset #ffffff; /* Firefox */
            -webkit-column-rule:2px outset #7695FE; /* Safari and Chrome */
            column-rule:2px outset #ffffff;
            
            -moz-column-gap:40px; /* Firefox */
            -webkit-column-gap:40px; /* Safari and Chrome */
            column-gap:40px;
        }
		.intro{
		
			column-width: 30em;
            -moz-column-width: 30em;
            -webkit-column-width: 30em;
            
            -moz-column-rule:2px outset #ffffff; /* Firefox */
            -webkit-column-rule:2px outset #ffffff; /* Safari and Chrome */
            column-rule:2px outset #ffffff;
            
            -moz-column-gap:40px; /* Firefox */
            -webkit-column-gap:40px; /* Safari and Chrome */
            column-gap:40px;
		}
section h2 {
    column-span: all;
    -webkit-column-span:all;
    -moz-column-span:all;
    -ms-column-span:all;
    font-weight: bolder;
    font-size: 20px;
}
        section header{}
        section footer{}
        section footer a {}
        .download {
            padding: 5px 15px 5px 15px;
            position: absolute;
            float: right;
            width: 159px;
            background: rgb(170, 247, 0);
            opacity:0.8;
            right: 10%;
            top:65px;
            border-radius: 4px;
            border: thin green solid ;
            box-shadow: 5px 5px 10px gray;
            }
        aside img{
            position: relative;
            float: right;
        }
        .socialNetwork {
           
            top:120px;
           
            }
	    
	.liksDownloads {
            top:310px;
	    /*z-index: -1;*/
	    color: black;
	    font-size: 14px;
            }
        
        #bottom_footer {
            position: fixed;
            bottom: 0px;
            height: 20px;
            width: 100%;
            background: #ECD672;
            border-top: thin solid black;
            font-size: small;
			
        }
       
        footer{text-align: center;}
		
       .sidebar-widget {
		margin-top:40px;
		}
.social-sidebar {
	clear:both;
	overflow:hidden;
	padding: 5px 15px 5px 15px;
	position: absolute;
	float: right;
	width: 190px;			
	background-image: -moz-radial-gradient(circle, white, #7695FE);
	background-image: -webkit-radial-gradient(circle, white, #7695FE);
	background-image: -o-radial-gradient(circle, white, #7695FE);
	background-image: -ms-radial-gradient(circle, white, #7695FE);
	opacity:0.8;
	right: 8%;	
	border-radius: 4px;
	border: thin green solid ;
	box-shadow: 5px 5px 10px gray;
}

.sidebar ul, .sidebar li {
	margin:0;
}
a.rss {
	background:url(../images/social1.png) no-repeat scroll 0 0;
}
a.twitter {
	background:url(../images/social1.png) no-repeat scroll -47px 0;
}
a.facebook {
	background:url(../images/social1.png) no-repeat scroll -94px 0;
}
.social-sidebar a.google {
	background:url(../images/social1.png) no-repeat scroll -141px 0;
	margin-right:0px;
}

a.rss:hover {
	background:url(../images/social.png) no-repeat scroll 0 -47px;
}
a.twitter:hover {
	background:url(../images/social.png) no-repeat scroll -47px -47px;
}
a.facebook:hover {
	background:url(../images/social.png) no-repeat scroll -94px -47px;
}
a.google:hover {
	background:url(../images/social.png) no-repeat scroll -141px -47px;
}
 
 
 #menu ul
		{
		display: none;
		list-style: none;
		margin: 0;
		padding: 0;		 
	    }
		
		#menu ul ul	
		{
			display: block;
		}
	
		#menu > li > ul > li > ul >li a
		 {
		    margin-left: 0px;		    /* to add a margin if needed*/
		  }
		  
		#menu ul a{
			background: #97C8F7;/*#e8e8e8;*/
			border-top: 1px solid #fff;
			color: #000;
			display: block;
			font-weight: normal;
			padding: 2px 2px 2px 2px;			
		}
		#menu ul a:link{
			font-weight: normal;
		}
		#menu ul a:hover{
			background : #97C8F7;/*#f5f5f5;*/
			text-decoration: underline;
		}
		#menu li.active a{
			background: #fff;
		}
		#mene li.active li a {
			background: #e8e8e8;
		}
		
		
		
		#menu a
		{
			color: #000;
			cursor: pointer;
			display: block;
			font-weight: bold;
			margin-left: 0;
			padding: 2px 2px 2px 17px;
			/*width: 100%;112px;*/
		}
		#menu a.expanded
		{		    
		    background:#4B8CCD url(../images/collapse.gif) no-repeat 3px 50%;/*#bbb*/
		}
		#menu a.collapsed{
			background: #4B8CCD url(../images/expand.gif) no-repeat 3px 50%;		    
		}
		#menu a.main {
		    color: brown;
		}
		
		#menu a:hover{
			text-decoration: none;
		}
		
		#menu ul ul li:last-child {
		    border-bottom: 1px  solid #fff;
		}