﻿body
{
    background: #FFFFFF;
    font-size: 0.8em;
    font-family: Arial, Sans-serif;
    width: 1200px;
    margin: 0px auto;
    text-align: left;
    /*background-image: url('../Images/Background.png');*/
    background-repeat: no-repeat;
    background-position: center top;
    color: #4c4c4c;
}

#pageborder
{
    width: 1000px;
    height: auto;
    margin-left: 100px;
    background-image: url('../Images/Shadow.png');
    background-repeat: repeat-y;
    background-position: center top;
}

#page
{
    width: 960px;
    height: auto;
    margin-left: 20px;
    background-color: #FFFFFF;

}

#header
{
    width: 100%;
    height: 200px;
    margin: auto;
    text-align: left;
    background-image: url('../Images/Header.png');
}

/*footer */
#footer .column {
    float: left;
    width: 25%;
}

#footer .column div {
    margin: 5px;
    height: 200px;
    background: #eeeeee;
}

#MainFooter {
	clear: left;
	margin-top: 15px;
	font-weight: bold;
	font-family: Arial, Sans-serif;
	font-size: 8px;
	text-align: right;
}

#close
{
    margin-left: 100px;
    height: 30px;
    background-image: url('../Images/ShadowClose.png');
    background-repeat: no-repeat;
}

img {border: none;}

/* Search Box */

#search
{
    background-image: url('../Images/SearchBar.png');
    background-repeat: no-repeat;
    width: 300px;
    height: 26px;
    position: relative;
    left: 650px;
    top: 10px;
}

.SearchBox
{
    position:relative;
    top: 3px;
    left: 10px;
    width: 145px;
    height: 14px;
    border: none;
}

.SearchButton
{
    position: relative;
    top: 2px;
    left: 14px;
    width: 55px;
    height: 19px;
    border: none;
    background-image: url('../Images/Search.png');
}

#FontS
{
    position: relative;
    top: 5px;
    left: 36px;
    height: 15px;
    width: 15px;
    border: none;
    }

#FontM
{
    position: relative;
    top: 5px;
    left: 33px;
    height: 15px;
    width: 15px;
    border: none;
}

#FontL
{
    border-style: none;
    position: relative;
    top: 5px;
    left: 33px;
    height: 15px;
    width: 15px;
    }
    
h1 {font-size: 2em; color: #ee2b53; font-weight: lighter; padding-top: 0; margin-top: 0;}
h2 {font-size: 1.7em; font-weight: lighter; color: #ee2b53;}
/*h3 {font-size: 1.3em; font-weight: bold; padding: 0; margin: 0; color: #17bde2;}*/
h3 {font-size: 1.3em; font-weight: bold; padding: 0; margin: 0; color: #ee2b53;}
h4 {font-size: 1.1em; font-weight: bold; padding: 0; margin: 0; color: #ee2b53;}
h5 {font-size: 1em; font-weight: bold; padding: 0; margin: 0;}
p {margin-top: 3px;}

.red {color: red;}

.sitemap {float:right; padding-top: 7px; color: #17bde2; font-size: small;}

#BodyContent {width:97%; height: inherit; padding: 10px 0px 5px 10px; min-height: 500px} /* background-image: url('../Images/page.png'); background-repeat: repeat-y;} */

#BodyContent .col1 {width: 580px; float: left;}
#BodyContent .col1 .cola {float:left; width: 280px;}
#BodyContent .col1 .colb {float:right; width: 280px;}
#BodyContent .col2 { width: 310px; float: right; } 
#BodyContent .col2 img {padding-top:20px; margin: 0px;}

.noindent
{ margin-left: 3px;
  padding-left: 12px;
}

li
{
    list-style-type: none;
    /*list-style-image: url('../Images/house.png');*/
}

#footer 
{
    padding-top: 30px; 
    text-align: center;
}

#footer .text  
{
    padding: 0; 
    font-size: .6em; 
}
#footer a 
{ 
    font-style: normal; 
    text-decoration: none; 
}

/* Site Navigation Menu */

#site-nav { clear:both; float:left; width: 100%; height: 50px; background-image: url('../Images/navbar.png'); background-color: #FFFFFF; }
#site-nav ul { width: 100%; padding: 0px; margin: 0 0 0 25px; font-weight: bold; font-size: 1.1em; }
#site-nav li { display: inline;  }
#site-nav li a {width: 130px; height: 42px; display: block; float: left; text-align: center; padding-top: 13px; color: #FFFFFF; text-decoration : none;}
#site-nav li a:hover {background-image: url('../Images/NavSelected.png'); background-repeat: no-repeat; }
.site-nav-act {background-image: url('../Images/NavSelected.png'); background-repeat: no-repeat; }

/* Site Navigation Menu 2 */

/*.site-nav2 { margin-left: 5%; width: 90%; padding-top: 7px;}*/
.site-nav2 { width: 97%; padding:  7px 0px 5px 10px; }
.site-nav2-act {color: #17bde2;}
.site-nav2-nact {color: #ee2b5e;}

#site-nav2 {clear: both; margin-top: 40px; width: 100%; height:26px; background-image: url('../Images/navbar2.png'); background-color: #FFFFFF; }
#site-nav2 ul {width: 100%; padding: 0px; font-weight: bold; font-size:small;}
#site-nav2 li {display: inline;}
#site-nav2 ul li:after {content: "\0020 \0020 \0020 \00BB \0020"; color: #17bde2; float: left; padding-top: 7px; margin-right: 10px;}
#site-nav2 ul li.last:after {content: "";}

#site-nav2 li a { height: 27px; display: block; float: left; text-align: left; padding-top: 7px; margin-right:10px; text-decoration : none;}
#site-nav2 li a:hover {background-image: url('../images/nav2selected.png'); background-repeat: no-repeat; color: #FFFFFF;}


/* IPAD FIXES */
 @media (max-width: 960px) {
/* Simplify the basic layout */
#main #content {margin: 2em auto;}




