﻿body
{
    margin-left: auto;
    margin-right: auto;
    vertical-align: middle;
    background-color: #F5F5F5;
    margin: auto;
    
}

.outside
{
    width: 800px;
    margin: auto;
    text-align: center;
    background-color: White;
    background-image: none;
    border: 1px solid black;
    vertical-align: middle;
}

.header
{
    background-image: url("../images/banner_home.gif" );
    height: 100px;
    background-repeat: no-repeat;
    background-position: top;
    text-align: center;
}

.loginTemplate
{
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    background-color: #E6EBA9;
}

.content
{
}

.left
{
    float: left;
    width: 145px;
    text-align: center;
    background-color: #B5C7DE;
    
   
    
}

.centerPass
{
    margin-left: 300px;
    padding: 0px;
    height: inherit;
}

.leftPass
{
    float: left;
    margin-left: 10px;
    margin-right: inherit;
    background-color: transparent;
    margin-top: 10px;
    margin-bottom: 0px;
    margin-left: 5px;
    height: inherit;
}


.menuFooter
{
    clear: both;
    width: 145px;
    height: 20px;
    background-color: #284E98;
}

.inside
{
    float: right;
    width: 655px;
    margin-right: 5px;
    margin-top: 5px;
}

.middle
{
    float: left;
    width: 450px;
    text-align: left;
    padding: 10px;
}

.right
{
    float: right;
    width: 160px;
    margin-left: auto;
    margin-right: 0px;
    background: #fff;
}

.footer
{
    clear: both;
    width: 800px;
    height: 20px;
    background-color: #E6EBA9;
    font-size: 8pt;
    font-family: Verdana, arial;
}
.centered
{
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}
.digitalContent
{
    width: 450px;
    clear: both;
    margin-left: auto;
    margin-right: auto;
    background-image: url("/images/nav/new_home_bg_2.gif");
    background-repeat: repeat;
    vertical-align: middle;
    text-align: left;
}

.ufoheader
{
	height:100px;
	background-image:url("../images/banner_clubhouse.gif");
	background-repeat:no-repeat;
	background-position:top;
}

.digitalHeader
{
    clear: both;
    background-color: inherit;
    background-image: url("/images/top_orange.jpg");
    height: 20px;
}

.digitalCenter
{
    clear: both;
    vertical-align: middle;
    background: inherit;
    margin-left: 0px;
    margin-right: 0px;
    text-align: center;
}

.digitalCenterLeft
{
    float: left;
    width: 300px;
    height: 120px;
    background: inherit;
}

.digitalCenterRight
{
    text-align: left;
    float: left;
    width: 120px;
    vertical-align: middle;
}

.digitalFooter
{
    clear: both;
    background-color: #df9345;
    height: 20px;
}


.filmContent
{
    width: 450px;
    clear: both;
    margin-left: auto;
    margin-right: auto;
    background-image: url("/images/nav/bg6.gif");
    background-repeat: repeat;
    vertical-align: middle;
    text-align: left;
}

.filmHeader
{
    clear: both;
    background-image: url("/images/top_blue.jpg");
    background-color: #598ec0;
    height: 20px;
}

.filmCenter
{
    clear: both;
    vertical-align: middle;
    background: inherit;
}

.filmCenterLeft
{
    float: left;
    width: 300px;
    background: inherit;
}

.filmCenterRight
{
    text-align: left;
    float: left;
    width: 120px;
    vertical-align: middle;
}

.filmFooter
{
    clear: both;
    background-color: #598ec0;
    height: 20px;
}

p.blueFont
{
    font-family: Arial;
    color: White;
    font-size: 12px;
    margin: 10px;
}

p.orangeFont
{
    font-family: Arial;
    color: Black;
    font-size: 12px;
    margin: 10px;
}


strong.blueFont
{
    font-family: Arial;
    color: White;
    font-size: 16px;
    margin: 10px;
}

strong.orangeFont
{
    font-family: Arial;
    color: Black;
    font-size: 16px;
    margin: 10px;
}

.mainFont
{
    font-family: Arial;
    color: Navy;
    font-size: 13.5px;
    margin: 10px;
    text-align: justify;
}

.genericText
{
    font-size: medium;
    font-family: Arial;
    text-align: justify;
    vertical-align: middle;
}

.orderformheader
{
    background-image: url("../images/banner_home.gif" );
    height: 100px;
    background-repeat: no-repeat;
    background-position: top;
}


.orderformleft
{
    float: left;
    width: 360px;
    height: 260px;
    margin-left: 5px;
    margin-right: auto;
    margin-top: 10px;
    margin-bottom: 0px;
    background-color: #B5C7DE;
    border: 1px solid black;
    padding: 11px;
}

.orderformright
{
    float: right;
    width: 360px;
    height: 260px;
    margin-top: 10px;
    margin-bottom: 0px;
    margin-right: 5px;
    background-color: #B5C7DE;
    border: 1px solid black;
    padding: 11px;
}

.orderformtext
{
    font-family: Arial;
    font-size: 10pt;
    color: black;
    text-align: left;
}

