/* standard elements */
* {
	margin: 0;
	padding: 0;
}

/* here just to try later, maybe... */
/* To eliminate need for explicit clear:left; tags after floating blocks */
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix {display: inline-table;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */


body {
	/* background: #655A46 url(img/bg.gif); */
	background: #192666;  /* 192666 is a fairly dark blue */
	color: #001; /* #0C1333; /* #432; */
	/*color: #543;*/
	font: normal 62.5% "Lucida Sans Unicode",sans-serif;
}

cite,code/*,ul*/ {
	font-size: 1.2em;
	padding-bottom: 1.2em;
}

p {
	font-size: 1.2em;
	padding-top: 0.5em;
	padding-bottom: 0.5em;
}

h1 dt{
	font-size: 1.4em;
	margin-bottom: 4px;
}

code {
	background: #FFE;
	border: 1px solid #EED;
	border-left: 6px solid #938262;
	color: #554;
	display: block;
	font: normal 1.1em "Lucida Sans Unicode",serif;
	margin-bottom: 12px;
	padding: 8px 10px;
	white-space: pre;
}

blockquote {
	/* background: url(img/quote.gif) no-repeat; */
	color: #001; /* #666; */
	display: block;
	font: normal 1.2em "Courier New";
	/* font: normal 1.3em "Lucida Sans Unicode",serif; */
	padding-left: 28px;
}

h1,h2,h3 {
	color: #192666;   /* no current effect? */
	/* color: #E4DBCF; */
	/*color: #654;*/
	padding-top: 6px;
}

.gray {  /* Using this to de-empasize past-due submissions in menu */
    font-weight: normal;
    color: #666;
}

.note {  /* Using this for red-colored warning text */
    font-weight: normal;
    color: #F00; /* #AF0086; */
}

.boldnote {  /* Using this for red-colored warning text */
    font-weight: bold;
    color: #F00; /* #AF0086; */
}

.warning {  /* Using this for red-colored warning text */
    font-weight: bold;
    color: #FE0000;
}

/* misc */
.clearer {
	clear: both;
}

/* structure */
.container {
	/* background: url(img/bgcontainer.gif) repeat-y; */
	margin: 1% auto;  /* the gap between header & top of browser window */
	width: 95%;
	/* width: 990px; */
	min-width: 1000px;  /* when horiz. scroll bar appears */
        height: auto;   /* trying to make the column lengths even... */
}

/* header */
.header {
	/* background: url(img/bgheader.gif) repeat-x; */
	background: #FFF; /* #fe5; /* #fc3;  /* FFF6BF is a lt. yellow */
        background-image: url('http://www.cs.arizona.edu/groups/sigcse09/images/SIGCSE09logo-400x116.png');
        background-repeat: no-repeat;
        /* background-attachment:fixed; */
        background-position: right;
	/* height: 175px; */
	padding: 0 10px;  /* 10px needed widens header to match width of rest */
	width: 98%;
	/* width: 980px; */
	font-size: 1.2em;
	margin: 0 auto;
	margin-top: 4px;
	margin-bottom: 4px;
}
.header a {
	color: #00F; /* #00F; /* #630; */
	text-decoration: none;
	font-weight: bold;
	line-height: 24px;  /* gives a little separation from above text */
}
.header a:hover {
	background: #192666; /* #9FBFFF; /* #B1BFCD; /* #CEBDA1; */
	color: #FFF; /* #192666; /* #420; */
}

/* title */
.title {
	color: #001; /* #001; /* #432; */
	padding: 10px;  /* gives the wide interior rim margins */
	/* float: left; */
}
.title h1 {
	color: #001; /* #001; /* #432; */
	/*color: #655A46;*/
	font: normal 3.4em "Lucida Sans Unicode","Trebuchet MS",sans-serif;
}

/*
.logo {
	background: url(http://www.cs.arizona.edu/groups/sigcse09/images/Sigcsefinal2.jpg) no-repeat;
	float: right;
}
*/


/* suckerfish drop-down menu navigation */
#nav, #nav ul { /* all lists */
	list-style: none;
        background: #9FBFFF; /* #FFF; */
        font: bold 1.16em Verdana,sans-serif;
        height: 24px;  /* was 44px */
        padding: 0px 10px;
        width: 98%;  /* of menu bar */
        margin: 0 auto;
        margin-bottom: 4px;
        float: left;  /* only remaining unique suckerfish line */
}

