/**************************************************************/
/* ECE Version 2009.04                                        */
/*  by Douglas Wilhelm Harder -- dwharder@alumni.uwaterloo.ca */
/* Based on Version 3.0b1                                     */
/*  by Jesse Rodgers -- jrodgers@alumni.uwaterloo.ca          */
/**************************************************************/

/************************************************************************/
/* General document rules including classes and region-specific classes */
/************************************************************************/

/* Colours:
 *    #E0E0E0  224, 224, 224
 *    #AF231E  175,  35,  30
 *    #400000   64,   0,   0
 *    #404040   64,  64,  64
 *    #C1C1C1  193, 193, 193
 *    #F8F8F8  248, 248, 248
 *    #CCCCCC  204, 204, 204
 *    #FFFFFF  255, 255, 255
 *    #C03030  192,  48,  48
 *    #601818   96,  24,  24
 */

body {
    font: 75% Verdana, Helvetica, Arial, sans-serif;
    margin: 0;
    padding: 0;
    background-color: #FFFFFF;
    background: #FFFFFF url( "/~cmoreno/ece250/images/background_src_code.png" ) repeat top;
}

#pagecontainer {
    width: 1049px; /* 80em; */
    margin: 0 auto;
    background-color: #FFFFF4;
    border: 1px solid #C1C1C1;
}

a:link {
    color: #404040;
    text-decoration: underline;
}

a:visited {
    color: #400000;
}

a:hover, a:focus {
    color: #AF231E;
    text-decoration: underline;
}

img {
    border: 0;
}

img.campaignlogo {
    float: right;
    text-align: right;
    margin: 0.8em 0.8em 0.4em 0.4em;
}

img.icon {
    float: right;
    text-align: right;
    margin: 0.4em 0.4em 0.4em 0.4em;
}

img.departmentlogo {
    float: left;
    text-align: left;
    margin: 0.4em 0.8em 0.4em 0.8em;
}

#footer .vcard {
    margin: 0;
}

.none {
    display: none;
}

/********************************/
/* **************************** */
/* *  UW Link, Search, Title  * */
/* **************************** */
/********************************/

#header {
    background-color: #FFFFFF;
    margin: 0;
    border-bottom: 1px solid #CCCCCC;
    /* height: 6.5em; */
    padding: 0px; /* 4px; */
    position: relative;
}

#img_head
{
   margin-bottom: 3px;
}

#searchbox {
    text-align: right;
}

#wordmark {
    text-align: right;
    border-top: 1px solid #CCCCCC;
    margin-left: 175px;
    width: auto;
    overflow: hidden;
}


#wordmark h1 {
    font-family: Baskerville, "Baskerville Old Face", "MgOpen Canonica", "Bitstream Vera Serif", Georgia, "Times New Roman", Times, serif;
    font-size: 2.2em;
    letter-spacing: 1px;
    font-weight: normal;
    margin: 14px 8px 0 0;
}

#wordmark a {
    text-decoration: none;
    color: #000000;
}

#uwlogo {
    position: absolute;
    top: 8px;
    left: 22px;
}

/**************/
/* Search Box */
/**************/

#searchbox {
    font-size: 0.9em;
    height: 2.1em;
    margin-left: 175px;
    color: #404040;
}


form#search { 
    margin-top: 0px;
    margin-bottom: 3px;
}

.google {
    border: 1px solid #666;
    padding: 1px 2px 1px 2px;
}

input.google {
    border: 1px solid #666;
    font-size: 1em;
    padding: 1px 2px 1px 2px;
}

/*********************/
/* ***************** */
/* *  CONTENT BAR  * */
/* ***************** */
/*********************/

#contentbar {
    margin-left: 15.8em;
    padding: 0;
    border-left: 1px solid #C1C1C1;
}

#contentbar h2 {
    background-color: #303030;
    color: #FECB00;
    background-image: none;
    font-size: 1.3em;
    font-weight: normal;
    margin: 0;
    margin-bottom: -1px;
    text-indent: 7px;
    padding: .4em;
}

/**********************/
/* ****************** */
/* *  MAIN CONTENT  * */
/* ****************** */
/**********************/

#contentarea {
    border: 1px solid #A0A0A0;
    overflow: hidden;
    background-color: #FFFFFF;
    border-right: none;
    border-bottom: none;
}

#banner {
    margin-bottom: 1em;
}

#primarycontent {
    padding: 1em;
    line-height: 1.3em;
    min-height: 482px;
    border-right: none;
}

#primarycontent p {
    margin: 0 0 1em 0.25em;
}

#contentarea h1 { 
    color: #E04000; /* #003264; */
    font-size: 1.6em;
    font-weight: bold;
    padding: 1em 0 0.5em 0em;
    margin: 0 0 0 0;
}

#contentarea h2 { 
    color: #E04000;
    font-size: 1.4em;
    font-weight: bold;
    /* font-style: italic; */
    padding: 0.75em 0 0.4em 0.1em;
    margin: 0 0 0 0;
}

#contentarea h3 {
    color: #E04000;
    font-size: 1.25em;
    font-weight: bold;
    padding: 0.55em 0 0.3em 0.2em;
    margin: 0 0 0 0;
}

#contentarea h4 {
    /* color: #601818; */
    font-size: 1.1em;
    font-weight: bold;
    i/* font-style: italic; */
    padding: 0.25em 0 0.2em 0.3em;
    margin: 0 0 0 0;
}

#contentarea h5 {
    color: #401010;
    font-size: 1em;
    font-weight: bold;
    padding: 0 0 0.1em 0.4em;
    margin: 0 0 0 0;
}

#contentarea h6 {
    color: #200808;
    font-size: 1em;
    font-weight: bold;
    font-style: italic;
    padding: 0 0 0 0.5em;
    margin: 0 0 0 0;
}

