@charset "iso-8859-1";
/* setmedia.css		Media Queries for narrow viewports and wide-justify

2009-01-23	4th media block for justify
2010-03-22	body bg
2010-03-30	Lists 200px to 250px

Generic template 2007-01-12
*/

/* <???> There are 3 px @media blocks plus 1 em media block --- */
/* My desktop switches at max-width specified +16px */
/* My laptop switches too late */
/* Opera Mini emulator needs body max-width 180px to render okay in std (not mobile) view */
/* !important is needed to override style attrib in cascade */

/* <???> text-align: left on bodycol --- */
@media all and (min-width: 50em) {

div.bodycol {
text-align: justify;
}

div.nav, div.aside, div.asidealt, table, form {
text-align: left;
}

}


/* <???> aux menu, aside, asidealt unfloated; splash static --- */
@media all and (max-width: 520px) {

body {
max-width: 520px;
padding: 0 3px 5px 3px;
}

div#auxmenudiv {
float: none;
width: auto;
}

div.aside {
float: none;
width: auto;
margin: 2em auto !important;
}

div.figure {
margin: 0 auto;
}

div.asidealt {
float: none;
width: auto;
margin: 1em auto !important;
border-top: 1px solid #C60;
border-bottom: 1px solid #C60;
}

div.asidealt * {
margin: 1em auto !important;
}

/* natlink */
div.imgleft, div.imgright {
float: none;
width: auto;
margin: 1em auto !important;
text-align: center;
}

/* Splash page */
body div.bodycol, body div.bodycol1, body div.bodycol2 {
position: static;
width: 100%;
}

}


/* <???> Tables, body bg, lists --- */
@media all and (max-width: 400px) {

html, body {
color: #000;
background: none;
}

body {
max-width: 400px;
}

th, td {
display: block;
width: auto !important;
}

table.traincourses th.reservecol, table.traincourses td.reservecol {
border-bottom: 2px solid #390; /* #FC9; */
}

table.links td {
border-top: none;
border-bottom: none;
padding-bottom: 0;
}

ul, ol {
padding-left: 1.2em;
}

}


/* <???> Lists --- */
@media all and (max-width: 250px) {

body {
max-width: 250px;
}

/* !important to override setprint */
ul {
list-style-type: disc;
padding-left: 0 !important;
}

ol {
padding-left: 0 !important;
}

li {
list-style-position: inside !important;
}

}