1. /* CSS Reset
  2.     http://meyerweb.com/eric/tools/css/reset/
  3.                         */
  4.     html, body, div, span, applet, object, iframe,
  5.     h1, h2, h3, h4, h5, h6, p, blockquote, pre,
  6.     a, abbr, acronym, address, big, cite, code,
  7.     del, dfn, em, font, img, ins, kbd, q, s, samp,
  8.     small, strike, strong, sub, sup, tt, var,
  9.     dl, dt, dd, ol, ul, li,
  10.     fieldset, form, label, legend,
  11.     table, caption, tbody, tfoot, thead, tr, th, td {
  12.         margin: 0;
  13.         padding: 0;
  14.         border: 0;
  15.         outline: 0;
  16.         font-weight: inherit;
  17.         font-style: inherit;
  18.         font-size: 100%;
  19.         font-family: Arial, Helvetica, Tahoma, Geneva, sans-serif;
  20.         vertical-align: baseline;
  21.     }
  22.  
  23.     :focus {
  24.         outline: 0;
  25.     }
  26.  
  27.     div{
  28.         position: relative;
  29.     }
  30.  
  31.     body {
  32.         line-height: 1;
  33.         color: #000000;
  34.         background: #FFFFFF;
  35.        
  36.         width: 100%;
  37.         height: 100%;
  38.         text-align: center;
  39.     }
  40.  
  41.     ol, ul {
  42.         list-style: none;
  43.     }
  44.  
  45.     table {
  46.         border-collapse: separate;
  47.         border-spacing: 0;
  48.     }
  49.  
  50.     caption, th, td {
  51.         text-align: left;
  52.         font-weight: normal;
  53.     }
  54.  
  55.     blockquote:before, blockquote:after,
  56.     q:before, q:after {
  57.         content: "";
  58.     }
  59.  
  60.     blockquote, q {
  61.         quotes: "" "";
  62.     }
  63. /* End CSS Reset        */
  64. /*                      */
  65.  
  66. /* Element Styles       */
  67. /*                      */
  68.  
  69.     /* Headers */
  70.     h1{
  71.         font-size: 1.5em;
  72.         font-weight: bold;
  73.     }
  74.  
  75.     h2{
  76.         font-size: 1.3em;
  77.         font-weight: bold;
  78.     }
  79.  
  80.     h3{
  81.         font-size: 1.1em;
  82.         font-weight: bold;
  83.     }
  84.  
  85.     h4{
  86.         font-weight: bold;
  87.     }
  88.  
  89.     h5{
  90.         font-size: .9em;
  91.         font-weight: bold;
  92.     }
  93.     /* end Headers */
  94.  
  95. /* End Element Styles   */
  96. /*                      */
  97.  
  98. /* IDed Styles      */
  99. /*                      */
  100.     #nojs{
  101.         line-height: 1.1;
  102.         font-size: 0.75em;
  103.         background: #CC3333;
  104.         color: #000000;
  105.        
  106.         position: fixed;
  107.         bottom: 0em;
  108.         left: 10%;
  109.        
  110.         margin: 0em auto 0em auto;
  111.         padding: .0625em;
  112.        
  113.         width: 80%;
  114.         z-index: 100000;
  115.        
  116.         -webkit-border-top-left-radius: 2.1875em;
  117.         -webkit-border-top-right-radius: 2.1875em;
  118.         -webkit-border-bottom-right-radius: 0em;
  119.         -webkit-border-bottom-left-radius: 0em;
  120.         -moz-border-radius-topleft: 2.1875em;
  121.         -moz-border-radius-topright: 2.1875em;
  122.         -moz-border-radius-bottomright: 0em;
  123.         -moz-border-radius-bottomleft: 0em;
  124.         border-top-left-radius: 2.1875em;
  125.         border-top-right-radius: 2.1875em;
  126.         border-bottom-right-radius: 0em;
  127.         border-bottom-left-radius: 0em;
  128.     }
  129. /*  End IDed Styles */
  130. /*                      */
  131.  
  132. /*  Class Styles        */
  133. /*                      */
  134.     /* Clearfix */
  135.         .clear:after {
  136.             content: ".";
  137.             display: block;
  138.             height: 0;
  139.             clear: both;
  140.             visibility: hidden;
  141.         }
  142.                    
  143.         .clear {
  144.             display: inline-block;
  145.         }
  146.  
  147.         /* Hides from IE-mac \*/
  148.         * html .clear {
  149.             height: 1%;
  150.         }
  151.  
  152.         .clear {
  153.             display: block;
  154.         }
  155.         /* End hide from IE-mac */
  156.     /* End Clearfix */
  157.    
  158.     /* Message Boxes */
  159.         .message-box{
  160.             padding: .6em;
  161.            
  162.             color:#545454;
  163.         }
  164.  
  165.         .clean{
  166.             background-color: #efefef;
  167.            
  168.             border-top: .125em solid #dedede;
  169.             border-bottom: .125em solid #dedede;
  170.         }
  171.  
  172.         .info{
  173.             background-color: #f7fafd;
  174.            
  175.             border-top: .125em solid #b5d3ff;
  176.             border-bottom: .125em solid #b5d3ff;
  177.         }
  178.  
  179.         .okay{
  180.             background-color: #d7f7c4;
  181.            
  182.             border-top: .125em solid #82cb2f;
  183.             border-bottom: .125em solid #82cb2f;
  184.         }
  185.            
  186.         .alert{
  187.             background-color: #fef5be;
  188.            
  189.             border-top: .125em solid #fdd425;
  190.             border-bottom: .125em solid #fdd425;
  191.         }
  192.            
  193.         .error{
  194.             background-color: #ffcdd1;
  195.            
  196.             border-top: .125em solid #e10c0c;
  197.             border-bottom: .125em solid #e10c0c;
  198.         }
  199.     /* End Message Boxes */
  200.    
  201.     /* Text color, styling, decoration */
  202.         .italics{
  203.             font-style: italic;
  204.         }
  205.  
  206.         .bold{
  207.             font-weight: bold;
  208.         }
  209.  
  210.         .underline{
  211.             text-decoration: underline;
  212.         }
  213.  
  214.         .no-dec{
  215.             text-decoration: none !important;
  216.         }
  217.        
  218.         .strike{
  219.             text-decoration: line-through;
  220.         }
  221.  
  222.         .keyword{
  223.             text-shadow: 0 0 .1em #FFFFFF;
  224.         }
  225.  
  226.         .sub{
  227.             vertical-align: sub;
  228.         }
  229.  
  230.         .sup{
  231.             vertical-align: super;
  232.         }
  233.        
  234.         .quote{
  235.             font-style: italic;
  236.         }
  237.     /* End text color, styling, decoration */
  238.    
  239.     /* Positioning */
  240.         .left{
  241.             margin-right: auto;
  242.             margin-left: 0;
  243.         }
  244.         .center{
  245.             margin-left: auto;
  246.             margin-right: auto;
  247.         }
  248.        
  249.         .right{
  250.             margin-right: 0;
  251.             margin-left: auto;
  252.         }
  253.        
  254.         .bump{
  255.             margin-top: 1em;
  256.         }
  257.        
  258.         .follow{
  259.             margin-bottom: 1em;
  260.         }
  261.  
  262.         .center-text{
  263.             text-align: center;
  264.         }
  265.  
  266.         .left-text{
  267.             text-align: left;
  268.         }
  269.  
  270.         .right-text{
  271.             text-align: right;
  272.         }
  273.        
  274.         .quote{
  275.             margin-left: 4em;
  276.             margin-right: 4em;
  277.         }
  278.     /* End positioning */
  279.    
  280.     /* Sizing */
  281.         .huge{
  282.             font-size: 1.5em;
  283.         }
  284.        
  285.         .large{
  286.             font-size: 1.25em;
  287.         }
  288.  
  289.         .small{
  290.             font-size: .75em;
  291.         }
  292.        
  293.         .tiny{
  294.             font-size: .5em;
  295.         }
  296.        
  297.         .sub, .sup{
  298.             font-size: .5em;
  299.         }
  300.        
  301.         .w10{width: 10%;}
  302.         .w20{width: 20%;}
  303.         .w25{width: 25%;}
  304.         .w30{width: 30%;}
  305.         .w40{width: 40%;}
  306.         .w50{width: 50%;}
  307.         .w60{width: 60%;}
  308.         .w70{width: 70%;}
  309.         .w75{width: 75%;}
  310.         .w80{width: 80%;}
  311.         .w90{width: 90%;}
  312.         .w100{width: 100%;}
  313.     /* End sizing */
  314.    
  315.     /* Spacing */
  316.         .tall{
  317.             line-height: 1.3em;
  318.         }
  319.     /* End spacing */
  320.    
  321.     /* UI */
  322.         .pointer{
  323.             cursor: pointer;
  324.         }
  325.     /* End UI */
  326.    
  327.     /* Display and visibility */
  328.         .hide{
  329.             display: none;
  330.         }
  331.        
  332.         .table{
  333.             display: table;
  334.         }
  335.        
  336.         .cell{
  337.             display: table-cell;
  338.         }
  339.     /* End display and visibility */
  340.    
  341. /*  End Class Styles    */
  342. /*                      */
  343.  
  344. /*-----Local CSS-----*/
  345.     @font-face {  
  346.       font-family: "neutra";  
  347.       src: url('../../styles/NeutraDisp-Bold.eot'); /* IE */  
  348.       src: local("Neutra Display"), url('../../styles/NeutraDisp-Bold.ttf') format("truetype"); /* non-IE */  
  349.     }
  350.    
  351.     @font-face {  
  352.       font-family: "futura";  
  353.       src: url('../../styles/FuturaStd-Heavy.eot'); /* IE */  
  354.       src: local("Futura Std"), url('../../styles/FuturaStd-Heavy.ttf') format("truetype"); /* non-IE */  
  355.     }
  356.    
  357.     table{
  358.         margin: auto;
  359.         text-align: center;
  360.     }
  361.    
  362.     table, tr, td, th{
  363.         text-align: center;
  364.     }
  365.    
  366.     #content table thead, #content table tfoot{
  367.         background: #405E8F;
  368.         color: #FFFFFF;
  369.         letter-spacing: .125em;
  370.     }
  371.    
  372.     #content table thead th, #content table tfoot td{
  373.         border: .0625em solid #002D56;
  374.     }
  375.  
  376.     #content table tfoot, #content table tfoot td{
  377.         text-align: right;
  378.     }
  379.  
  380.     #content table td, #content table th{
  381.         font-size: .75em;
  382.         border-collapse: collapse;
  383.         padding: .5em;
  384.     }
  385.    
  386.     #content tbody tr:hover{
  387.         background: #CCD6E6;
  388.     }
  389.    
  390.     legend{
  391.         font-family: neutra, Helvetica, Arial, sans-serif;
  392.         letter-spacing: .125em;
  393.        
  394.         -webkit-border-radius: .5em;
  395.         -moz-border-radius: .5em;
  396.         border-radius: .5em;
  397.     }
  398.  
  399.     .even{
  400.         background-color: #999999;
  401.     }
  402.    
  403.     fieldset{
  404.         padding: 1em;
  405.         border: 1px solid #000000;
  406.         width: 16.5em;
  407.        
  408.         -webkit-border-radius: 1em;
  409.         -moz-border-radius: 1em;
  410.         border-radius: 1em;
  411.     }
  412.    
  413.     input[type="submit"], input[type="text"], input[type="password"], input[type="file"]{
  414.         font-size: 1em;
  415.     }
  416.  
  417.     input[type="submit"]{
  418.         margin-top: 1em;
  419.     }
  420.  
  421.     input[type="text"], input[type="password"], input[type="file"]{
  422.         width: 16.5em;
  423.     }
  424.  
  425.     legend{
  426.         padding: .25em;
  427.         background-color: #002D56;
  428.         color: #FFFFFF;
  429.         margin: 0 0 .25em 0;
  430.     }
  431.    
  432.     body{
  433.         color: #000000;
  434.         background: #EEEEEE;
  435.         position: absolute;
  436.     }
  437.    
  438.     .page{
  439.         background: #FFFFFF;
  440.         width: 74em;
  441.         margin: auto;
  442.         padding: .7em .5em .5em .5em;
  443.     }
  444.    
  445.     #nojs{
  446.         line-height: 1.1;
  447.         font-size: 0.75em;
  448.         background: #CC3333;
  449.        
  450.         position: fixed;
  451.         bottom: 0px;
  452.         left: 10%;
  453.        
  454.         margin: 0px auto 0px auto;
  455.         padding: 1px;
  456.        
  457.         width: 80%;
  458.         z-index: 100000;
  459.        
  460.         -moz-border-radius-topleft: 35px;
  461.         -moz-border-radius-topright: 35px;
  462.         -webkit-border-top-left-radius: 35px;
  463.         -webkit-border-top-right-radius: 35px;
  464.     }
  465.    
  466.     #slideshow{
  467.         width: 35%;
  468.         min-height: 25em;
  469.        
  470.         float: left;
  471.        
  472.         text-align: left;
  473.         margin-right: .1em;;
  474.     }
  475.    
  476.     #content{
  477.         width: 60%;
  478.         min-height: 25em;
  479.        
  480.         float: left;
  481.        
  482.         font-size: 1.5em;
  483.         text-align: left;
  484.         margin: auto;
  485.     }
  486. /*-----End Local CSS-----*/
  487.  
  488. .header{
  489.     width: 75em;
  490.     height: 12.375em;
  491.     background-color: #FFFFFF;
  492.     margin: auto;
  493.     font-family: neutra, Helvetica, Arial, Tahoma, Geneva, sans-serif;
  494. }
  495.  
  496. /* style management tab dropdown*/
  497.  
  498. #manage_panel{
  499.     text-align: right;
  500.     font-size: 1.50em;
  501.    
  502.     padding: .5em;
  503.     background-color: #002D56;
  504.     color: #FFFFFF;
  505.     width: 11.0em;
  506.    
  507.     position: absolute;
  508.     top: 0em;
  509.     right: 18.0em;
  510.    
  511.     z-index: 3;
  512. }
  513.  
  514. #manage_panel a{
  515.     text-decoration: none;
  516.     color: #999999;
  517.     font-weight: 100;
  518. }
  519.  
  520. #manage_panel a:hover, #manage_panel a:active {
  521.     color: #FFFFFF;
  522. }
  523.  
  524. /* done styling management tab */
  525.  
  526. /*style login dropdown and login/register links*/
  527.  
  528. #login_panel{
  529.     text-align: right;
  530.     font-size: 1.25em;
  531.    
  532.     padding: .5em;
  533.     background-color: #002D56;
  534.     color: #FFFFFF;
  535.     width: 19.0em;
  536.    
  537.     position: absolute;
  538.     top: .5em;
  539.     right: 0;
  540.    
  541.     z-index: 3;
  542. }
  543.  
  544.  
  545. #login{
  546.     right: 0;
  547.     top: 0;
  548.    
  549.     padding: .825em .825em 0 0;
  550.     margin: -.5em 0 -1.45em auto;
  551.    
  552.     text-align: right;
  553.     font-size: 1.25em;
  554.    
  555.     width: auto;
  556. }
  557.  
  558. #login_panel fieldset{
  559.     border: none;
  560.     padding: 0;
  561.     font-size: 1em;
  562.     width: auto;
  563. }
  564.  
  565. #login_panel input{
  566.     font-size: 1em;
  567.     width: 7em;
  568.     margin: 0;
  569. }
  570.  
  571. #login_panel input[type="submit"]{
  572.     width: 3em;
  573. }
  574.  
  575. #col2{
  576.     margin-right: 0;
  577. }
  578.  
  579. .column{
  580.     float: left;
  581.     text-align: left;
  582.     margin-right: 1em;
  583. }
  584.  
  585. /*login styling done*/
  586.  
  587. .hide{
  588.     display: none;
  589. }
  590.  
  591.  
  592.  
  593. #head_content{
  594.     margin: auto;
  595.     width: 75em;
  596. }
  597.  
  598. #menubar{
  599.     position: absolute;
  600.     z-index: 1;
  601.    
  602.     background-color: #002D56;
  603.    
  604.     width: 48em;
  605.     margin: 10.19em auto .625em 24.5em;
  606.     padding-left: 2.5em;
  607. }
  608.  
  609. #logo{
  610.     float: left;
  611.     margin: .625em;
  612.     z-index: 2;
  613. }
  614.  
  615. .toplvl{
  616.     float: left;
  617.     margin: auto 1.2em;
  618. }
  619.  
  620. #menubar a{
  621.     text-decoration: none;
  622.     color: #999999;
  623.     font-weight: 100;
  624.     font-size: 1.60em;
  625. }
  626.  
  627. #menubar a:hover, #menubar a:active, #menubar .current{
  628.     color: #FFFFFF;
  629. }
  630.  
  631. #errors{
  632.     padding: .5em;
  633.     width: 21em;
  634. }