*
{
    margin:0;
	padding:0;
}

html, body
{
height:100%;
}

#distance { 
	width:1px;
	height:50%;
	margin-bottom:-265px; /* half of container's height */
	float:left;
}

body
{
    font-size:12px;
    font-family:verdana, helvetica, arial, sans-serif;
    text-align:center;
    
}

#maincontent
{
/*    width:920px;
    height:530px;*/
    /* width + height get set directly in index.php */
    background-color:#f0f0f0;
    margin:0 auto;
    position:relative;
    clear:left;
    text-align:left;
}

/*.startcontainer
{
    background-position:top left;
    background-repeat:no-repeat;
    letter-spacing:0.2em;
}*/

.startcontainers
{
    overflow:hidden;
    color:#666;
    text-decoration:none;
    font-weight:bold;
    letter-spacing:0.3em;
}


#ldIndicator
{
    position:absolute;
    left:0;
    top:0;
    color:#f90;
    background-color:#c00;
    border:1px solid #f90;
    font-size:10px;
    font-weight:bold;
    padding:2px;
}

h1, h2
{
    color:#666;
    letter-spacing:0.2em;
    font-weight:bold;
    text-transform:uppercase;
}

h1
{
    font-size:14px;
    margin-bottom:20px;
}

h2
{
    font-size:12px;
    margin-bottom:20px;
    font-weight:normal;
}

h1 + h2 { margin-top: -12px; }

.overlay_content
{
    text-align:left;
}

table.coursetable
{
    border-spacing:0;
    border-collapse:collapse;
    text-align:left;
}
.coursetable th
{
    background-color:#666;
    color:#fff;
    text-align:left;
    padding-left:4px;
}

.coursetable td
{
    color:#666;
    text-align:left;
    border:1px solid #666;
    padding:2px;
    padding-left:4px;
    text-align:left;
}

.coursetable td.leftcol
{
    width:160px;
    border-left:none;
}
.coursetable td.midcol
{
    width:238px;
}
.coursetable td.rightcol
{
    width:360px;
    border-right:none;
}

.vtable td
{
    background-color:#ccc;
    padding:4px;
}

.vtable td.light
{
    background-color:#efefef;
}

.vtable th
{
    color:#fff;
    background-color:#333;
    padding:4px;
}

.vtable th.light
{
    color:#000;
    background-color:#999;
    padding:4px;
}

.leftaligned
{
    text-align:left;
}
.rightaligned
{
    text-align:right;
}

.formfield
{
    width:250px;
}

.formarea
{
    width:250px;
    height:100px;
}

.centeraligned
{
    text-align:center;
}

.topaligned
{
    vertical-align:top;
}

a:link, a:visited, a:active, a:hover
{
    color:#666;
    text-decoration:none;
    font-weight:bold;
}

.coursetable a
{
    color:#666;
}

.coursetable a:link, .coursetable a:visited,
.coursetable a:active
{
    text-decoration:none;
    font-weight:normal;
}
.coursetable a:hover
{
    text-decoration:underline;
    font-weight:normal;
}

.fullcourseview
{
    text-align:left;
    border:1px dotted #fff;
}

.rightcontent div
{
    margin-bottom:20px;
}

.leftimage
{
    position:fixed;
    /* top:0;
    left:0;*/
    float:left;
    margin:0;
}

.rightcontent
{
    padding:28px;
    text-align:left;
}

.iframed .rightcontent
{
    margin-left:320px;
}

#nav_upper
{
    position:absolute;
    top:20px;
    left:0;
    width:810px;
    height:10px;
    background-color:#666;
}

.navigation
{
    color:#fff;
    font-size:10px;
    line-height:10px;
    text-transform:uppercase;
}


.navigation a:link, .navigation a:visited,
.navigation a:link:active, .navigation a:link:hover
{
    color:#fff;
    text-decoration:none;
    font-weight:normal;
}


#upperlogo
{
    position:absolute;
    top:0;
    left:25px;
    font-weight:bold;
}

#upperlinks
{
    position:absolute;
    top:0;
    left:400px;
}

#upperlangswitch
{
    position:absolute;
    top:0;
    right:20px;
}

#nav_lower
{
    position:absolute;
    bottom:20px;
    right:0;
    width:330px;
    padding-left:20px;
    height:10px;
    background-color:#666;
}

table.magicbox
{
    border-spacing:0;
    border-collapse:collapse;
    width:100%;
    height:100%;
}
.magicbox td
{
    padding:0;
    vertical-align:middle;
    text-align:center;
}

#gencourseinfo
{
    text-align:left;
    margin-top:12px;
}

.listintro
{
    text-align:left;
    margin-bottom:12px;
}

.sfff
{
    display:none;
}