em { font-style: italic; }
i  { font-style: italic; }
b  { font-weight: bold; }

html, body
{
    margin:0;
    padding:0;
    
    height: 100%; /* needed for container-main min-height */

    /* global font smoothing, shading */
    -webkit-font-smoothing: antialiased;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.004);
}
ul
{
    list-style: disc;
    padding-left: 20px;
}
::-moz-selection{ background: #00addd; /*turquoise*/; color:#fff; text-shadow: none; }
::selection { background:#00addd; /*turquoise*/; color:#fff; text-shadow: none; } 
.container-head
{
    z-index: 2;
    position: fixed;
    top: 0px;
    left: 0px;
    right: 0px;
    
    padding: 0px 100px; /* minimum border */
    background-color: #FFF;
    
    background-image: url('images/concrete-strip.jpg');
    background-repeat: repeat-x;
}
@font-face
{
    font-family: TwCenMTStd;
    src: url('fonts/280D40_0_0.eot');
    src: url('fonts/280D40_0_0.eot?#iefix') format('embedded-opentype'),
    url('fonts/280D40_0_0.woff') format('woff'),
    url('fonts/280D40_0_0.ttf') format('truetype');
    font-style: normal;
    font-weight: normal;
}
@font-face
{
    font-family: TwCenMTStd;
    src: url('fonts/280D40_0_0.eot');
    src: url('fonts/280D40_0_0.eot?#iefix') format('embedded-opentype'),
    url('fonts/280D40_0_0.woff') format('woff'),
    url('fonts/280D40_0_0.ttf') format('truetype');
    font-style: normal;
    font-weight: bold;
}
.sans-serif
{
    font-family: 'TW Cen MT', TwCenMTStd, sans-serif;
}
.container-main
{
    z-index: 1;
    position: relative;

    min-height: 100%; /* background should at least take up the page */

    background-image: url('images/bg.jpg');
    background-position: 180px 0;

    padding: 0px 100px; /* minimum border */
}

.content-center
{
    margin: 0px auto;
    min-width: 800px;
    max-width: 1200px;
}
.content-shadow
{
    position: relative; /* needed for absolute footer positioning */
    
    /*background-color: #FFF;*/
    background-image: url('images/alpha.png');

    /* horizontal, vertical, blur, spread */
    -moz-box-shadow: 0px 5px 20px #CCC;
    -webkit-box-shadow: 5px 0px 20px #CCC;
    box-shadow: 0px 5px 20px #CCC;
}
.content-space
{
    /* spacer outside the shadow box, but inside the
       100%-height container, to prevent unneeded scrollbars */
    padding-bottom: 100px;
}
.back-to-top
{
    z-index: 3;
    position: fixed;
    right: 20px;
    bottom: 20px;
    
    display: none;
    cursor: hand;
    cursor: pointer;
    /*
    width: 120px;
    height: 120px;
    */
}
/*
.back-to-top img
{
    position: absolute;
    top: 0; 
    left: 0;
}
*/

.content-head
{
    padding: 30px 30px 40px 30px;

}
.content-main
{
    z-index: 1;
    
    /* padding-top    should be > header (85px) */
    /* padding-bottom should be > footer (60px) */
    padding: 100px 30px 60px 30px;

    text-align: justify; 
    font-family: Georgia, Cambria,"New Century Schoolbook", "Century Schoolbook L", "Times New Roman", serif;
    font-size: 14px;
    line-height:130%;
}

.content-main a
{
    text-decoration: none;
    color: #00addd; /*turquoise*/
}
.content-main a:hover
{
    color: #12ccff; /*lightturquoise*/
}

.content-foot
{
    z-index: 2;
    position: absolute;
    bottom: 0px;
    left: 0px;
    right: 0px;
    padding: 30px 30px 10px 30px;
    height: 20px;
    text-align: center;
}
.content-head .head-title
{
    font-weight: 700;
    font-size: 24px;
    float: left;
}
.content-head .head-title a
{
    color: #000;
    text-decoration: none;
    padding: 2px 8px;
    transition-property:background-color 0.4s, color 0.1s;
    /* Firefox 4 */
    -moz-transition:background-color 0.4s, color 0.1s;
    /* Safari and Chrome */
    -webkit-transition:background-color 0.4s, color 0.1s;
    /* Opera */
    -o-transition:background-color 0.4s, color 0.1s;
}
.content-head .head-title a:hover
{
    background-color: #e7be00; /*yellow*/
    color: #ffffff; /*white*/
}
.content-head .head-links
{
    font-weight: 400;
    line-height: 20px;
    font-size: 16px;
    text-transform: uppercase;
    float: right;
}
.content-head .head-line
{
    clear: both;
    padding-top: 10px;
    border-bottom: 1px solid #CCC;
}
.content-head .head-links a
{
    color: #000;
    text-decoration: none;
    margin-left: 20px;
    padding: 2px 6px;
    transition-property:background-color .4s;
    /* Firefox 4 */
    -moz-transition:background-color .4s;
    /* Safari and Chrome */
    -webkit-transition:background-color .4s;
    /* Opera */
    -o-transition:background-color .4s;
}
.content-head .head-links a:hover
{
    /*text-decoration: underline;*/
    background-color: #e7be00; /* yellow */
}
 
.content-foot
{
    font-weight: 400;
    text-transform: uppercase;
    font-size: 11px;
}
.pic
{
    width: auto !important; /*override the width below*/
    width: 100%;
    max-width: 100%;
    min-width: 100%;
}
.line
{
    padding-top: 40px;
    border-bottom: 4px solid #d9d4cb; /*warmgray*/
    margin-bottom: 20px;
}
.box-container
{
    width: 100%;
    height: 270px;
    padding-bottom: 20px;
    padding-top: 20px;
    clear: both;
}
.box
{
    height: 100%;
    /*border:1px solid #CCC;*/
}
.box-left
{
    float: left;
}
.box-right
{
    float: right;
}
.box-onethird
{
    height: 100%;
    width: 32%;
}
.box-twothirds
{
    height: 100%;
    width: 66%;
}
.box1
{
    width: 32%;
    float: left;
}
.box2
{
    height: 100%;
    width: 66%;
    float: right;
}
.box3
{
    width: 48.5%;
    float: left;
}
.box4
{
    width: 48.5%;
    float: right;
}

.p-left
{
    text-align: left;
}
.box-text
{
    text-align: left;
    font-family: 'TW Cen MT', TwCenMTStd, sans-serif;
    font-weight: 400;
    font-size: 20px;
    line-height:20px;
    color: #ffffff;
    text-transform: uppercase;
    margin-left: 15px;
}
.box-sub
{
    text-align: center;
    font-family: Georgia, Cambria,"New Century Schoolbook", "Century Schoolbook L", "Times New Roman", serif;
    font-weight: 400;
    font-size: 18px;
    color: #ffffff;
    margin-top: 14px;
    font-style: italic;
    text-shadow: none;
}

.box-shadow
{
    /* horizontal, vertical, blur, spread 
 	-moz-box-shadow: inset 0 0 0 5px  #ffffff;
	-webkit-box-shadow: inset 0 0 0 5px  #ffffff;
	box-shadow: inset 0 0 0 5px  #ffffff;*/
}

.box-shadow a
{
    transition-property:background-color .4s;
    /* Firefox 4 */
    -moz-transition:background-color .4s;
    /* Safari and Chrome */
    -webkit-transition:background-color .4s;
    /* Opera */
    -o-transition:background-color .4s;
}

.box-container a:hover .strip
{
    background-color: #cd524b; 
}

.box-container a .strip
{
    transition-property:background-color .4s;
    /* Firefox 4 */
    -moz-transition:background-color .4s;
    /* Safari and Chrome */
    -webkit-transition:background-color .4s;
    /* Opera */
    -o-transition:background-color .4s;
}
.strip
{
    width: 100%;
    height: 35px; 
    padding-top: 15px;
    margin-top: 220px;
}
.header1
{
    text-align: left;
    font-family: 'TW Cen MT', TwCenMTStd, sans-serif;
    font-weight: 400;
    font-size: 24px;
    color: #000;
    text-transform: uppercase;
    /*margin-top: 50px;*/
    margin-bottom: 20px;
    line-height:110%;
}

.header2
{
    text-align: left;
    font-family: Georgia, Cambria,"New Century Schoolbook", "Century Schoolbook L", "Times New Roman", serif;
    font-weight: 400;
    font-size: 20px;
    line-height: 120%;
    color: #a3a09a; /*putty*/
    font-style: italic;
    padding: 15px 0px;
}
.header3
{
    text-align: left;
    font-family: Georgia, Cambria,"New Century Schoolbook", "Century Schoolbook L", "Times New Roman", serif;
    font-size: 11px;
    font-style: italic;
    text-shadow: none;
}

.col-container
{
    width: 100%;
    clear: both;
}

.col1
{
    width: 48%;
    float: left;
}
.col2
{
    width: 48%;
    float: right;
}


