/* Reset ------------------------------------------------------------ */
* { margin: 0; padding: 0; }
.normal_table { margin: 0px; padding: 1px; }

td {
    border: 1px solid black;
    padding: 9px;
    font-family: Arial, helvetica, sans-serif;
    font-size: 14px;
}

.td_no_padding {
    border: none;
    padding: 0px;
}

.bighead
{
    font-family: Arial, helvetica, sans-serif;
    font-size: 16px;
    text-decoration: none;
    font-weight: bold;
    color: #000;
}

.realbighead
{
    font-family: Arial, helvetica, sans-serif;
    font-size: 20px;
    text-decoration: none;
    font-weight: bold;
    color: #000;
}

.bighead_blue
{
    font-family: Arial, helvetica, sans-serif;
    font-size: 16px;
    text-decoration: none;
    font-weight: bold;
    color: #0000CC;
}

.little_bighead_blue
{
    font-family: Arial, helvetica, sans-serif;
    font-size: 12px;
    text-decoration: none;
    font-weight: bold;
    color: #0000CC;
}

.bighead_red
{
    font-family: Arial, helvetica, sans-serif;
    font-size: 16px;
    text-decoration: none;
    font-weight: bold;
    color: #CC0000;
}


.qs /* questions, for the FAQ */
{
    font-family: Arial, helvetica, sans-serif;
    font-size: 15px;
    text-decoration: none;
    font-style: italic;
    color: #00f;
}

.an /* questions, for the FAQ */
{
    font-family: Arial, helvetica, sans-serif;
    font-size: 15px;
    text-decoration: none;
    font-style: normal;
    color: #444;
}

html { overflow-y: scroll;}
body { background:#ffffff; font-size: 15px; color: #333333; /* text font color */ font-family: Arial, helvetica, sans-serif;}
/* ol, ul { list-style: none; margin: 0;}
ul li { margin: 0; padding: 0;}
*/
ol { list-style: square; margin: 0px; padding: 0px; }
ul { list-style: square; margin: 5px; padding: 5px; }
ul.standard { list-style: circle; margin:  18px; padding: 0px; font-size: 14px; }

li { margin:0 0 5px 0; }

h1 { margin-bottom: 10px; color: #111111;}
hr { margin-bottom: 5px; margin-top: 5px; color: #111111;}
a, img { outline: none; color: #44s; font-weight: normal;
    padding:2px;
}
a.topmenu { outline: none; color: #000; font-weight: bold; font-size: 1.2em;
    padding:4px;
}
p { line-height: 1.4em; font-size: 1.2em; margin-bottom: 15px;}
/*
img { display: block; margin-bottom: 10px;}
This breaks google translate
*/

aside { font-style: normal; font-size: 0.9em;}
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section
{
    display: block;
}

/* Structure */
#wrapper {
    width: 96%;
    max-width: 920px;
    margin: auto;
    padding: 2%;
}

#main {
    /*		width: 60%; */
    width: 60%;

    margin-right: 5%;
    float: left;
}

#main2 {
    /*        width: 60%; */
    width: 100%;
    margin-right: 5%;
    float: left;
}

aside
{
    width: 35%;
    float: right;
}

/* Logo H1 */
header h1
{
    /*
    display: block;
    font-size: 2em;
    margin-top: 0.67em;
    margin-bottom: -6.67em;
    margin-left: 0;
    margin-right: 0;
    font-weight: bold;
    background-color: blue;
    */

    height: 54px;
    width: 200px;
    float: left;
    display: block;
    background: url(../images/flybird_logo_horizontal_200.png) 0 0  no-repeat;
    text-indent: -9999px;
    margin-bottom: -0px;
    margin-right: 5px;
    //background-color: blue;

}

/* Nav */
header nav
{
    float: right;
    margin-top: 30px;
}

header nav li
{
    display: inline;
    margin-left: 15px;
}

#skipTo
{
    display: none;
}

#skipTo li
{
    background: #ff0000;
}

/* Banner */
#banner
{
    float: left;
    margin-bottom: 3px;
    width: 100%;
}

#banner3
{
    margin-bottom: 3px;
    width: 100%;
}

#banner img
{
    width: 100%;
}

#banner3 img
{
    width: 100%;
    max-width:400px;

}

#banner4 img
{
    width: 100%;
    max-width:1000px;

}



/* Media Queries */
/* SFM relates to the menu */
@media screen and (max-width: 480px)
{
    /* indent-error */
    #skipTo
    {
    display: block;
}

header nav, #main, aside
{
    float: left;
    clear: left;
    margin: 0 0 10px;
    width: 100%;
}
header nav li
{
    margin: 0;
    background: #efefef;
    display: block;
    margin-bottom: 3px;
}
header nav a
{
    display: block;
    padding: 10px;
    text-align: center;
}
}



/*
https://forums.asp.net/t/1556629.aspx?what+does+this+mean+and+in+CSS+file+

Re: what does this mean ' # ' and '.' in CSS file???

May 11, 2010 01:02 AM|LINK

Hi,

'#' in css is used to assign a class to a control having the same id as class name.

'.' is used for assign class to the control with class attribute.

For e.g

<style type='text/css'>

#test { color:green;}

.test1 {color:red;}

</style>


<div id="test"> This will have its css properties derieved from #test</div>

<div class="test1"> This will have its css properties derieved from .test1</div>


Hope this help U!



e: what does this mean ' # ' and '.' in CSS file???

May 11, 2010 01:09 AM|LINK

# is the id selector which is used to specify a style for a single, unique element.
. is the class selector is used to specify a style for a group of elements.

CSS Id and Class

---

Interesting, but not that related
https://www.html5rocks.com/en/tutorials/webcomponents/customelements/

*/