#nav a {
        color: #001; /* #192666; /* #432; */
        display: block;
	text-decoration: none;
}

#nav a:hover {
        background: #FFF; /* #CEBDA1; */
        color: #001; /* #420;  */
}

#nav li { /* all top-level menu list items */
        color: #001;
        float: left;
        padding: 4px 2px;  /* was 12 and 4 */
        margin-right: 12px;  /* space between menu items */
	/* width: 10em; */  /* a width is needed for Opera, apparently.  But FF and IE look much better w/o it! */
	/* position: relative; If inc. this, IE drop-downs are transparent! */
}

#nav li ul { /* second-level lists */
        background: #BDF; /* #FFF; */
        color: #001;
	left: -999em;
        border: solid #432;
        /*display: none; */
        position: absolute;
	height: auto;
        width: 200px;
	font-weight: normal;
	margin: 0;
	font: normal 110% "Lucida Sans Unicode",sans-serif;
}

#nav li li { /* second-level list entries */
        color: #001;
        float: left;
        padding: 2px 4px;
}


#nav li:hover ul, #nav li.sfhover ul { /* lists nested under hovered list items */
	/* display: block;  /* not shown in suckerfish ex., but necessary! */
        color: #001;
        left: auto;
}


.validate {
    width: 1%;
    /* width: 10px; */
    /*position: absolute;
    top: 0px;
    left: 750px;
    width: 10px;
    height: 42px;*/
}

/* main */
/* 2008/01/16 -- I can get this section's dynamic width to match that of the
 * other sections (navigion, say).  No clue...
 */
.main {
	clear: both;
	width: 100%;
        margin-left: 0.1%;
	/* width: 1000px; */
}

/* when there's just one column in the main division... */

.onlyside {
	padding: 0 10px;
	width: 98%;
	/* width: 980px; */
	/* font-size: 1.2em; */
	color: #001;
	background: #FFF; /* #F5ECE0; */
	/* padding: 6px;  */
	/*padding-top: 12px;  */
	/*margin-right: 14px; */
	float: left;
}

.onlyside contentslist {
}

.onlyside .contentslist li {
}

.onlyside .contentslist ul {
    font-size: 150%;
}

.onlyside .contentslist h3 {
    font-size: 150%;
}

.onlyside table {
    table-layout: fixed;
    /* padding-left: 2cm;   Not honored by IE 7 (grrrr!) */
}

