/* ==================================================== */
/* Style sheet for EXISTING Strataman.com.au website    */
/* Last updated: 2017 December 14th                     */
/* ==================================================== */
/* <!-- */

/* ==================================================== */
/* Most sizing done in EM's where 1em = 16px (approx)   */
/*                             0.75em = 12px (approx)   */
/*                             0.50em =  8px (approx)   */
/*                             0.25em =  4px (approx)   */
/*                             0.12em =  2px (approx)   */
/*                             0.06em =  1px (approx)   */
/* Height measurements done in PX's                     */
/* Width  measurements done in %'s                      */
/* ==================================================== */

body       {background:     White;
            border:         none;  /* Removes border around viewport in old IE versions */
            color:          Black;
            font-family:    verdana, arial, helvetica;
            font-size:      small; /* set FONT SIZE to 90% of browser's BASE font size */
            height:         100%;
            margin:         0em;   /* set ALL default margin settings to ZERO  */
            padding:        0em;   /* set ALL default padding settings to ZERO */
            width:          100%;
            }

/* ================================================= */
/*  Generic "Blockquote" settings                    */
/* ================================================= */
blockquote  {
            background-color:   LemonChiffon;
            border:             0.12em solid DarkGreen;
            margin:             0.12em 0em 1em 5.5%;
            padding-left:       0em;
            padding-right:      1em;
            width:              85%;
            }

blockquote  a.expocsm           {
            margin:             5px 0em 5px 36.0%;}      /* TRBL - keep image centred within blockquote borders */
blockquote  a:hover.expocsm     {
            margin:             5px 0em 5px 36.0%;}      /* TRBL - keep image centered within blockquote borders */
            
/* ==================================================*/
/* MENU COLUMN Register Now button settings          */
/* last updated: 12th Dec 2017                       */
/* ==================================================*/
a:hover.menuregister {background-color: #FFFACD !important;
                      border: none !important;}
blockquote.menuregister {width: 60%;}

/* ================================================= */
/*  Column 1 (Content) "Blockquote" settings         */
/* ================================================= */
.col1 blockquote h2,
.col1 blockquote h3,
.col1 blockquote h4  {
            margin:             0.0em 1.2em 0.0em 1.2em;}       /* TRBL */

.col1 blockquote p {margin:     1.0em 1.2em 1.0em 2.0em;}       /* TRBL */

.col1 blockquote p a {
            font-size:          small;
            font-weight:        bold;
            padding:            0.10em 0.15em 0.10em 0.15em;    /* TRBL */
            }

.col1 blockquote.nestedquote {
            background-color:   PaleGoldenRod;
            font-family:        arial, verdana, helvetica;;
            font-style:         italic;
            padding:            0.5em 1em 0.5em 1em;            /* TRBL */
            margin-left:        auto;
            margin-right:       auto;
            }

.col1 blockquote.stratamantalk {
            background-color:   white;                          /* remove border for chat */
            border:             none;
            color:              black;
            font-family:        Comic Sans MS, cursive, sans-serif;
            font-size:          15px;
            font-style:         italic;
            padding:            0.5em 1.0em 0.5em 1.0em;        /* TRBL */
            width:              70%;        /* needs to be smaller than 'blockquote' due to font size */
            }

.col1 blockquote.newsite       {
            background-color:   cornflowerblue;                        
            border:             0.2em solid black;
            color:              white;
            font-family:        trebuchet MS, tahoma, helvetica, sans-serif;
            font-size:          1.25em;
            font-style:         italic;
            padding:            0.5em 1.0em 0.5em 1.0em;        /* TRBL */
            width:              66%;        
            }
            
.col1 blockquote.newsite a:hover {background-color: cornflowerblue !important;}

/* ================================================== */
/* Column 1 (Content) "DIYTABLE" section settings     */
/* ================================================== */
.col1 #diytable table {
	        background-color:   Khaki;
            border:             0.75em solid DarkGreen;
            border-collapse:    collapse;
            font-family:        Arial, verdana, helvetica, serif;
            width:              85%;
            }

.col1 #diytable td    {
            padding:            0.3em 0em 0.3em 0.75em;        /* TRBL */
            }

.col1 #diytable td span {
            font-size:          1.30em;
            font-weight:        bold;
            }


.col1 #diytable th    {
	        background-color:   LemonChiffon;
            border-bottom:      0.15em solid Darkgreen;
            font-size:          1.45em;
            font-weight:        bold;
            }