#contentarea h1.bar, #contentarea h2.bar, #contentarea h3.bar, #contentarea h4.bar, #contentarea h5.bar, #contentarea h6.bar {
    margin: 0.2em -0.5em 0.2em -0.5em;
    background: #C0C0C0;
}

#contentarea h1.bar {
    padding: 0.2em 0.2em 0.2em 1.0em;
}

#contentarea h2.bar {
    padding: 0.2em 0.2em 0.2em 1.1em;
}

#contentarea h3.bar {
    padding: 0.2em 0.2em 0.2em 1.2em;
}

#contentarea h4.bar {
    padding: 0.2em 0.2em 0.2em 1.3em;
}

#contentarea h5.bar {
    padding: 0.2em 0.2em 0.2em 1.4em;
}

#contentarea h6.bar {
    padding: 0.2em 0.2em 0.2em 1.5em;
}

/****************************/
/* ************************ */
/* *  PRIMARY NAVIGATION  * */
/* ************************ */
/****************************/

#primarynav {
    float: left;
    width: 15.8em;
    margin: 0;
}

#primarynav ul {
    font-size: 1em;
    background: #E0E0E0;  /* #DFEFFF; */
    margin: 0;
    padding: 0;
    list-style: none;
    border-bottom: 1px solid #A0A0A0;
}

#primarynav ul ul {
    border-bottom: 0
}

#primarynav li.parent {
    background: #C0C0C0;
        border: 1px solid #A0A0A0;
}

#primarynav li.current {
    font-weight: bold;
}

#primarynav a {
    border-top: 1px solid #A0A0A0;
    display: block;
    padding: 2px 3px;
        padding-left: 1ex;
    text-decoration: none;
    color: black;
        border: 1px solid #C0C0C0;
}

#primarynav a:link, #primarynav a:visited {
    padding: .3em;
        padding-left: 1ex;
}

#primarynav a:hover {
    background-color: #303030;
    color: #fecb00;
}

#primarynav a.this_page {
    background-color: black;
    color: #fecb00;
        border-top: 1px solid #FECB00;
        border-bottom: 1px solid #FECB00;
}

#primarynav ul.primarynavsub {
    margin: 0 0 0 0em;
}

#primarynav ul ul ul.primarynavsub {
    margin: 0 0 0 1.0em;
}

#primarynav ul.primarynavsub li {
    list-style: none, inside;
    background: url(http://www.eng.uwaterloo.ca/~sff/images/bullet.png) no-repeat 14px 6px;
    padding-left: 2.0em;
}

#primarynav ul.primarynavsub li a:hover {
    background-color: #003264;
    color: #FFFFFF;
}

/**********************************/
/* ****************************** */
/* *  SUPPLEMENTARY NAVIGATION  * */
/* ****************************** */
/**********************************/

#supplementary {
    padding: 0 0 0 1em;
    font-size: 0.9em;
    float: right;
    width: 18.0em;
}

#supplementary div {
}

#supplementary div.greyblock {
    margin: 0 0 0.5em 0;
    padding: 1em 1em 1em 1em;
    background-color: #E0E0E0;
}

#supplementary ul {
    list-style: circle inside;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
}

#supplementary li {
}

#supplementary h1, #supplementary h2, #supplementary h3, #supplementary h4, #supplementary h5, #supplementary h6 {
    padding: 0 0 0 0;
    margin: 0 0 0 0;
}

#supplementary a:hover {
    color: #AF231E;
}

#supplementary a:focus {
    color: #400000;
}

#supplementary p {
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    color: #400000;
}
#supplementary img {
    border: 1px solid white;
    margin: 6px 2px 0px 2px;
    padding: 0 0 0 0;
}

#supplementary a:hover img {
    border-color: #AF231E;
}


/****************/
/* ************ */
/* *  FOOTER  * */
/* ************ */
/****************/

#footer {
    margin-left: 15.8em;
    background-color: #FFFFFF;
    border-bottom: none;
    border-right: none;
    border-top: 1px solid #C1C1C1;
    border-left: 1px solid #C1C1C1;
    padding: 10px;
    clear: both;
}

#IE6root #footer {
    margin-left: 14.9em;
}

#departmentaddress p, #footer .vcard {
    font-size: 0.9em;
    margin: 0;
}

#footer a {
    text-decoration: none;
}

#footer p {
    margin: 1em 0;
}

#footer .vcard span {
    font-size: 1em;
}

#footer ul#footerlinks {
    padding: 0;
    font-size: 0.8em;
    margin: .5em 0;
    list-style: none;
    overflow: hidden;
}

#footer ul#footerlinks li {
    border-right: 1px solid #666;
    float: left;
    padding-right: .5em;
    margin-right: .5em;
}

#footer ul#footerlinks li:last-child {
    border-right: none;
}

#footer ul#footerlinks li a:link, #footer ul#footerlinks li a:visited {
    color: #003264;
}

#footer ul#footerlinks li a:focus, #footer ul#footerlinks li a:hover {
    color: #AF231E;
}

/*****************************************/
/* ************************************* */
/* *  DISPLAYING MATHEMATICS AND CODE  * */
/* ************************************* */
/*****************************************/

#contentarea tt {
    font-size: 1.2em;
}

#contentarea .codeblock {
    white-space: pre;
    font-size: 1.2em;
    font-family: "Courier New", Courier, serif;
    background-color: #EEEEEE
}

span.math {
    font-size: 1.2em;
    font-family: "Times New Roman", Garamond, serif;
    font-weight: normal;
    font-style: normal;
}

p.math {
    font-size: 1.2em;
    font-family: "Times New Roman", Garamond, serif;
    font-weight: normal;
    font-style: normal;
}