/*#############################################################


© 2007

Author: Igor Jovic

URL: http://spinz.se


#############################################################*/


/* default elements */

*{margin:0px;padding:0px}

h1
{
font-family:arial, verdana, helvetica, sans-serif;
font-size:1.9em; 
font-weight: bold;
color:#333333;
padding-left:5px;
line-height:1.6em
}
	
p
{
font-family:Verdana, Arial, helvetica, sans-serif;
font-size:0.7em; 
font-weight: normal;
color:#555555;
}

a
{
color:#ac0e22;
font-size:0.9em; 
font-weight:normal;
font-style:normal;
text-decoration:underline;
}

a:link
{
color:#ac0e22;
font-weight:normal;
font-style:normal;
text-decoration:underline;
}

a:visited
{
color:#ac0e22;
font-style:normal;
font-weight:normal;
text-decoration:underline;
}

a:hover
{
color:#ac0e22; 
font-style:normal;
text-decoration:none;
}

/* Layout */

body
{
background: #eeeee4;
font-family:Arial, Verdana,'Lucida Grande', Helvetica, sans-serif;
text-align: center;
color: #333333;
}

#wrapper 
{
background-color:#fff;
margin-top: 40px;
margin-right: auto;
margin-bottom:40px;
margin-left: auto;
width:902px;
}

#header
{
background:url(Img/bgheader.jpg) no-repeat #a20d1f;
width:902px;
border-top:5px solid #550a13;
height:133px;
padding-top: 0px;
margin-left:0px;
margin-right:0px;
margin-top: 0px;
margin-bottom: 0px;
}

#header .logo
{
/* float:left; */
padding-top:25px;
padding-left:0px;
border: none;
font-family:Arial, Verdana,'Lucida Grande', Helvetica, sans-serif;
color:#FFFFFF;
font-size:72px;
text-align: center;
}

#nav
{
float:left;
list-style:none;
margin-top:0px;
margin-left:auto;
margin-right:auto;
margin-bottom:0px;
width:902px;
height:48px;
background: transparent url(Img/navbg.gif);
background-repeat:repeat-x;
}

#nav ul
{
list-style:none;
margin-left:75px;
}

#nav li
{
text-align:left;
float:left;
padding-left:0px;
padding-top:0px;
padding-bottom:0px;
}

#nav ul li a
{
display:block;
line-height:2.5em;
margin-right:0px;
padding:8px 14px 8px 14px;
color: #d3d2cc;
font-weight:bold;
font-size: 0.8em;
text-decoration: none;
}

#nav li a:hover
{
color: #ffffff;
background:transparent;
background-image:url(Img/navaktiv.gif);
background-repeat:repeat-x;
}

#nav ul li .selected
{
color: #ffffff;
background-color:transparent;
background-image:url(Img/navaktiv.gif);
background-repeat:repeat-x;
}

#content
{
float:left;
background-image:url(Img/contentbgtop.jpg);
background-repeat:repeat-x;
background-position:top center;
background-color:#f3f3e7;
width:902px;
margin-top:20px;
margin:auto;
padding:0px;
margin-bottom:0px;
margin-right:0px;
}

#col1
{
float:left;
width:420px;
margin-left:10px;
margin-top:30px;
background-color:#f3f3e7;
text-align:left;
font-size:0.9em;
padding:5px;
}

#col1 h1
{
display:block;
font-size:1.9em;
font-family:Helvetica, Arial, sans-serif;
text-align:left;
font-weight:bold;
color:/*#403f3b*/ #B42A2A;
font-weight:normal;
padding-bottom:2px;
margin-top:5px;
margin-bottom:10px;
margin-left:5px;
border-bottom:1px solid #e5e6d6;
}

#col1 h2 {margin-left: 5px;}

#col1 .red
{
color:#9a0c1c;
}

#col1 p
{ 
font: normal 0.9em Arial, Verdana, Helvetica, sans-serif;
font-size:0.9em;
color: #000000;
padding:10px;
text-align:left;
}

#col1 ul
{
list-style:disc;
margin-left:20px;
margin-top:20px;
font-size:0.9em;
}

#col2
{
float:right;
background:#ffffff /*url(Img/sidebarflag.gif)*/ no-repeat top right;
width:372px;
margin:20px 15px 5px 0;
padding:10px 15px 5px 10px;
text-align:left;
font-size:0.9em;
border:2px solid #ebebeb;
}

#col2 p
{ 
font: normal 0.9em Arial, Verdana, Helvetica, sans-serif;
font-size:0.9em;
margin-top:10px;
color: #000000;
padding:10px 15px 5px 10px;
text-align:left;
}