.asterisks {
            color:              Firebrick;
            font-size:          1.30em;
            font-weight:        bold;
            margin-left:        5.5%;
            }

/* ================================================== */
/* Column 1 (Content) "TERMINTABLE" section settings  */
/* ================================================== */
.col1 #termintable {
            border-color:       SeaGreen;
            border-style:       solid;
            border-width:       0.25em;
            margin-left:        auto;
            margin-right:       auto;
            width:              75%;
            }

.col1 #termintable td    {
            background-color:   LemonChiffon;
            border-color:       SeaGreen;
            border-style:       solid;
            border-width:       0.25em;
            }

/* ================================================== */
/* Column 1 (Content) "FAQ" section settings          */
/* ================================================== */
.col1 #faqs p span   {
	        color:          SlateGray;
            font-family:    tahoma, helvetica, sans-serif;
            font-size:      1.1em;
            font-style:     italic;
            font-weight:    bold;
            margin-bottom:  2em;
            }

.col1 #faqs ul li {
            font-weight:    bold;
            color:          SlateGray;
            }

.col1 #faqs ul li a:link,
.col1 #faqs ul li a:visited
            {color:         SlateGray;}

.col1 #faqs ul li a:hover
            {background:    white;
            border-style:   none;
            color:          darkgreen;
            text-decoration:underline;}

.col1 #faqs blockquote ul li a:link,
.col1 #faqs blockquote ul li a:visited
            {color:         darkgreen;}

.col1 #faqs blockquote ul li a:hover{
            background:     DarkSeaGreen;
            border:         none;
            color: 	        Black;
            text-decoration:none;
            }

/* ================================================== */
/* Column 1 (Content) specific tag settings           */
/* ================================================== */

.col1 p     {margin:        0.5em 4.5% 1.0em 5.5%;}    /* TRBL-central content block */
.col1 ul    {margin-top:    -0.2em;}

.col1 ul li {margin:        0.3em 5% 0.3em 5.5%;       /* TRBL-central content block UL & LI */
            padding:        0.0em 0.0em 0.0em 0.10em;} /* TRBL-LEFT is gap between DOT&Text */

/* =================================================  */
/* Column 1 (Content) common link formatting          */
/* =================================================  */
.col1 a     {
            font-weight:    bold;
            text-decoration:none;
            }

.col1 a:link,
.col1 a:visited {color:     Darkgreen;}                /* keep same color as link for now */

.col1 a:hover{
            background:     DarkSeaGreen;
            border:         none;
            color: 	        Black;
            }

/* ================================================== */
/* Column 2 (Nav block) specific tag settings         */
/* ================================================== */
.col2 p         {margin:    0.5em 0em 1.2em 0em;}         /* TRBL - Lefthand NAV block */
.col2 span a    {padding:   0em 0.5em 0.05em 0.1em;}      /* TRBL - padding for Nav links*/

/* ================================================== */
/* Pagebottom specific tag settings                   */
/* ================================================== */
#pagebottom p {
	        color:          DarkSlateGray;
            font-family:    arial, verdana, helvetica;
            font-size:      x-small;
            margin:         1.0em 4.4% 1.0em 5.5%;}       /* TRBL */

/* ================================================= */
/*  Heading controls                                 */
/* ================================================= */
h1, h2, h3, h4, h5 {
	        color:          SlateGray;
            margin:         1.2em 0em -0.3em 5.5%;        /* TRBL - nonhighlighted heading*/
            }

h1          {font-size:     1.5em;}    /* large headings - currently set to same as medium */
h2          {font-size:     1.5em;}    /* medium headings */
h3          {font-size:     1.3em;}    /* minor headings  */
h4          {font-size:     1.15em;}   /* mini headings   */
h5          {font-size:     small;}    /* standard text-size headings  */

/* ================================================= */
/*  Content Headings when paragragh break not wanted */
/* ================================================= */
.heading    {
            background:     DarkSeaGreen;
            border-color:   DarkGreen;                      /* border display test */
            border-style:   solid;                          /* border display test */
            border-width:   0.05em;                         /* border display test */
            color:          DarkSlateGray;
            display:        block;
            font-weight:    bold;
            margin:         0em 4.5% -0.3em 5.5%;           /* TRBL - highlighted heading*/
            padding:        0.12em 0.25em 0.12em 0.25em;    /* TRBL */
            }

