/* begin css tabs */

ul#tabnav { /* general settings */
text-align: center; /* set to left, right or center */
margin: 2em 0 2em 0; /* set margins as desired */
font: bold 14px verdana, arial, sans-serif; /* set font as desired */
/*border-bottom: 1px solid #444444;  set border COLOR as desired */
list-style-type: none;
padding: 22px 20px 22px 20px; /* THIRD number must change with respect to padding-top (X) below */
}

ul#tabnav li 
{
/* do not change */
display: inline;
}

body#tab1 li.tab1, body#tab2 li.tab2, body#tab3 li.tab3, body#tab4 li.tab4 
{
/* settings for selected tab */
border-bottom: 1px solid #444444; /* set border color to page background color */
background-color: #000000; /* set background color to match above border color */
}

li#active /*setting for current page*/
{ 
padding: 6px 8px; /* set padding (tab size) as desired; FIRST number must change with respect to padding-top (X) above */
border: 3px #cccccc; /* set border COLOR as desired; usually matches border color specified in #tabnav */
background-color: #000000; /* set unselected tab background color as desired */
color: #ffffff; /* set unselected tab link color as desired */
margin-right: 0px; /* set additional spacing between tabs as desired */
text-decoration: none;
border-bottom: none;
border-style: inset;
border-top-left-radius:20px;
border-top-right-radius:20px;
border-bottom-left-radius:20px;
border-bottom-right-radius:20px;
}

ul#tabnav li a { /* settings for all tab links */
padding: 6px 8px; /* set padding (tab size) as desired; FIRST number must change with respect to padding-top (X) above */
border: 3px #cccccc; /* set border COLOR as desired; usually matches border color specified in #tabnav */
background-color: #ffffff; /* set unselected tab background color as desired */
color: #000000; /* set unselected tab link color as desired */
margin-right: 0px; /* set additional spacing between tabs as desired */
text-decoration: none;
border-style: outset;
border-top-left-radius:20px;
border-top-right-radius:20px;
border-bottom-left-radius:20px;
border-bottom-right-radius:20px;
}

ul#tabnav a:hover { /* settings for hover effect */
background: #000000; /* set desired hover color */
border-style:outset;
border-top-left-radius:20px;
border-top-right-radius:20px;
border-bottom-left-radius:20px;
border-bottom-right-radius:20px;
color: #ffffff;
}

/* end css tabs */

#main_background
{
padding: 3px;
margin-top:3%;
margin-left:10%;
margin-right:10%;
margin-bottom:3%;
background-color: #000000;
border-top-left-radius:20px;
border-top-right-radius:20px;
border-bottom-left-radius:20px;
border-bottom-right-radius:20px;
box-shadow: 12px 12px 25px #888888;
}

body 
{
font: 100% verdana, arial, sans-serif; 
text-align:center; 
color: #ffffff; 
}

#footernav
{
text-align:center;
}



#content
{
margin-left:60px;
margin-right:60px;
background-color: #000000;
}

#article
{
margin-left:60px;
margin-right:60px;
text-align:left;
border-bottom:1px solid #444444;
border-top:none;
background-color: #000000;
}

.article_block
{
display: inline-block;
background-color: #ffffff;
text-align:left;
color:#000000;
padding: 12px 10px 12px 10px;
border-top-left-radius:14px;
border-top-right-radius:14px;
border-bottom-left-radius:14px;
border-bottom-right-radius:14px;
max-width:90%;
min-width:90%;
min-height:161px;
margin-left:5px;
margin-right:5px;
margin-bottom:5px;
}

.article_block img
{
float:left;
max-height:341px;
max-width:241px;
box-shadow: 8px 8px 15px #888888;
border-top-left-radius:14px;
border-top-right-radius:14px;
border-bottom-left-radius:14px;
border-bottom-right-radius:14px;
margin-bottom:11px;
margin-right:21px;
}


.article_block a
{
text-decoration:none;
}

.article_block p
{
margin-top:25px;
}
img.headshot
{
float:left;
width:100px;
height:140px;
margin:5px;
}

.article_block h1
{
text-align:center;
font-size:25px;
}

#contentend
{
margin-left:60px;
margin-right:60px;
text-align:left;
border-top:1px solid #ffffff;
background-color: #000000;
}

h3.header
{
text-align:center;
}


a img.bookmark
{
border:0px;
width:125px;
height:16px;
}

table.contacttable
{
width:80%;
}

#container 
{
min-height:100%;
position:relative;
margin-left:60px;
margin-right:60px;
background-color: #000000;
}

#header 
{
   background:#000000;
   padding:10px;
}

#body 
{
   padding:10px;
   padding-bottom:60px;   /* Height of the footer */
}

#footer 
{
   position:absolute;
   bottom:0;
   width:100%;
   height:60px;   /* Height of the footer */
   background:#6cf;
}
#left
{
min-height:100%;
float:left;
width:50px;
background-color: #ffffff;
}

#right
{
min-height:100%;
float:right;
width:50px;
background-color: #ffffff;
}

#copyright
{
font: 10px arial, sans-serif, verdana;
}

a
{
text-decoration:underline;
color:#FFFFFF;
}