.orderformheading
{
    font-family: Arial;
    font-size: 12pt;
    color: navy;
    text-align: left;
    font-weight: bold;
    font-style: italic;
}
.orderformbottomleft
{
    float: left;
    width: 360px;
    height: 205px;
    border: 1px solid black;
    margin-left: 5px;
    margin-top: 5px;
    margin-bottom: 5px;
    margin-right: auto;
    background-color: #FCDCA0;
    padding: 11px;
}

.orderformbottomright
{
    float: right;
    width: 360px;
    height: 205px;
    border: 1px solid black;
    margin-right: 5px;
    margin-bottom: 5px;
    margin-top: 5px;
    background-color: #FFD697;
    padding: 11px;
}


.orderformfooter
{
    clear: both;
    background-color: #598ec0;
    height: 20px;
    color: white;
    font-size: 8pt;
    font-family: arial;
    text-align: center;
}

.orderformtextbottom
{
    float: left;
    font-size: 8pt;
    font-family: Arial;
    font-weight: bold;
}

.howtotop
{
    margin-left: 10px;
    font-family: verdana, arial;
    font-size: 10pt;
    color: navy;
    text-align: left;
}



.howtoleft
{
    float: left;
    width: 250px;
    height: 350px;
    margin-left: 5px;
    margin-right: auto;
    margin-top: 0px;
    margin-bottom: 5px;
    background-color: #e6eba9;
    border: 1px solid black;
    padding: 10px;
    font-family: verdana,Arial;
    font-size: 10pt;
    color: navy;
    text-align: left;
}

.howtolist
{
    float: left;
    width: 360px;
    height: 370px;
    margin-left: 5px;
    margin-right: auto;
    margin-top: 0px;
    margin-bottom: 5px;
    background-color: white;
    border: 0px solid black;
    padding: 10px;
    font-family: verdana,Arial;
    font-size: 10pt;
    color: navy;
    text-align: left;
}

.howtoleftmain
{
    float: left;
    width: 510px;
    margin-left: 5px;
    margin-right: auto;
    margin-bottom: 5px;
    margin-top: 10px;
    font-family: verdana,arial;
    font-size: 10pt;
    color: navy;
    text-align: left;
}
.howtoright
{
    float: right;
    width: 400px;
    height: auto;
    margin-top: 10px;
    margin-bottom: 5px;
    margin-right: 5px;
    font-family: verdana,Arial;
    font-size: 10pt;
    color: navy;
    text-align: left;
    border: 1px solid black;
}

.howto
{
    float: left;
    height: auto;
    width: 752px;
    margin-left: 5px;
    margin-right: 5px;
    margin-top: 2px;
    margin-bottom: 2px;
    border: 0px solid black;
    padding: 5px;
    font-family: verdana,Arial;
    font-size: 10pt;
    color: navy;
    text-align: left;
}

.howtoinside
{
    float: left;
    height: auto;
    width: 495px;
    border: 1px solid black;
    padding: 10px;
    font-family: verdana,Arial;
    font-size: 10pt;
    color: black;
    text-align: left;
    margin-bottom: 5px;
}


.howtotext
{
    font-family: verdana,Arial;
    color: orange;
    font-size: 12pt;
    font-style: italic;
    font-weight: bold;
}


.howtoinsidefeature
{
    float: right;
    width: 200px;
    padding: 5px;
    border: 1px solid black;
    background-color: #ffffcc;
    text-align: center;
}

.howtoadd
{
    float: right;
    width: 495px;
    border: 1px solid black;
    margin-right: 5px;
}

.howtoall
{
    width: 750px;
    font-family: verdana, arial;
    font-size: 10pt;
    margin-left: 10px;
}
.howtolinks
{
    height: 15px;
    background-color: #e6eba9;
    font-family: verdana,arial;
    font-size: 10pt;
}

h1
{
    font-family: Arial;
    color: orange;
    font-size: 12pt;
    font-style: italic;
    font-weight: bold;
}


.text10
{
    font-family: Verdana, Arial, Helvetica;
    font-size: 10pt;
    color: #000000;
}

.text7
{
    font-family: Verdana, Arial, Helvetica;
    font-size: 7pt;
    color: #000000;
}
.text8
{
    font-family: Verdana, Arial, Helvetica;
    font-size: 8pt;
    color: #000000;
}

.text12
{
    font-family: Verdana, Arial, Helvetica;
    font-size: 12pt;
    color: navy;
    font-weight: bold;
}

.bigpondleft
{
    float: left;
    width: 570px;
    margin-left: 5px;
    font-family: verdana,arial, helvetica;
    font-size: 10pt;
}

.bigpondright
{
    float: right;
    width: 180px;
    margin-right: 5px;
}
.howleft

{
    float: left;
    width: 400px;
    text-align: left;
   
    
}

.howright

{
    float: right;
    width: 300px;
}

.howtotitle
{
    font-family: Verdana, Arial;
    color: orange;
    font-size: 11pt;
    font-style: italic;
    font-weight: bold;
}


