﻿body 
{
    background-color: #ffffff;
    font-family: Arial, Sans-Serif;
    font-size: 75%;
    color: #333333;
    margin: 0px 0px 0px 0px;    
}

/****************************************************
 *  Main Structural Styles                          *
 ****************************************************/
table.Main
{
    border-collapse: collapse;
    width: 855px;
}

td.Main_Top
{
    vertical-align: top;
    background-color: #4CAC2F;
    width: 855px;
    height: 15px;
}
td.Main_SideBar
{
    vertical-align: top;
    width: 233px;
    padding: 0px 0px 0px 0px;
}
td.Main_Body
{
    vertical-align: top;
    padding: 0px 0px 0px 0px;
}

td.Main_Footer
{
    background-color: #4CAC2F;
    width: 855px;
    padding: 10px 10px 10px 10px;
    color: #ffffff;
}

td.Main_Footer a:link,
td.Main_Footer a:visited
{
    color: #ffffff;
    text-decoration: underline;
}

/****************************************************
 *  SideBar Styles                                  *
 ****************************************************/
div.SideBarNavPanel
{
    padding-left: 30px; 
    padding-right: 30px;
}

div.SideBarNavGroup
{
    border-top: dotted 1px #000000;
}

div.SideBarNavGroup ul
{
    margin-top: 10px;
    margin-left: 15px;
    margin-bottom: 0px;
}

div.SideBarNavGroup li
{
    list-style-image: url(Images/Misc/bullet1.gif);
    margin-bottom: 10px;
    margin-left: -15px;
}

div.SideBarNavGroup li a:link, 
div.SideBarNavGroup li a:visited
{
    font-size: 1.1666em;
    font-weight: bold;
    text-transform: uppercase;
    text-decoration: none;
    color: #323232;    
}

div.SideBarNavGroup li a:hover
{
    text-decoration: underline;
}

/****************************************************
 *  Search Bar                                      *
 ****************************************************/
div.SearchBar
{
    padding: 20px 30px 10px 0px;
    text-align: right;
}

div.SearchBar a:link,
div.SearchBar a:visited
{
    font-weight: bold;
    text-transform: uppercase;
    text-decoration: none;
    color: #323232;  
}

div.SearchBar a:hover
{
    text-decoration: underline;
}

/****************************************************
 *  Content                                         *
 ****************************************************/
div.Content
{
    padding-top: 15px;
    line-height: 1.5em;
}

div.Content h1
{
    font-size: 1.333em;
    font-weight: bold;
    text-transform: uppercase;
    color: #258B0B;
}

div.Content h2
{
    font-size: 1.1666em;
    font-weight: bold;
    color: #5AB244;
}

div.Content h3
{
	font-size: 1em;
	font-weight: bold;
	color: #000000;
}

div.Content a:Link
{
    color: #5B4305;
}

div.Content a:Visited
{
    color: #B8860B;
}

/****************************************************
 *  Content Boxes                                   *
 ****************************************************/
div.ContentBox
{
    padding: 5px 0px 0px 0px;
}

div.ContentBoxHeader
{
    padding: 5px 5px 2px 10px;
    color: #666666; 
    font-size: 1.1666em; 
    font-weight: bold;
    text-transform: uppercase;
    border-bottom: dotted 1px #000000
}

div.ContentBoxContent
{
    padding: 5px 5px 5px 10px;
    line-height: 1.5em;
}

div.ContentBoxContent ul
{
    margin-left: 5px;
}

div.ContentBoxContent li
{
    margin-bottom: 5px;
    line-height: 1.2em;
}

div.ContentBoxContent a:link
{
    color: #333333;
}

div.ContentBoxContent a:visited
{
    color: #555555;
}


td.ContentBoxPublications
{
    background-image: url(Images/Backgrounds/publications.jpg);
    padding: 5px 5px 5px 5px;
}

td.ContentBoxPublications a:link,
td.ContentBoxPublications a:visited
{
    color: #103A12;
    font-size: 0.91666em;
    line-height: 0.5em;
}

div.ContentBoxEvents
{
    border: solid 1px #CCCCCC;
    background-color: #ECECEC;
    padding: 10px 10px 10px 10px;
}

