/******************
      GENERAL
 ******************/
html
  {
    background-color:#894;
    background-image:url(/images/interface/flying_h_bg.jpg);
    background-repeat:no-repeat;
    background-position:top center;
    font-family:arial;
  }

body
  { 
    background-image:url(/images/interface/flying_h_bg.jpg);
    background-repeat:no-repeat;
    background-position:top center;
    margin:0;
    padding:0;
    background-color:#894;
    color:#fff;
    text-align:center;
    min-width: 800px;
  }

td
  {
    vertical-align: top;
  }
    
#maindiv
  {
    /* position the element and auto the margins to center */
    position: relative;
    margin-left: auto;
    margin-right: auto;
    width: 800px;
    padding:0px;
    width:800px;
    text-align:left;
  }


#mainmenu
  {
    background-color:#000;
    position:absolute;
    top:185px; 
    left:280px;
    width:520px;
    height:18px;
    font-family:arial;
    font-size:8pt;
    text-transform:uppercase;
  }

a 
  {
    text-decoration:no-repeat;
  }

a:link {color:#fff;}
a:visited {color:#fff;}
a:hover {color:#f90;}
a:active {color:#fff;}

a.mainmenu:link {color: #fff;}
a.mainmenu:visited {color: #fff;}
a.mainmenu:hover {color: #f90;}
a.mainmenu:active {color: #fff;}

.mainmenuspacer
  { 
    position:relative;
    width:1px;
    height:1px;
    padding-left:6px;
    padding-right:0px;
  }

#leftnav
  {
    position:absolute;
    top:260px;
    left:0px;
    width:130px;
  }

#leftnavimage
  {
    margin-top:10px;
    background-repeat:no-repeat;	
    position:relative;
    width:130px;
    height:400px;
    left:0px;
    top:0px;
    border-top:solid 1px #451;
  }

.leftmenuspacer
  {
    height:0px;
    width:1px;
  }


.leftnavmenuholder
  { 
    font-family:arial;
    font-size:8pt;
    line-height:12pt;
    font-weight:bold;
    margin:0px 0px 5px 0px;
    padding:0px 10px 0px 10px;
    background-color:#1b1e0d;
    text-align: right;
    border-left: 1px solid #f90;
    border-right: 1px solid #f90;
  }

.leftnavcity
  {
    border-left: 1px solid #000;
    border-right: 1px solid #000;
    background-color:#e7980d;
    font-variant:small-caps;
  }

a.leftnavmenu:link {color: #eee;}
a.leftnavmenu:visited {color: #eee;}
a.leftnavmenu:hover {color: #f90;}
a.leftnavmenu:active {color: #eee;}

a.leftnavmenucity:link {color: #111;}
a.leftnavmenucity:visited {color: #111;}
a.leftnavmenucity:hover {color: #eee;}
a.leftnavmenucity:active {color: #111;}


#maincontentarea
  {
    position:absolute;
    top:260px;
    left:150px;
    width:650px;
  }

#leftcolumn
  {
    float:left;
    width:320px;
  }

#rightcolumn
  {
    float:right;
    width:320px;
  }

.contentblock
  {
    width:290px;
    background-color:#673;
    background-image:url(/images/interface/netbg.jpg);
    background-repeat:no-repeat;
    color:#fff;
    border-width:0px 0px 0px 1px;
    border-style:none none none solid;
    border-color:#000 #000 #000 #ddd;
    font-family:Arial;
    font-weight:bold;
    font-size:8pt;
    padding:20px 15px 10px 15px;
    margin:0px 0px 15px 0px;
  }

.cbimage
  {
    border: 1px solid #451;
  }

.cbcallout
  {
    color:#f90;
  }

.cbbig
  {
    font-size:12pt;
  }

.cbtitle
  {
    text-transform:uppercase;
  }

.cbcaption
  {
    font-size:7pt;
    font-family:arial;
  }

.cbmorebutton
  {
    width:100%;
    background-color:#784;
    text-align:center;
    margin:10px 0px 0px 0px;
    clear:both;
  }

.cbmore
  {
    padding:2px;
    font-size:8pt;
  }

a.cbmore:link {color: #f90;}
a.cbmore:visited {color: #f90;}
a.cbmore:hover {color: #000;}
a.cbmore:active {color: #f90;}


.articleblock
  {
    background-color:#9a6;
    color:#000;
    border-width:0px 1px 1px 0px;
    border-style:solid;
    border-color:#562;
    font-family:Arial;
    font-size:10pt;
    line-height:15pt;
    padding:0px;
    margin:0px 0px 15px 0px;
  }

.articletitle 
  {
    margin:0;
    padding:0;
    width:100%;
    background-color:#000;
    font-weight:bold;
    font-size:20pt;
    letter-spacing:4px;
    line-height:40pt;
    color:#fff;
    text-align:center;
  }

.articlebody
  {
    padding:20px 30px 20px 30px;
  }

.articlenav
  {
    margin:5px 5px 0px 5px;
    font-size:8pt;
    font-weight:bold;
  }

a.articlenavitem:link {color:#fff; background-color:#333; padding:2px 5px 2px 5px; }
a.articlenavitem:visited {color:#fff; background-color:#333; padding:2px 5px 2px 5px; }
a.articlenavitem:hover {color:#f90; background-color:#333; padding:2px 5px 2px 5px; }
a.articlenavitem:active {color:#fff; background-color:#333; padding:2px 5px 2px 5px; }


.articlehighlight
  {
    font-weight:bold;
    color:#940;
  }

a.articlebodylink:link {color:#940;}
a.articlebodylink:visited {color:#940;}
a.articlebodylink:hover {color:#451;}
a.articlebodylink:active {color:#940;}

.articleheader
  {
    font-family:verdana;
    font-size:12pt;
    line-height:14pt;
    color:#128;
    border-bottom:1px solid #895;
    margin-top:15px;
  }

.articleinset
  {
    font-size:9pt;
    line-height:12pt;
    background-color:#895;
    color:#000;
    padding:10px;
    margin:10px 0px 10px 10px;
    border:1px solid #000;
    float:right;
  }

.articleinsettitle
  {
    font-size:11pt;
    font-weight:bold;
    letter-spacing:2px;
    font-variant:small-caps;
    line-height:14pt;
    border-bottom:1px solid #333;
    width:100%;
  }

.articlecallout
  {
    width:250px;
    float:right;
    font-variant:small-caps;
    font-size:11pt;
    line-height:16pt;
    background-color:#9a6;
    color:#900;
    padding:10px;
    margin: 10px 5px 10px 15px;
    border-color: #451;
    border-width: 1px 0px 1px 0px;
    border-style: solid;
  }

.photo
  {
    border: 1px solid #451;
  }

.photoheader
  {
    border: 1px solid #451;
    margin: 5px 0px 5px 0px;
    padding: 0px;
  }

.photoinsetright
  {
    border: 1px solid #451;
    margin: 10px 0px 10px 10px;
    float: right;
  }

.photoinsetleft
  {
    border: 1px solid #451;
    margin: 10px 10px 10px 0px;
    float: left;
  }

.photocaption
  {
    font-family:arial;
    font-size:7pt;
    line-height:9pt;
    color:#333;
  }

.columnheader
  {
    font-family:arial;
    font-weight:bold;
    font-size:9pt;
    line-height:10pt;
    color:#940;
  }

.rowbreak
  {
    background-color:#895;
    text-align:center;
    color:#fff;
    font-family:arial;
    font-size:9pt;
  }


    
.rostercell
  {
    font-family:arial;
    font-size:7pt;
    line-height:8pt;
  }

.rosterlist
  {
    margin-top:5px;
    list-style-type: none;
    padding-left: 1em;
    margin-left:5px;
  }

.rosterlistel
  {
    margin-bottom: 5px;
  }
    

.copyright
  {
    color:#bc7;
    margin-top:60;
    font-family:arial;
    font-size:7pt;
  }

.insetright
  {
    background-color:#000;
    float:right;
    margin:5px 0px 5px 15px;
    padding:2px;
  }

.insetleft
  {
    background-color:#000;
    float:left;
    margin:10px 15px 10px 0px;
    padding:2px;
  }

.pdfimagelink
  {
    background-color:#000;
    width:200;
    font-family:arial;
    font-size:8pt;
    line-height:12pt;
    font-weight:bold;
    margin:0px 0px 5px 0px;
    text-align: center;
  }

.pdfimage
  {
    border-width:0;
  }

a.pdfimagelink:link {color:#fff;}
a.pdfimagelink:visited {color:#fff;}
a.pdfimagelink:hover {color:#f90;}
a.pdfimagelink:active {color:#fff;}

.quote 
  {
    font-weight:normal;
    font-size:9pt;
    line-height:13pt;
  }

.quotephoto
  {
    float:left;
    margin: 0px 10px 10px 0px;
    border: 1px solid #451;
  }

.quotename
  {
    text-align: right;
    margin: 5px 0 0 0;
    color: #f90;
    font-weight: bold;
    line-height: 12pt;
  }

.quoteposition
  {
    text-align: right;
    font-size: 8pt;
    color: #f90;
    font-weight: normal;
    line-height: 10pt;
  }