/* ================================================= */
/*  Headings & Text formatting for JOBS section      */
/* ================================================= */

.jobheading {
            color:          SlateGray;
            font-family:    arial, verdana, helvetica, sans-serif;
            font-size:      1.4em;                                  /* different text size */
            font-style:     italic;
            font-weight:    bold;
            }

.jobheading-m  {
            color:          SlateGray;
            font-family:    arial, verdana, helvetica, sans-serif;
            font-size:      1.3em;                                  /* different text size */
            font-style:     italic;
            font-weight:    bold;
            }

.jobtext    {
            color:          black;
            font-family:    arial, verdana, helvetica, sans-serif;
            font-size:      1.3em;
            font-style:     normal;
            font-weight:    normal;
            }

/* ================================================= */
form hr     {
            height:         2px;
            border-width:   2px 0 0 0;  /* TRBL - remove all borders except the top one */
            border-style:   solid;
            border-color:   DarkGreen;  /* needed to make non-IE browsers color line */
            color:          DarkGreen;  /* needed to make IE color the line */
            margin:         0.0em auto 0.0em auto; /* TRBL - horizontal line - only valid for IE */
            width:          91%;        /* spread HR line for form */
            }

hr          {                           /* different browsers require different settings */
            height:         1px;
            border-width:   1px 0 0 0;  /* TRBL - remove all borders except the top one */
            border-style:   solid;
            border-color:   Gold;       /* needed to make non-IE browsers color line */
            color:          Gold;       /* needed to make IE color the line */
            margin:         0.0em auto 0.0em auto; /* TRBL - horizontal line - only valid for IE */
            width:          90%;
            }

ul li a     {padding:       0.10em;}    /* pad out all UL links a little */

/* ================================================= */
/* Common LINK controls and formatting               */
/* ================================================= */
a           {
            font-weight:  	    700;
            padding:            0em 0.05em 0.05em 0.05em;   /* TRBL */
            text-decoration:    none;
            }

a:active    {outline:           none;}      /* removes dotted outlines on links */
a:focus     {-moz-outline-style:none;}      /* removes dotted outlines on links for Firefox */

a:link      {color:             Black;}
a:visited   {color: 		    Black;}     /* keep same color as link for now */

a:hover     {
            background:  	    DarkSeaGreen;
            border-style:       Solid;
            border-width:       0.08em;
            border-color:       Black:
            color:       	    DarkSlateGray;
            }

/* ============================================================================== */
/* Rollover controls for 'Experience OConnors' links for ALL pages                */
/* ============================================================================== */
a.hexpocsm  {
            background:     url(images/home_03.jpg) no-repeat;
            border-style:   none;
            margin-top:     -10%;           /* distance from image just above */
            margin-left:    40%;
            position:       absolute;       /* required to make image appear */
            text-decoration:none;
            height:         64px;           /* image size slightly reduced */
            width:          272px;
            }                               /* for Home Page Only */

a:hover.hexpocsm
            {background:    url(images/home_03.jpg) no-repeat;}    /* same image for hover on Home Page */

a.expocsm   {
            background:     url(images/icon2.jpg) no-repeat;
            border:         none;
            display:        block;          /* required to make image appear */
            margin-left:    5%;
            text-decoration:none;           /* stops dotted lines in firefox */
            height:         47px;           /* image size slightly reduced */
            width:          199px;
            }
a:hover.expocsm
            {background:    url(images/icon2.jpg) no-repeat;}       /* same image for hover */

/* ================================================= */
/* Controls for 'OConnors' banner link               */
/* ================================================= */
.ocsmlink  {
           background-color:#00ADEF;
           border:          0.02em solid Navy;
           color:           white;
           font-weight:     bold;
           height:          70px;
           margin-left:     9%;
           padding-top:     0.3em;
           width:           82%;
           text-align:      center;
           }

.ocsmlink a:link   {color:  White;}
.ocsmlink a:visited{color:  White;}         /* keep same color as link for now */
.ocsmlink a:hover  {
            background-color:   RoyalBlue;
            border:             none;
            color:              white;
            padding:            0em 0.3em 0em 0.3em;      /* TRBL */
            }

/* ================================================= */
/*  Miscellaneous Formatting                         */
/* ================================================= */
.centerelement  {
            margin-left:    auto;
            margin-right:   auto;}          /* center an element */

.floatleft {float:          left;}
.floatright{float:          right;}

