/* This defines all paragraph styles. */
p {
    margin:20px;
    font-family: 'News Cycle','Helvetica', sans-serif;
}

h1,h2,h3
{
    margin: 20px;
    font-weight: bold;
    font-family: 'Lato','Helvetica', sans-serif;
}

h1,h2
{
    color: #01a729;
}

h2:nth-child(4n+1)
{
    color: #00adef;
}

h2:nth-child(4n+2)
{
    color: #ea028c;
}

h2:nth-child(4n+4)
{
    color: #01a729;
}

/* This contains the main content. */
#mainframe {
    width:960px;
    min-height:160px;
    margin-left:auto;
    margin-right:auto;
    }

section {
   padding:10px;
}


/* Login and Header Style */
section.members {
    padding:0px;
    height: 50px;
}

section.login {
    padding:5px;
	height:27px;
    color:white;
    background-repeat:repeat-x;
    background-image:url("../pics/menu_bar_vert.jpg");
    background-position:top center;    
    opacity:0.8;
}

section.login a {
   color: white;
}

#fb-root {
	position:relative;
	left:825px;
	bottom:23px;
	z-index:5;
}

header
{
    height:272px;
    padding-top:0px;
    margin-top:0px;
    background-image:url("../pics/header_gear.jpg");
    background-repeat:no-repeat;
    background-position:top center;
}

header h1
{
    /*text-align:right;
    width:auto;
    margin-top: 180px;
    margin-bottom: 15px;
    font-size:150px;
    color: white;
    padding-bottom:0px;
    background-image:url("../pics/uccc.png");
    background-repeat:no-repeat;
    background-position: top center;*/
}

footer
{
    font-size:12px;
    text-align: center;
    padding:0.5em;
    margin: 0.5em;
    color:navy;
}

/* Navigation bar & Subnav */
nav
{
    float:left;
    border-style: none;
    padding:0;
    height: 50px;
    margin-left:0px;
    margin-right:0px;
    background-repeat: repeat-x;
    background-image:url("../pics/menu_bar.jpg");
    background-position: top center;
}

nav.main_nav
{
    width: 960px;
    height:30px;
    text-align:center;
}

nav a
{
    /*display: inline;*/
    min-width: 960px;
    font-size: 16px;
    font-family: 'Lato','Helvetica', sans-serif;
    text-decoration:none;
    color:white;
    padding:0.2em 0.4em;    /* Top/bottom then left/right */
    text-align:center;
    background-repeat: repeat-y;
}

nav ul {    
    list-style-type: circle;
    display: inline;
    width: 960px;
    font-size: 18px;
    font-family: 'Helvetica';
    text-decoration:none;
    color:white;
    margin-top:0px;
    margin-bottom:0px;
    text-align:center;
    padding-top:0px;

}

nav li {
    text-align:center;
    display: inline;
    margin-top:5px;
    margin-bottom:5px;
}

.selected a{
    /*text-decoration:underline;*/
    color: #cccccc;
}

nav h2 {
    display:inline;
}


nav a:hover {
    /*background-color:#ff3300;*/
    text-decoration:underline;
}

nav.subnav ul
{
    width:auto;
}



nav.subnav li
{

    display: block;
}

nav.subnav {
    height: auto;
    float: right;
    border-radius: 15px;
    -moz-border-radius: 15px;
    margin:10px;
    padding:10px;
    background-repeat: repeat-x;
    background-image:url("../pics/menu_bar_vert.jpg");
    background-position: top center;
}


section.content{
    margin-top:40px;
    margin-left: 10px;
    margin-bottom: 0px;
    font-family: "Helvetica", sans-serif;
    overflow: auto;
    clear: left;
    padding:0px;

    background-color:white;
   /* background-image: url('../pics/bg_text.jpg');
    background-repeat: no-repeat;
    background-position: right bottom; */
}

article {
    /*padding:40px;*/
    clear: left;
}

article.inner
{
    padding-left:50px;
    padding-right: 50px;
    /*background-color:white;*/
    border-radius: 20px;
    -moz-border-radius: 20px;
}

.inner p, .inner ul, .inner blockquote
{
    margin-left: 20px;
    margin-right: 120px;
}

.inner li, .inner h2 {
    margin-left: 10px
}

/* For tables inside the articles */
.list_table
{
    width: 750px;
}

/* The body contains everything else, so if we wanted to apply something to everything
on the site - we could do so here. */
body {
    margin:0px;
}

.main_page_body
{
    text-align: left; 
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: small;
    /*background-image: url('../pics/bg_text.jpg');
    background-repeat: repeat;
    background-attachment: scroll;*/
    background-image: url('../pics/bg_image.jpg');
    background-position:center; 
    background-repeat: no-repeat;
    background-attachment: scroll;
}

/* This is the container around all the people */
section.people {
    clear:left;
    display:table;
}

/* This is each person*/
section.person {
    display: table-cell;
    border-radius: 15px;
    -moz-border-radius: 15px;
    width:300px;
    height:160px;
    float:left;
    margin:30px;
    padding:15px;
    background-repeat: repeat-x;
    background-image:url("../pics/menu_bar_vert.jpg");
    background-position: top center;  
}

section.person div.image {
    /*margin:5px;*/
    padding-right: 10px;
    padding-bottom: 10px;
    float:left;
    /*display:inline;*/
}

section.person h1 {
    text-align: center;
    font-size: 24px;
    font-weight:bold;
    color: white;
}

section.person h2 {
    font-size: 14px;
    font: Verdana;
    color: Gainsboro; 
}

section.person div.info {
    /*display:inline;*/
    color: white; 
}

section.person p {
    /*clear:left;*/
    margin-left:auto;
    color: white; 
    padding-top: 8px;
}



/* Gallery Styling */
.gallery .image-title,
.gallery .image-description,
.gallery .image-author,
.gallery .image-link {
    display:none;
}

.gallery
{
    width: 100%;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    padding: none;
}

.gallery button
{
    margin-left: -30px;
}

.gallery ul.images
{
    list-style-type: none;
    border: none;
    padding: none;
}

.gallery ul.images li.image
{
    display: inline;
    line-height: 0;
}

.gallery ul.images li.image a
{
    text-decoration: none;
    color: inherit;
    cursor: pointer;
    margin: 14px;
    display: inline-block;
    background: white;
    padding: 3px;
    line-height: 0;
    -webkit-border-radius: 4px 4px;
    -moz-border-radius: 4px 4px;
    border-radius: 4px 4px;
    -moz-box-shadow: 0px 0px 8px #AAA;
    -webkit-box-shadow: 0px 0px 8px #AAA;
    box-shadow: 0px 0px 8px #AAA;
    -webkit-transition: -webkit-box-shadow 0.1s ease-out;
    -moz-transition: -webkit-box-shadow 0.1s ease-out;
    -o-transition: -webkit-box-shadow 0.1s ease-out;
    transition: -webkit-box-shadow 0.1s ease-out;
}

.gallery ul.images li.image a img
{
    border: none;
    padding: none;
    -webkit-border-radius: 4px 4px;
    -moz-border-radius: 4px 4px;
    border-radius: 4px 4px;
}

.gallery ul.images li.image a:hover
{
    -moz-box-shadow: 0px 0px 8px #222;
    -webkit-box-shadow: 0px 0px 8px #222;
    box-shadow: 0px 0px 8px #222;
}