@charset "utf-8";
/* Basic styles to be used with all devices and under all conditions */

article, aside, figcaption, figure,
footer, header, main, nav, section { 
   display: block;
}

address, article, aside, blockquote, body, cite, 
div, dl, dt, dd, em, figcaption, figure, footer, 
h1, h2, h3, h4, h5, h6, header, html, img, 
li, main, nav, nav a, ol, p, section, span, ul,
table, tr, td, th, col, colgroup {
   margin: 0;
   padding: 0;
   border: 0;
   font-size: 100%;
   background: transparent;
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
   box-sizing: border-box;  
}


/* HTML and Body styles */

html {
   background: rgb(51, 51, 51) url(../images/cg_back.png);
   font-family: Verdana, Geneva, sans-serif;
   height: 100%;
}

body {
   background: rgb(144, 170, 144);
   box-shadow: black 20px 0px 40px,  black -20px 0px 40px;
   border-left: 3px solid black;
   border-right: 3px solid black;
   margin: 0px auto;
   min-width: 320px;
   max-width: 1020px;  
   width: 100%;
   line-height: 1.2em;

}


/* Header styles */

header {
   width: 100%;
}

header img#logoimg {
   display: block;
   width: 100%;
}

ul, ol {
   list-style: none;
}



/* Navigation Styles */

nav {  
   width: 100%;
}

nav ul {
   background: linear-gradient(to bottom, black, rgb(44, 70, 44));
   list-style: none;
   list-style-image: none;
    
   -moz-column-width: 200px;
   -webkit-column-width: 200px;
    column-width: 200px;

   -moz-column-gap: 25px;
   -webkit-column-gap: 25px;
    column-gap: 25px;
    
    padding: 25px;
}

nav ul li.newgroup {
   margin-top: 15px;
}

nav ul li a {
   color: white;
   text-decoration: none;
   font-size: 0.9em;
}

nav a {
   text-decoration: none;
}

nav a:hover {
   color: rgb(191, 231, 191);
   text-decoration: underline;
}

/* Section Styles */

section {
   background: rgb(245,245,165);
   width:70%; /* 421 px */
   float:left;
   padding: 10px 20px 20px 40px; 
}

section h1 {
   font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;
   font-size: 1.8em;
   margin: 20px 0px 5px;
   color: rgb(83, 183, 51);
}

section > p {
   margin-bottom: 20px;
   padding-bottom: 9px;
   border-bottom: 3px solid rgb(83, 183, 51);
}


/* Aside Styles */

aside {
   background: rgb(144, 170, 144);
   color: white;
   width:28%;     /*  220px */
   float:right;
   padding: 25px; 
   padding-left:10px;   
}

dt {
   font-size: 1em;
   border-bottom: 1px solid white;
   font-weight: bold;
}

dd {
   margin-bottom: 25px;
}

dl a {
   color: gold;
}

/* Footer styles */   

footer {
   color: white;    
   background: rgb(44, 70, 44);  
   clear:both;
   height: 70px;
   padding-top: 20px;
   text-align: center;
   font-size: 0.9em; 
   width: 100%;
}