.onlyside ul {
	margin: 0px;
	font-size: 1.2em;
	/* padding: 12px; */
	padding-left: 20px;
	/* padding-top: 0px; */
	padding-bottom: 12px;
	/* padding-bottom: 1.2em; */

}
.onlyside ul li {
	/* border-bottom: 1px solid #A98; */
	/* border-top: 1px solid #DDC; */
        margin-top: 8px;
	list-style: disc;
}
.onlyside ul ul {
        margin-top: 8px;
	/* list-style: disc; */
	font-size: 1.0em;   /* So why is this the same size as just ul? */
}
.onlyside ul ul li {
	list-style: circle;
}
.onlyside ol {
        margin: 0px;
        font-size: 1.2em;
        /* padding: 12px; */
	padding-left: 20px;
	padding-bottom: 12px;
        /* padding: 12px 12px 12px 20px;  Gary's */
}
.onlyside ol li {
        margin-top: 8px;
        list-style-image: none;
        list-style-type: decimal;
        list-style-position: outside;
}
.onlyside ol ul {
        margin: 0px;
        font-size: 1.0em;
        /* padding: 12px; */
	padding-left: 40px;
	padding-bottom: 12px;
        /* padding: 12px 12px 12px 20px;  Gary's */
}
.onlyside ol ul li {
        margin-top: 4px;
        list-style-image: none;
        list-style-type: disc;
        list-style-position: outside;
}
.onlyside ol ol {
        margin: 0px;
        font-size: 1.0em;
        /* padding: 12px; */
	padding-left: 20px;
	padding-bottom: 12px;
        /* padding: 12px 12px 12px 20px;  Gary's */
}
.onlyside ol ol li {
        margin-top: 8px;
        list-style-image: none;
        list-style-type: lower-alpha;
        list-style-position: outside;
}
.onlyside ol ol ol {
        margin: 0px;
        font-size: 1.0em;
        /* padding: 12px; */
	padding-left: 20px;
	padding-bottom: 12px;
        /* padding: 12px 12px 12px 20px;  Gary's */
}
.onlyside ol ol ol li {
        margin-top: 8px;
        list-style-image: none;
        list-style-type: lower-roman;
        list-style-position: inside;
}
.onlyside h1 {
	color: #001; /* #655A46; */
	font: bold 1.8em "Lucida Sans Unicode","Trebuchet MS",sans-serif;
	padding-bottom: 4px; 
}
.onlyside h2 {
	color: #001; /* #655A46; */
	font: bold 1.5em "Lucida Sans Unicode","Trebuchet MS",sans-serif;
	padding-bottom: 4px; 
}
.onlyside h3 {
	color: #001; /* #655A46; */
	font: bold 1.2em "Lucida Sans Unicode","Trebuchet MS",sans-serif;
	padding-bottom: 4px; 
}

.onlyside .box {
        padding: 2px;
        margin: 0 0 12px 0;
        border-style: double;
        /* background : #B5C0C2;  blue-ish */
	background: #EEF; /* #F5ECE0; */
        /* background: #FFF; */
        text-align: left;
}

.onlyside .box th, .box td {
    font-size: 150%;
}

.onlyside .datebox {
        padding: 2px;
        margin: 0 0 12px 0;
        border-style: double;
        /* background : #B5C0C2;  blue-ish */
	background: #EEF; /* #F5ECE0; */
        /* background: #FFF; */
        text-align: left;
        font-size: 145%;
}

.onlyside .datebox h2 {
    text-align: center;
    font-size: 125%;
}

.onlyside .cmmtbox {
        padding: 2px;
        margin: 0 0 12px 0;
        border-style: double;
	background: #EEF; /* #F5ECE0; */
        text-align: left;
}

.onlyside .cmmtbox th, .cmmtbox td {
    font-size: 125%;
}

.onlyside .keynotebox {
        padding: 2px;
        margin: 0 0 12px 0;
        border-style: double;
	background: #EEF; /* #F5ECE0; */
        text-align: left;
}

.onlyside .keynotebox th, .keynotebox td {
    font-size: 125%;
}

.onlyside .datebox th, .datebox td {
	font: bold 1.0em "Lucida Sans Unicode","Trebuchet MS",sans-serif;
}

.onlyside .imagelinks a {
        color:   #FFF; /* #DBE4FF; /*#F1F6FE;  /*#F5ECE0; /* #554433; */
        text-decoration: none;
        font-weight: bold;
}
.onlyside .imagelinks a:hover {
	background:  #FFF; /* #DBE4FF; /*#F5ECE0;*/
        color:   #FFF; /* #DBE4FF; /*#F1F6FE;  /*#F5ECE0; /* #554433; */
        text-decoration: none;
        /* having a background seems to mess with hovering over images. */
}
/* 2008/04/07:  Following added to squash img borders in IE.  Could prob.
 * dump imagelinks now, but that's for another day...
 */
.onlyside a:link img, .onlyside a:visited img, .onlyside a:hover img {
	border-color: #FFF;
}

.onlyside a {
	color: #00F;
	text-decoration: none;
	font-weight: bold;
}