.indentedwidth{width:       73.35%}         /* used to manage width of some headings & text */

.leftmargin {margin-left:   5.5%;}          /* used to LEFT indent some text */
.rightmargin{margin-right:  5.0%;}          /* used to RIGHT indent some text  */

.padit2     {padding:       0.15em 0.15em 0.15em 0.15em;}    /* TRBL - extra padding */

.reducegap    {margin-top:  -2px;}          /* used to reduce excessive gap between text */
.reducemargin {margin-left: -1px}           /* used to reduce gap on left margin for Col2 */

.txtcenter  {text-align:    center;}
.txtleft    {text-align:    left;}
.txtright   {text-align:    right;}

/* ================================================= */
/*  Font family, weight, colors, styles and sizes    */
/* ================================================= */
.arial 	    {font-family:   arial, verdana, helvetica, sans-serif;}
.verdana    {font-family:   verdana, arial, helvetica, sans-serif;}
.trebuchet  {font-family:   trebuchet MS, tahoma, helvetica, sans-serif;}
.tahoma     {font-family:   tahoma, arial, helvetica, sans-serif;}
.comicsans  {font-family:   Comic Sans MS, cursive, sans-serif;}

.bold	    {font-weight:   bold;}
.bolder	    {font-weight:   800;}
.normalw    {font-weight:   normal;}

.black      {color:	        Black;}
.dblue      {color:         Navy;}
.dgray      {color:         DarkSlateGray;}
.dgreen	    {color:	        DarkGreen;}
.dred	    {color:	        FireBrick;}
.gold	    {color:         Gold;}
.gray       {color:         SlateGray;}

.italic     {font-style:    italic;}
.normal     {font-style:    normal;}

.xlarge     {font-size:     2.0em;}
.large      {font-size:     large;}
.medium     {font-size:     medium;}
.small      {font-size:     small;}
.xsmall     {font-size:     x-small;}

/* ================================================= */
/*  Miscellaneous image controls                     */
/* ================================================= */
img         {border:        none;}

.indeximg   {
            margin-bottom:  10px;
            margin-top:     10px;
            }

.indeximgerror {
            color:          #fbc629;
            background:     #04823f;
            border:         3px solid #006731;
            }

.rhimages   {
            float:          right;
            margin-top:     -10px;          /* riase RH images just a little */
            padding-right:  5px;            /* bring the images in a little on the right */
            }

.logo       {/*border: 1px solid red;*/
            margin-left:    4%;
            margin-top:     20px;
            }

.stratamanballoon{/*border: 1px solid red;*/
            display: block;
            margin-bottom:  -4px;
            margin-left:    20%;
            }

.stratamanballoon-2{/*border: 1px solid red;*/
            display: block;
            margin-bottom:  20px;
            margin-left:    20.20%;         /* a little futher right to lineup in firefox */
            }

/* ================================================= */
/* main images to preload on each page load          */
/* ================================================= */
.preloadimages                              /* used to speed up loading of site pages */
            {
            position:       absolute;
            top:            -1000px;        /* position preloaded images OFF viewport */
            height:         5px;            /* keep sizes small so browsers will preload images into cache */
            width:          5px;
            overflow:       hidden;         /* hide any overflow to avoid browser errors - just to be safe */
            background:     url(images/strataman2.jpg)          no-repeat;
            background:     url(images/home_01.jpg)             no-repeat;
            background:     url(images/home_02.jpg)             no-repeat;
            background:     url(images/home_03.jpg)             no-repeat;
            background:     url(images/icon2.jpg)               no-repeat;
            background:     url(images/icon2_o.jpg)             no-repeat;
            background:     url(images/silver.gif)              no-repeat;
            background:     url(images/smcome.gif)              no-repeat;
            background:     url(images/smhead.gif)              no-repeat;
            background:     url(images/smread.gif)              no-repeat;
            background:     url(images/smreverse.gif)           no-repeat;
            background:     url(images/smscratch.gif)           no-repeat;
            background:     url(images/smstop.gif)              no-repeat;
            background:     url(images/smstop.gif)              no-repeat;
            background:     url(images/stratalo.gif)            no-repeat;
            background:     url(images/STM-RegisterNow-5.png)   no-repeat;
            background:     url(images/OConnorsLogo.png)        no-repeat;
            }
/* ================================================= */

