/*================================================================================*/
/*    GraphicalXTS.css                         Last Revision: XTC88 2010/02/23    */
/*================================================================================*/


/*----Universal CSS White Space Reset----*/
* { padding: 0; margin: 0; }

/*----Standard white space rules----uncomment if needed----
h1, h2, h3, h4, h5, h6, p, pre, blockquote, label,
    ul, ol, dl, fieldset, address { margin: 1em 5%; }
li, dd { margin-left: 5%; }
fieldset { padding: .5em; } ----*/


/*--------------------------------------------------------------------------------*/
/*----styles for basic framework of every page------------------------------------*/
/*--------------------------------------------------------------------------------*/

div.Container {
    margin-top: 30px;
    height: 100%;
    width: 1006px; }

div.Logo {
    float: left;
    height: 125px;
    width: 200px;
    background-image: url(Graphics/LogoBackground01.jpg);
    background-color: #E0D8B0; }

div.Header { 
    font: 28px Tahoma, Arial, Helvetica, sans-serif;
    font-weight: bold;
    text-align: center;
    height: 125px;
    width: 800px;
    margin-left: 200px;
	margin-bottom: 3px;
    color: #584030;
    background-image: url(Graphics/HeaderBackground01.jpg);
    background-color: #B09870; }

div.Page {
    width: 1006px; 
    background-image: url(Graphics/MenuBackground01.jpg);
    background-repeat:repeat-y;
    background-color: #B09870; }

div.Menu { 
    float: left;
    text-align: left;
    width: 197px;
    background-image: url(Graphics/MenuBackground01.jpg);
    background-repeat:repeat-y;
    background-color: #B09870; }

div.Content {
    text-align: left;
    width: 800px; 
    margin-left: 197px;
	border-left: 3px solid #584030;
    background-color: #E0D8B0; }
	
div.Contact {
    float: left;
    font: italic 16px Tahoma, Arial, Helvetica, sans-serif;
    color: #685040;
    height: 85px;
    width: 200px;
	margin-top: 3px;
    background-image: url(Graphics/ContactBackground01.jpg);
    background-color: #E0D8B0; }

div.Footer { 
    font: 28px Tahoma, Arial, Helvetica, sans-serif;
    font-weight: bold;
    text-align: center;
    height: 85px;
    width: 800px;
    margin-left: 200px;
	margin-top: 3px;
    color: #584030;
    background-image: url(Graphics/FooterBackground01.jpg);
    background-color: #B09870; }

img.HeaderTitle {
    height: 125px;
    width: 800px; }

img.FooterContact {
    position: absolute;
    margin-top: 35px;
    right: 20px; }

	
/*--------------------------------------------------------------------------------*/
/*----basic styles For this site--------------------------------------------------*/
/*--------------------------------------------------------------------------------*/

p { margin-top: 1em; }
p.HalfHeight { margin-top: .5em; }
p.ThreeQuarterHeight { margin-top: .75em; }
p.OneAndAHalfHeight { margin-top: 1.5em; }
p.DoubleHeight { margin-top: 2em; }

img.Preload { display: none; }

body {
    font: 20px "Times New Roman", Times, serif;
    background-color: #584030; }

div.MainText {
    font: 20px "Times New Roman", Times, serif;
	padding-top: 20px;
    padding-left: 30px;
    padding-right: 20px; }

div.Quote {
    font: italic 18px "Times New Roman", Times, serif;
    padding-left: 50px;
    padding-right: 50px; }

div.SectionTitle {
    font: 22px Arial, Helvetica, sans-serif;
    margin-bottom: 8px; }

img.SectionIcon {
    vertical-align: middle;
    margin-left: 8px;
    margin-right: 8px;
    border: none; }

hr.Contact { margin: 2em 40px 10px 40px; }

a.Thumbnail150 {
    float: left;
    margin-left: 15px;
    margin-right: 15px;
    background-color: transparent;
    width: 150px; }

div.ThumbnailText {
    font: 18px "Times New Roman", Times, serif;
    height: 75px;
    margin-right: 15px; }

div.ThumbnailTitle { font: 19px Arial, Helvetica, san-serif; }

div.ThumbnailInfo { font: 18px Arial, Helvetica, san-serif; }

ul, ol { margin-left: 40px; margin-right: 30px; }

pre.Code { font: 17px "Courier New", Courier;
    margin-left: -2em;
    margin-right: 20px;
    margin-bottom: -1em; }

pre.SmallCode { font: 14px "Courier New", Courier;
    margin-left: -2em;
    margin-right: 20px;
    margin-bottom: -1em; }

/*--------------------------------------------------------------------------------*/
/*----styles below control the navigation menu buttons----------------------------*/
/*--------------------------------------------------------------------------------*/

a.MenuButLevel1, a.MenuButLevel1:hover, a.MenuButLevel1Sel {
    display: block;
	margin-top: 2px;
	padding-left: 8%;
    font: 19px Tahoma, Arial, Helvetica, sans-serif;
    text-decoration: none;
    line-height: 140%;
	border-bottom: 3px solid #584030;
    background-color: transparent;
    height: 30px;
    width: 92%; }

a.MenuButLevel1 {
    color: #584030; }

a.MenuButLevel1:hover, a.MenuButLevel1Sel {
    color: #E8E0B8; }

	
a.MenuButLevel2, a.MenuButLevel2:hover, a.MenuButLevel2Sel {
    display: block;
	margin-top: 2px;
	padding-left: 16%;
    font: 19px Tahoma, Arial, Helvetica, sans-serif;
    text-decoration: none;
    line-height: 140%;
	border-bottom: 3px solid #584030;
    background-color: transparent;
    height: 30px;
    width: 84%; }

a.MenuButLevel2 {
    color: #584030; }

a.MenuButLevel2:hover, a.MenuButLevel2Sel {
    color: #E8E0B8; }

	
a.MenuButLevel3, a.MenuButLevel3:hover, a.MenuButLevel3Sel {
    display: block;
	margin-top: 2px;
	padding-left: 24%;
    font: 19px Tahoma, Arial, Helvetica, sans-serif;
    text-decoration: none;
    line-height: 140%;
	border-bottom: 3px solid #584030;
    background-color: transparent;
    height: 30px;
    width: 76%; }

a.MenuButLevel3 {
    color: #584030; }

a.MenuButLevel3:hover, a.MenuButLevel3Sel {
    color: #E8E0B8; }