/* elements */
html,
body 
{   
    height: 100%;
    margin: 0;
    padding: 0;
    font-family: Arial, 'Times New Roman';
    font-size: 12px;
}

body 
{
    background-image: url(../images/squairy_light.png);
    background-repeat: repeat-x repeat-y;
    background-color: #FFFFFF;
}

/* classes */
.head { color: #925300; font-style: normal; font-weight: bold; font-size: 16px; text-transform: uppercase; text-align: left; }
.subhead { color: #036; font-style: normal; font-weight: bold; font-size: 14px; text-transform: capitalize }
.page_copy_bold { font-weight: bold; }
.page_copy_indented { margin-left: 40px }
.page_copy_italic { font-style: italic; }
.page_copy_bold_italic { font-style: italic; font-weight: bold; }
.bottom_nav { font-size: 12px; font-weight: bold; }
.bottom_nav a { color: #000066; font-weight: bold; }
.bottom_nav a:hover { color: #FFFFFF; }
.copyright  { font-size: 10px; color: #000066; }

.spanHeader 
{
    float: left;
    color: #FFFFFF;
    font-weight: bold;
    text-transform: uppercase;
    padding: 4px;
    font-size: x-large;
    margin-top: 30px;
    margin-bottom: 30px;
}

.spanHeader2
{
    color: #FFFFFF;
    font-weight: bold;
    text-transform: uppercase;
    padding: 4px;
    font-size: x-large;
    margin-left: 30px;
}

a
{
	color:#003366;
}

.top-rounded-corners 
{
    height: 100px;
    background-color: #000042; /*#6D4A1B; #FFCF79;*/ 
    -webkit-border-top-left-radius: 20px;
    -webkit-border-top-right-radius: 20px;
    -moz-border-radius-topleft: 20px;
    -moz-border-radius-topright: 20px;
    border-radius: 20px 20px 0px 0px;
}

.bottom-rounded-corners 
{
    height: 100px;
    background-color: #000042; /*#6D4A1B; #FFCF79;*/ 
    -webkit-border-bottom-right-radius: 20px;
    -webkit-border-bottom-left-radius: 20px;
    -moz-border-radius-bottomright: 20px;
    -moz-border-radius-bottomleft: 20px;
    border-radius: 0px 0px 20px 20px;
}

#centeredmenu 
{
   float: left;
   width: 100%;
   background-color: #E1E1E1;
   overflow: hidden;
   position: relative;
   border-bottom: 3px solid #CACACA;
   border-top: 2px solid #E1E1E1;
}

#centeredmenu ul 
{
   clear: left;
   float: left;
   list-style: none;
   margin: 0;
   padding: 0;
   position: relative;
   left: 50%;
}

#centeredmenu ul li
{
   display: block;
   float: left;
   list-style: none;
   margin: 0;
   padding: 0;
   position: relative;
   right: 50%;
   font-size: 13px;
   line-height: 30px;
   background: #CACACA;
   border-left: 1px solid #BABABA;
   border-right: 1px solid #D9D9D9;
}

#centeredmenu ul li a 
{
   display: block;
   color: #000066;
   text-decoration: none;
   font-weight: bold;
   padding: 0px 9px;
}

#centeredmenu ul li a:hover,
#centeredmenu ul li:hover,
#centeredmenu ul li.selected
{
   color: #FFFFFF;
   background: #000066 url(images/navicon.gif) bottom center no-repeat;
}

#centeredmenu ul li:hover a,
#centeredmenu ul li.selected a
{
   color: #FFFFFF;
}

#Header 
{
    width: 100%;
    height: 85px;
    background-image: url(images/CraigheadHeaderBG2.gif);
    background-repeat: repeat-x;
    background-color: #000066;
    color: #FFFFFF;
    font-weight: bolder;
}

.Footer 
{ 
    position: relative;
    margin-top: -75px; /* negative value of footer height */
    padding-top: 20px;
	clear:both;
    width: 100%;
    text-align: center;
    height: 75px;
    background-color: #999999;
      
    /* 
    clear: both;
    width: 100%;
    text-align: center;
    height: 75px;
    background-color: #999999;
    position: fixed;
    bottom: 0;
    */
}

.divFooterLinks 
{
    text-align: center;
}

.divFooterCopyright 
{
    text-align: center;
}

#divFullPage 
{
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    min-height: 100%;
}

.spaceFiller
{
    background-color: #FFFFFF;
    width: 800px;
    min-height: 100%; 
    height: auto !important; /*Cause footer to stick to bottom in IE 6*/
    height: 100%; 
    margin: 0 auto -75px; /*Allow for footer height*/
    vertical-align:bottom;
}

.divContent 
{
    height: 70%;
    width: 800px !important;
    background-color: #FFFFFF; 
    padding: 20px;
    overflow: auto;
    padding-bottom: 100px;
    position: relative;
    border-left: 3px solid #CACACA;
    border-right: 3px solid #CACACA;
    border-bottom: 3px solid #CACACA;
    text-align: left;
    /*
    position: absolute;
    top: 175px;
    bottom: 0px;
    left: 25%;
    right: 25%; */
}

.filler 
{
    height: 300px;
    background-color: #FFFFFF;
    border: 4px solid black;
}

.FAQ_Links li
{
    list-style-type: none;
    list-style-image: url(images/bullet-orange-arrows.gif);
}

.PersonalPropertyList li 
{
    list-style-image: url(images/bullet-point.gif);
    list-style-type: none;
}

.ContentHeader
{
    background-color: #C88832;
    color: #FFFFFF;
    font-weight: bold;
    font-size: 14px;
    display: block;
    padding: 3px;
    padding-left: 10px;
    margin-top: 20px;
}

.ContentBody
{
    background-color: #FFFFFF;
    padding: 12px;
    border-left: 3px solid #CACACA;
    border-right: 3px solid #CACACA;
    border-bottom: 3px solid #CACACA;
    margin-bottom: 40px;
    overflow: auto;
}

.ContentBody ul li 
{
    list-style-image: url(images/bullet-point.gif);
    list-style-type: none;
    font-size: 12px;
}

.SubContentHeader
{
    background-color: #925300;
    color: #FFFFFF;
    font-weight: bold;
    font-size: 14px;
    display: block;
    padding: 3px;
    padding-left: 10px;
    margin-top: 20px;
}

.SubContentBody
{
    background-color: #FFFFFF;
    padding: 12px;
    border-left: 3px solid #CACACA;
    border-right: 3px solid #CACACA;
    border-bottom: 3px solid #CACACA;
    margin-bottom: 40px;
    overflow: auto;
}

.SubContentBody ul li 
{
    list-style-image: url(images/bullet-point.gif);
    list-style-type: none;
    font-size: 12px;
}

.NewsHeader
{
    position: relative;
    background-color: #000042;
    color: #FFFFFF;
    font-weight: bold;
    font-size: 14px;
    padding: 3px;
    padding-left: 10px;
    margin-top: 20px;
}

.NewsBody
{
    position: relative;
    background-color: #FFFFFF;
    padding: 12px;
    border-left: 3px solid #CACACA;
    border-right: 3px solid #CACACA;
    border-bottom: 3px solid #CACACA;
    margin-bottom: 40px;
    overflow: auto;
}