/* ================================================= */
/* Current page highlight classes for Menu items     */
/* ================================================= */
body#wp-home        .col2 span p a.home,
body#wp-whatis      .col2 span p a.whatis,
body#wp-terms       .col2 span p a.terms,
body#wp-faq         .col2 span p a.faq,
body#wp-diy         .col2 span p a.diy,
body#wp-ezine       .col2 span p a.ezine,
body#wp-links       .col2 span p a.links,
body#wp-reforms     .col2 span p a.reforms,
body#wp-buy         .col2 span p a.buy,
body#wp-buyotp      .col2 span p a.buyotp,
body#wp-bylaws      .col2 span p a.bylaws,
body#wp-community   .col2 span p a.community,
body#wp-compliance  .col2 span p a.compliance,
body#wp-strcom      .col2 span p a.strcom,
body#wp-hcbf        .col2 span p a.hcbf,
body#wp-insure      .col2 span p a.insure,
body#wp-legal       .col2 span p a.legal,
body#wp-levies      .col2 span p a.levies,
body#wp-meetings    .col2 span p a.meetings,
body#wp-repairs     .col2 span p a.repairs,
body#wp-ownerscorp  .col2 span p a.ownerscorp,
body#wp-ppmaint     .col2 span p a.ppmaint,
body#wp-records     .col2 span p a.records,
body#wp-disputes    .col2 span p a.disputes,
body#wp-smllge      .col2 span p a.smllge,
body#wp-finance     .col2 span p a.finance,
body#wp-sma         .col2 span p a.sma,
body#wp-trades      .col2 span p a.trades,
body#wp-gst         .col2 span p a.gst,
body#wp-stratajobs  .col2 span p a.stratajobs /* stratajobs not in use as of Dec2011 */

{background:        DarkSeaGreen;
 border-color:      DarkGreen;
 border-style:      Solid;
 border-width:      0.05em;
 color:             DarkSlateGray;
 font-weight:       bold;
 padding:           0em 0.5em 0.05em 0.1em;}         /* TRBL *


/* ============================================================== */
/* ============================================================== */
/* 2column layout CSS for multiple browsers                       */
/* ============================================================== */
/* ============================================================== */

/* ============================================================== */
/* column container                                               */
/* ============================================================== */
.colmask   {/*border: 1px solid red;*/
           clear:       both;
           float:       left;
           overflow:    hidden;             /* This chops off any overhanging divs */
           position:    relative;           /* This fixes the IE7 overflow hidden bug */
           width:       100%;               /* width of whole page */
           }

/* ============================================================== */
/* common column settings                                         */
/* ============================================================== */
.colleft   {/*border:   1px solid red; */
           float:       left;
           position:    relative;
           width:       100%;
           }

.col1,
.col2      {/*border:   1px solid red; */
           float:       left;       /* col1 = content area & col2 = left nav column */
           }

.col1      {/* border:  1px solid red;*/
            padding:    0em 0em 1em 0em;      /* TRBL */
            position:   relative;}

.col2      {/*border:   1px solid red;*/
            padding:    0em 0em 1em 1.25em;   /* TRBL */
            position:   fixed;}


/* ============================================================== */
/* 2 Column (left menu) settings                                  */
/* ============================================================== */
.leftmenu   {background:    white;}         /* main container background colour */

.leftmenu   .colleft
            {border-right:  2px solid #006600;
            right:          79%;            /* right column width */
	        background:     PaleGoldenRod;  /* left column background */
            }

.leftmenu   .col1
            {/*border: 1px solid red;*/
            width:          71%;	        /* left column content width */
	        left:           102%;           /* 100% plus left column left padding */
            }

.leftmenu   .col2
            {/*border: 1px solid red;*/
            width:          21%;        /* left colm content width (colm width minus left&right padding) */
	        left:           1%;         /* right colm left&right padding plus left colm left padding */
            }

/* ============================================================== */
/* Header styles                                                  */
/* ============================================================== */
#header     {/*border: 1px solid red;*/ /* currently used only for top border */
	          border-bottom:          0.75em solid DarkSeaGreen;
            clear:                  both;
            float:                  left;
            text-align:             center;
            width:                  100%;
            }
/* ============================================================== */
/* Footer styles                                                  */
/* ============================================================== */
#footer     {/*border: 1px solid red; /* currently used only for bottom border */
            background-color:       DarkSeaGreen;
            clear:                  both;
            height:                 1.4em;
            width:                  100%;
            }

.testborder {border: 1px solid red;}        /* border for development testing */

/* --> */