div.ContentBoxEvents span.Header
{
    font-size: 1.1666em; 
    font-weight: bold;
    text-transform: uppercase;
    color: #777777;
}

div.ContentBoxEvents span.Section
{
    font-weight: bold;
    color: #215C24;
}

div.ContentBoxEvents ul
{
    margin-top: 10px;
    margin-left: 15px;
    margin-bottom: 0px;
}

div.ContentBoxEvents li
{
    line-height: 1.2em;
    margin-bottom: 3px;
}

div.ContentBoxEvents a:link
{
    color: #777777;
}


/****************************************************
 *  Slogan                                          *
 ****************************************************/
div.Slogan
{
    background-color: #4CAC2F;
    padding: 10px 10px 10px 10px;
    font-family: Times New Roman;
    font-size: 16px;
    text-align: center;
    text-transform: capitalize;
    font-variant:small-caps;
    color: #ffffff;
}

/****************************************************
 *  Main Menu                                       *
 ****************************************************/
div.Navigation
{
    margin-top: 5px;
    padding-bottom: 16px;
    border-bottom: dotted 1px #000000;
}

div.Navigation .RootMenuItem
{
    padding: 3px 5px 3px 5px;
    background-color: Green;
    background-image: url(Images/Backgrounds/navButtons.jpg);
    margin-left: 0px;
    color: #ffffff;
    text-align: center;
    border: double 3px silver;
}

div.Navigation .SubMenu
{
    background-color: #eeeeee;
    border-left: solid 1px #000000;
    border-top: solid 1px #000000;
    padding: 0px 0px 0px 0px;
}

div.Navigation .SubMenuItem
{
    padding: 3px 3px 3px 3px;   
    border-right: solid 1px #000000;
    border-bottom: solid 1px #000000; 
}

div.Navigation .SubMenuItem a:link,
div.Navigation .SubMenuItem a:visited
{
    color: #000000;
    text-decoration: none;
}

div.Navigation .SubMenuItem a:hover
{
    text-decoration: underline;
}

/****************************************************
 *  Folder Context Menu                             *
 ****************************************************/
div.FolderContextMenu
{
    background-color: #EEDE82;
    border: solid 1px #B8860B;
    padding: 5px 5px 5px 5px;
}

div.FolderContextMenu a:Link
{
    color: #000000;
    text-decoration: none;
}

div.FolderContextMenu a:Visited
{
    color: #555555;
    text-decoration: none;
}

div.FolderContextMenu a:Hover
{
    text-decoration: underline;
}

div.FolderContextMenu .Header
{
    font-weight: bold;
}

/****************************************************
 *  Calendar                                        *
 ****************************************************/
table.Calendar
{
    border-top: solid 1px silver;
    border-left: solid 1px silver;
}

table.Calendar th
{
    background-color: Black;
    text-align: left;
    color: White;
    padding: 2px 2px 2px 4px;
    border-right: solid 1px silver;
    border-bottom: solid 1px silver;
}

table.Calendar td
{
    padding: 2px 2px 2px 4px;   
    border-right: solid 1px silver;
    border-bottom: solid 1px silver; 
    vertical-align: top;
}

/****************************************************
 *  Press Releases                                  *
 ****************************************************/
div.PressRelease
{
    font-family: Times New Roman;
    font-size: 1.1333em;
}

div.PressRelease h1
{
    text-transform: none;
    font-size: 1.5em;
}

/****************************************************
 *  Photo Gallery                                   *
 ****************************************************/
 
table.PhotoGallery
{
}

table.PhotoGallery td
{
	width: 33%;
	text-align: center;
	background-color: silver;
	border: 1px solid #333333;
	padding: 10px 10px 10px 10px;
}


ul.PhotoGallery
{
	float: left;
	list-style: none;
	margin: 0;
	padding: 0;
}
li.PhotoItem
{
	float: left;
	margin: 0;
	padding: 0;
	background-color: Red;
}

li.PhotoItem div
{
	background-color: Silver;
	text-align: center;
}



div.PhotoContainer
{
	float: left;
	width: 200px;
	text-align: center;
	vertical-align: middle;
	
}

div.PhotoItem
{
	width: 150px;
	background-color: silver;
	border: 1px solid black;
	text-align: center;
	vertical-align: middle;
	padding: 10px 10px 10px 10px;
}