#col2 ul
{
list-style:disc;
margin-left:20px;
margin-top:20px;

#col3
{
float:right;
background:#ffffff /* url(Img/sidebarflag.gif) */no-repeat top right;
width:372px;
margin:30px 15px 5px 0;
padding:10px 15px 5px 10px;
text-align:left;
font-size:0.9em;
border:2px solid #ebebeb;
}

#col3 p
{ 
font: normal 0.9em Arial, Verdana, Helvetica, sans-serif;
font-size:0.9em;
margin-top:10px;
color: #000000;
padding:10px 15px 5px 10px;
text-align:left;
}

#col3 ul
{
list-style:disc;
margin-left:20px;
margin-top:20px;
}

#col4
{
float:right;
background:#ffffff /*url(Img/sidebarflag.gif) */no-repeat top right;
width:372px;
margin:20px 15px 5px 0;
padding:10px 15px 5px 10px;
text-align:left;
font-size:0.9em;
border:2px solid #ebebeb;
}

#col4 ul
{
list-style:disc;
margin-left:20px;
margin-top:20px;
}

#col4 p
{ 
font: normal 0.9em Arial, Verdana, Helvetica, sans-serif;
font-size:0.9em;
margin-top:10px;
color: #000000;
padding:10px 15px 5px 10px;
text-align:left;
}

#footer 
{
width:902px;
height:170px;
clear:both;
margin-top: 0px;
background:url(Img/footerbg.jpg) repeat-x;
color:#666666;
margin-left:auto;
margin-right:auto;
margin-bottom: 0px;
padding-top: 20px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
}

#footer p 
{
font-size:0.7em;
font-family:arial;
font-weight:normal;
line-height: 1.4em;
color:#aeaea6;
padding-top:20px;
padding-bottom:0px;
text-align:center;
margin:auto;
}

#footer a 
{
font-size:1em;
text-decoration:none;
font-weight:normal;
color:#e01b1b;
text-align:center;
}

#footer a:hover
{
text-decoration:underline;
font-weight:normal;
color:#e01b1b;
text-align:center;
}

form
{
padding:0px;
margin:0px;
}

form p
{
color: #555555;
text-align: left;
font-size: 0.6em;
font-family: Helvetica, Arial, Verdana;
}


input 
{
color:#000000;
background-color:#f9faf5;
/*height:24px;
float:right;
width: 200px;*/
}

.submit 
{
float:right;
color: #000000;
margin-top:0px;
background-color: #f9faf4;
width: 60px;
margin-right:70px;
margin-left:3px;
margin-top:5px;
}

.input
{
color: #000000;
margin-top:0px;
background-color: #f9faf4;
border-top:3px solid #550a13;
border-left:6px solid #550a13;
border-right:6px solid #550a13;
border-bottom:6px solid #550a13;
width: 150px;
font-size: 1.9em;
font-family: Helvetica, Arial, Verdana, sans-serif;
}*/

.left
{
float:left;
padding:4px;
}

#col5
{
float:right;
background:#ffffff /* url(Img/sidebarflag.gif) */no-repeat top right;
width:372px;
margin:32px 15px 5px 0;
padding:10px 15px 5px 10px;
text-align:left;
font-size:0.9em;
border:2px solid #ebebeb;
}

#col5 p
{ 
font: normal 0.9em Arial, Verdana, Helvetica, sans-serif;
font-size:0.9em;
margin-top:0px;
color: #000000;
padding:0px 15px 5px 10px;
text-align:left;
}

#map
{
float:left;
width:550px;
margin-left:10px;
margin-top:30px;
background-color:#f3f3e7;
text-align:left;
font-size:0.9em;
padding:5px;
}

#map h1
{
display:block;
font-size:1.9em;
font-family:Helvetica, Arial, sans-serif;
text-align:left;
font-weight:bold;
color:/*#403f3b*/ #B42A2A;
font-weight:normal;
padding-bottom:2px;
margin-top:5px;
margin-bottom:10px;
margin-left:5px;
border-bottom:1px solid #e5e6d6;
}

#map .red
{
color:#9a0c1c;
}

#map p
{ 
font: normal 0.9em Arial, Verdana, Helvetica, sans-serif;
font-size:0.9em;
color: #000000;
padding:10px;
text-align:left;
}

#col7
{
float:right;
background:#ffffff /* url(Img/sidebarflag.gif) */no-repeat top right;
width:242px;
margin:30px 15px 5px 0;
padding:5px 15px 5px 10px;
text-align:left;
font-size:0.9em;
border:2px solid #ebebeb;
}


#col7 p
{ 
font: normal 0.9em Arial, Verdana, Helvetica, sans-serif;
font-size:0.9em;
margin-top:10px;
color: #000000;
padding:10px 15px 5px 10px;
text-align:left;
}

#bio {background-color:#000000}

#bio_white_bkgrnd {background-color:#FFFFFF}


/*Instructor links*/

#instructors ul {list-style:none}

#instructors li {
text-align:left;
padding-left:0px;
padding-top:0px;
padding-bottom:0px
}

#instructors ul li a {
font-weight:bold;
font-size: 1.5em;
text-decoration: none
}

#instructors li a:hover {color: #F15468}

#instructors ul li .selected {color: #F15468}

#instructors img {float: left; padding-right: 5px}

#instructors table {margin-left: 20px}