.onlyside a:hover {
	background: #192666; /* #CEBDA1; */
	color: #FFF;
}

/* left side column */

.leftside {
	background: #FFF; /* #DBE4FF; /* #F1F6FE;  /* #F5ECE0; */
	padding: 0.5%; 
	/* padding: 6px;  */
	/*padding-top: 12px;  */
	/*margin-right: 14px; */
	float: left;
	/*width: 68%; */
	width: 60%;
	/* width: 600px; */
}
.leftside ul {
	margin: 0px;
	font-size: 1.2em;
	padding: 12px;
	padding-left: 20px;
	/* padding-bottom: 1.2em; */

}
.leftside li {
	/* border-bottom: 1px solid #A98; */
	/* border-top: 1px solid #DDC; */
	list-style: disc;
}
.leftside h1 {
	color: #001; /* #0C1333; /* #432; */
	/*color: #655A46;*/
	font: bold 1.8em "Lucida Sans Unicode","Trebuchet MS",sans-serif;
	padding-bottom: 4px; 
}
.leftside h2 {
	color: #001; /* #0C1333; /* #432; */
	font: bold 1.5em "Lucida Sans Unicode","Trebuchet MS",sans-serif;
	padding-bottom: 4px; 
}
.leftside h3 {
	color: #001; /* #0C1333; /* #432; */
	font: bold 1.2em "Lucida Sans Unicode","Trebuchet MS",sans-serif;
	padding-bottom: 4px; 
}
.leftside a {
	color: #00F; /* #630; */
	text-decoration: none;
	font-weight: bold;
}
.leftside a:hover {
	background: #192666; /* #CEBDA1; */
	color: #FFF;
}
.leftside .imagelinks a {
        color:   #FFF; /* #DBE4FF; /*#F1F6FE;  /*#F5ECE0; /* #554433; */
        text-decoration: none;
        font-weight: bold;
}
.leftside .imagelinks a:hover {
	background:  #FFF; /* #DBE4FF; /*#F5ECE0;*/
        color:   #FFF; /* #DBE4FF; /*#F1F6FE;  /*#F5ECE0; /* #554433; */
        text-decoration: none;
        /* having a background seems to mess with hovering over images. */
}
/* 2008/04/07:  Following added to squash img borders in IE.  Could prob.
 * dump imagelinks now, but that's for another day...
 */
.leftside a:link img, .leftside a:visited img, .leftside a:hover img {
	border-color: #FFF;
}

.leftside .highlightbox {
        padding: 2px;
        margin: 0 0 12px 0;
        border-style: double;
        /* background : #B5C0C2;  blue-ish */
	background: #EEF; /* #F5ECE0; */
        /* background: #FFF; */
        text-align: left;
        font-size: 145%;
}

.leftside .hotbox {
        padding: 2px;
        margin: 0 0 6px 0;
	background: #FEF; /* #EAADEA; /* #FFF;  #EAE; */
        text-align: left;
        border: 2px solid #F00;
}


/* right side column */

.rightside {
        background : #FFF; /* #0C1333; /* rim */
	padding: 0.6%; 
	/* padding: 6px; */
	float: right;
	width: 37%;
	/* width: 370px; */
}

.rightside .box {
        padding: 2px;
        margin: 0 0 6px 0;
        /* background : #B5C0C2; */
	background: #FFF; /* #F1F6FE;  /* #F5ECE0; /*text area's bkgd*/
        text-align: left;
}

.rightside .rjbox {
        padding: 2px;
        margin: 0 0 6px 0;
	background: #FFF; /* #F1F6FE; */
        text-align: right;
}

.rightside .hotbox {    /* for hot links section */
        padding: 2px;
        margin: 0 0 6px 0;
	background: #FEF; /* #EAADEA; /* #FFF;  #EAE; */
        text-align: left;
        border: 2px solid #F00;
}
.rightside .hotbox ul {
	margin: 0px;
	margin-left: 20px;
	font-size: 1.6em;
	padding: 12px;
	padding-left: 20px;
}
.rightside .hotbox li {
        list-style-image: url('images/redrightarrow2.png');
}

