@import url('_style_reset.css');

body {
    font-family: Arial, sans-serif;
    /* hack, always show vertical scroll, keeps page in place between menu items */
    overflow-y: scroll;
}

/* Base structure */

html, body {
    height: 100%;
}

body {
    color: #191e22;
    background-color: #fcfcfc;
    background-image: url('b01.png');
    background-repeat: repeat-x;
}

#c01 {
    width: 940px;
    margin: 0 auto;
    background-color: #fcfcfc;
    height: 100%;
}

#header {
    background-image: url('b02.jpg'); /* smaller file size than png */
    background-repeat: no-repeat;
    background-position: 0 94px;
    
}

#logo {
    background-image: url('logo.png');
    background-repeat: no-repeat;
    height: 94px;
    overflow: hidden; /* for IE6 */
    margin-bottom: 168px;
}


#logo h1 a {
    display: block;
    width: 375px;
    height: 94px;
    ;
    text-decoration: none;
    /* hacks to hide text :( */
    font-size: 0;
    line-height: 0;
    color: transparent;
    position: relative;
    top: -2px;
}

/* top menu */
ul#menu {
    background-image: url('b03.png');
    background-repeat: repeat;
    height: 68px;
    list-style-type: none;
    padding-left: 6px;
    margin-bottom: 0;
}

ul#menu li {
    float: left;
    list-style-type: none;
    padding-top: 2px;
    padding-bottom: 0px;
}

ul#menu li a {
    display: block;
    float: left; /* for IE6 */
    font-size: 1em; /* ~ 16pt */
    color: #ffffff;
    font-weight: bold;
    line-height: 34px;
    height: 32px;
    text-decoration: none;
    padding: 0 10px;
}
ul#menu li a:hover {
    background-color: #404040;
}

ul#menu li.active a {
    font-weight: bold;
    color: #202020;
    background-color: #ffffff;
}
ul#menu li.active a:hover {
    font-weight: bold;
    color: #202020;
    background-color: #ffffff;
}

/* Content */

#content {
    padding: 20px;
}

#content h2 {
    font-family: "Arial Black", "Arial", sans-serif;
    font-weight: bold;
    letter-spacing: -1px;
    
}

div.hr {
    height: 1px;
    border-top: 1px solid #91adc4;
    margin-bottom: 1em;
}


#content a {
    color: #164063;
    text-decoration: underline;
}

#content p {
    text-align: justify
}

#content ul {
    text-align: justify
}

#content a:hover {
    text-decoration: none;
}

#col1 {
    float: left;
    width: 470px
}

#col2 {
    float: right;
}

#indexmain {
    float: left;
    width: 640px
}

#indexsponsor p {
    margin-bottom: 30px;
}

#indexsponsor {
    float: right;
    width: 210px;
    margin-left: 0px;
}

#sponsormain {
    float: left;
    margin-right: 40px;
    width: 440px
}

#sponsorssponsor p {
    margin-bottom: 30px;
}

#sponsorssponsor {
    float: right;
    width: 400px
}

#keynotemain {
    float: left;
    margin-right: 40px;
    width: 540px;
}

#keynoteimage {
    float: right;
    width: 260px;
    margin-top: 30px;
}

#gold {
    color: rgb(255,215,0)
}

#silver {
    color: rgb(192,192,192)
}

#studentaward {
    color: #8C7853
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}
#content table { border-top: 1px solid #cccccc; border-left: 1px solid #cccccc; width: 100%;  margin: 0em 0em 1.5em 0em; }
#content table tr {}
#content table th { border-bottom: 1px solid #cccccc;  border-right: 1px solid #cccccc; background-color: #eaeaea; padding: 0.25em 0.5em; font-weight: bold; text-align: left; vertical-align: top; }
#content table th img { padding: 0; border: none 0; }
#content table td { border-bottom: 1px solid #cccccc;  border-right: 1px solid #cccccc; padding: 0.25em 0.5em; vertical-align: top; }
#content table td h1 {}
#content table td h2 {}
#content table td h3 {}
#content table td h4 {}
#content table td h5 {}
#content table td h6 {}
#content table td p { line-height: 1.3em; margin-bottom: 0.5em; }
#content table td ul {}
#content table td ol {}
#content table td li {}

ol li ol { 
           margin-left: 20px;
           list-style-type: lower-alpha;
 }