/************************************************************************
*                                                                       *
*                       Screen-based Style Sheet                        *
*                          Copyright (C) 2007                           *
*                                                                       *
************************************************************************/

/* Author:  Ross Comstock <vk6aap@wia.org.au>
   Version: 1.0
*/

/************************************************************************
*                                                                       *
*                         General Settings                              *
*                                                                       *
************************************************************************/


    /**********************************************************
    *  Hacks to stop "page shift" due to vertical scroll bar  *
    **********************************************************/
    
    html { 
	/*  height: 100%; */
	margin-bottom: 1px;
    }
    
    #scroll { position:absolute; top:0; bottom:-0.1px; width:1em; z-index:-1; }

    .maxwidth-hack {
        margin-left: auto;
        margin-right: auto;
        /* border:1px solid red; */
        max-width:60em;
        width:expression(
	    document.body.clientWidth > (1000/12) * 
            parseInt(document.body.clientWidth)?
                "60em":
                "auto" );
    }

    #container {
    	/* margin: 1em 5%; */
	background-image:  url(images/background.jpg);
	background-repeat: repeat-y;
	/* border: 1px solid #333; */
    }
    
    /********************************
    *  "Skip to main content" link  *
    ********************************/

    #skiptomain {            
            display:         none !important;
    }

    body {
        /* font-family:     Verdana, "DejaVu Sans", "Bitstream Vera Sans", "Lucida Sans", Arial, Helvetica, sans-serif; */
        font-size:       90%;    /* Allow IE/Win to resize the document */
        color:           black;
	background:	  #ffffff;
        margin:          0;
        padding:         0;
        border:          none;
	height: 100%;
        font-family: georgia, times, "times new roman", serif;
    }


    .hidden {           /* Used for content that should be displayed */
                        /* by non-stylesheet-aware browsers          */
        display:         none !important;
    }

    .notprinted {       /* Used for content that should not be */
    }                   /* printed to paper                    */


    /* Headings */

    h1,                /* Headings (H1-H6) should only be used in */
    h2,                /* the main content area                   */
    h3 {
        font-weight:     bold;
        text-align:      left;
        margin:          1.5em 0 0 0;
        padding:         0;
    }

    h4,
    h5,
    h6 {
        font-weight:     bold;
        text-align:      left;
        margin:          1.25em 0 0 0;
        padding:         0;
    }

    h1 { font-size:     175% }
    h2 { font-size:     145% }
    h3 { font-size:     120% }
    h4 { font-size:     105% }
    h5 { font-size:     80%  }
    h6 { font-size:     65%  }



/************************************************************************
*                                                                       *
*                              Header                                   *
*                                                                       *
************************************************************************/

        /* In this style sheet, headers are composed */
        /* of three parts: left, right and subheader */
        /* Left part is ideally an image.            */

    #header {            /* Warning: not printed out on paper */
        /* color:           #003399; */
        /* background:      #8CA8E6; */
	/* border-bottom: 1px solid red; */
    }

    #header a:link,
    #header a:visited {
        /* color:           #003399;     */
        /* background:      transparent; */
    }

    #header .highlight,
    #header a.highlight:link,
    #header a.highlight:visited {
        color:           white;
        background:      transparent;
    }

    /* Left part of header (ideally an image but may be a link) */

    #header div.left {
        float:           left;
        clear:           left;
        margin:          0;
        padding:         0;
    }

    #header div.left img {
        display:         block;    /* Otherwise IMG is an inline, causing gaps */
    }

    #header div.left,
    #header div.left a:link,
    #header div.left a:visited {
        font-size:       200%;
        font-weight:     bold;
        text-decoration: none;
        color:           white;
        background:      transparent;
    }

    #header div.left p {
        margin:          0 0 0 0.25em;
        padding:         0;
    }

    #header div.left .alt {
        /* color:           #FF9800;     */
        /* background:      transparent; */
    }

    /* Right part of header is for external/global links, search, etc */

    #header div.right {
        font-size:       90%;
        text-align:      right;
        margin:          0;
        padding:         0.5em 1.17em 0 1em;
        float:           right;
        clear:           right;
    }

    #header div.right a:link,
    #header div.right a:visited {
        margin:          0;
        padding:         0 0.5em;
    }

    #header div.right form {
        margin:          0;
        padding:         0.25em 0.5em 0 0;
    }

    #header div.right form input {
        font-size:       95%;
        vertical-align:  middle;
    }

    /* Subheader for global links */

    #header div.subheader {
        /* color:           white;   */
        /* background:      #003399; */
        margin:          0;
        padding:         0;
        border:          1px solid tranparent; /* Required for IE/Win */
        clear:           both;
    }

    #header div.subheader p {   /* To overcome an IE/Win unwanted padding */
                                /* bug, still present in IE7.             */
        margin:          0;
        padding:         0em;
    }

    #header div.subheader a:link,
    #header div.subheader a:visited {
        font-weight:     bolder;
        color:           white;
        background:      transparent;
        margin:          0;
        padding:         0 0.5em;
    }

    #header div.subheader .highlight,
    #header div.subheader a.highlight:link,
    #header div.subheader a.highlight:visited {
        color:           #FDA05E;
        background:      transparent;
    }


/************************************************************************
*                                                                       *
*                            Left Sidebar                               *
*                                                                       *
************************************************************************/

    #sidebar {            /* Warning: not printed out on paper */
	width:	  12em;
	margin:	  0 0 0 0;
	height:	  100%;
	float: left; 
        /* clear:    both; */
    }

    #sidebar div {
        font-size:       95%;
        text-align:      left;
        margin:          0 0 0 0;
	height: 100%;
    }

/************************************************************************
*                                                                       *
*                                 Main                                  *
*                                                                       *
************************************************************************/
    #main {
	padding: 1px 0.5em 0 0.5em;
	margin: 0 0 0 12em;
	border-left: 1px solid #333;
    }

    #navhead {
	padding: 0 0 0 0;
	margin: 0 0 0 0;
    }

/************************************************************************
*                                                                       *
*                                Footer                                 *
*                                                                       *
************************************************************************/
    #footer {
	clear:	  both;
	background-color: #666;
	padding: 1em;
	text-align: right;
	border-top: 1px solid #333;
    }


/************************************************************************
*                                                                       *
*                             Color Scheme                              *
*                                                                       *
************************************************************************/

    body {
	background-color: #cccccc;
    }

    .maxwidth-hack {
	background: #ffcc33; 
    }

    #container {
	background: #000000; 
    }

    h1 {
	color:	    #000000;
    }

    #header {
        background: #cccccc;
        color:      #000000;
    }
    
    .subheader {
        background: #999999;
    }
    
    #sidebar {
        background: #000000;
        color:      #ffffff;    
    }

    .sidenav,
    .sidenav-current,
    .sidenav-child,
    .sidenav-child-current {
        color:      #ffffff;
    }
    
    #main {
	background: #ffffff;
    }

    #footer {
	background:	    #cccccc;
    }