.rightside h1 {
	/* background: #BCB39F; */  /* used b4 switch to <hr> underlining */
	/* border-top: 1px solid #CCC; */
	/* border-bottom: 1px solid #999; */
	color: #001; /* #432; */
	/*color: #4A4A44;*/
	font-size: 1.6em;
	/*height: 22px;*/
	margin: 0;
	/* padding-left: 12px; */
	padding-top: 2px; 
	padding-bottom: 2px; 
        text-align: right;
}
.rightside ul {
	margin: 0px;
	font-size: 1.2em;
	padding: 12px;
	padding-left: 20px;
	/* padding-bottom: 1.2em; */

}
.rightside li {
	/* border-bottom: 1px solid #A98; */
	/* border-top: 1px solid #DDC; */
	list-style: disc;
	padding-bottom: 4px;
}
.rightside ul ul {
        margin-top: 0px;
	/* list-style: disc; */
	font-size: 1.0em;   /* So why is this the same size as just ul? */
}
.rightside ul ul li {
	list-style: circle;
}
.rightside a {
	color: #00F; /* #630; */
	text-decoration: none;
	font-weight: bold;
	line-height: 24px;  /* gives a little separation from above text */
}
.rightside a:hover {
	background: #192666; /* #4169E1;  /* "Royal Blue" */
	color: #FFF; /* #FFF6BF; /* #420; */
}
/*
.rightside li a {
	background: #CCC3AF;
	color: #554;
	display: block;
	padding: 8px 4px 8px 12px;
	text-decoration: none;
}
.rightside li a:hover {
	background: #D6CCB9;
	color: #654;
}
*/


/* footer */
.footer {
        background : #9FBFFF; /* #FFF; /* #554433; */
        color: #001; /* #EDC; */
	font-size: 1.1em;
	text-align: center;
	/* line-height: 40px; */
	/* height: 44px; */
	padding: 0px 10px;
        padding-bottom: 10px;
	width: 98%;
	/* width: 980px; */
	margin: 0 auto;
	margin-top: 4px;
	margin-bottom: 4px;
}
.footer a {
	color: #9fbfff; /* #554433; */
	text-decoration: none;
	font-weight: bold;
}
.footer a:hover {
	color: #9fbfff; /* #554433; */
	text-decoration: none;
	/* background: #CEBDA1; color: #420; */  /* I like this better, but it
                       messes with the hovering over the ACM image link. */
}
.footer a:link img, .footer a:visited img, .footer a:hover img {
	border-color: #9fbfff;
}

/* host */
.host {
        background : #192666; /* #554433; */
        color: #BBB; /* #EDC; */
	font-size: 1.1em;
	text-align: center;
	/* line-height: 40px;
	/* margin: 0 auto;
	width: 760px; */
	/* height: 44px; */
	padding: 0 10px;
	width: 98%;
	/* width: 980px; */
	margin: 0 auto;
	margin-top: 4px;
	margin-bottom: 4px;
}
.host a {
	color: #FFF;
	text-decoration: none;
	font-weight: bold;
}
.host a:hover {
	background: #9fbfff; /* #CEBDA1; */
        color: #001;
	text-decoration: none;
}

/* For the student volunteer form.
 * Ideas from: http://www.webcredible.co.uk/user-friendly-resources/css/css-forms.shtml */

.datafield label {
    width: 8cm;
    float: left;
    text-align: right;
    margin-right: 0.0em;
    display: block
}

.datafield input {
    padding: 2px;
    margin-left: 1.5em;
    color: #251a06;
    background: #f5ece0;
    border: 1px solid #251a06;
}

.datafield textarea {
    padding: 2px;
    margin-left: 1.5em;
    color: #251a06;
    background: #f5ece0;
    border: 1px solid #251a06;
}