/*A xhtml/css website layout by Strixter webbpublicering. 
Screen layout: */

body {
margin: 0 auto;
padding: 0;
font: 12px/1.5em Verdana,Tahoma,Arial,sans-serif;
background: url(bg.jpg) repeat-x top center;
}

body.print {
margin:50px;
background-image:none;background-color:#fff;color:black !important;}
body.print p {
margin:10px 0 0px 0;
font-family: verdana, arial, sans-serif;
font-size: 12px;
color: #004166;
line-height: 1.5em;
padding-left:5px;
padding-top: 0px;
}

body.print h4 {
margin:0 0 18px 0;
font:normal 150%  "Century Gothic", Verdana, Arial, Helvetica, sans-serif;
padding-top: 2px;
padding-bottom: 0px;
padding-left: 3px;
color:#007AF5;	
letter-spacing: 0.05em;
}

body.print h5 {
margin:20px 0 0px 0;
font:normal 130%  "Century Gothic", Verdana, Arial, Helvetica, sans-serif;
padding-top: 0px;
padding-bottom: 0px;
padding-left: 3px;
color:#F57A00;	
letter-spacing: 0.05em;
}

body.print h6 {
margin:10px 0 0px 0;
font:bold 12px verdana, arial, sans-serif;
color:#F57A00;
line-height: 1.5em;
padding-left:5px;
padding-top: 0px;
}

body.print h1,h2{
margin:0;
font:normal 200%  "Century Gothic", Verdana, Arial, Helvetica, sans-serif;
padding-top: 35px;
padding-bottom: 0px;
padding-left: 3px;
color:#004F9E;
border-bottom: 1px solid #99CCFF;
letter-spacing: 0.05em;
width: 98%;
}


body.print .contentlno img {
float:left;
margin:0px 18px 0 0;
display:inline;
background: #fff;
}
body.print .contentlbrd img {
float:left;
margin:0px 18px 0 0;
display:inline;
background: #fff;
border: 1px solid #99CCFF; /* ram */
padding: 6px;}

#wrap {
margin-left: auto; 
margin-right: auto;
margin-top: 0px; 
width: 750px;
text-align: left;
background: #fff;
color: #303030;
border: 1px solid #E0E0E0;
}

#frontphoto {
margin: 0;
border: 0;
width: 750px;
height: 215px;
background-color: #A9CBF8;background: url(images/left1.jpg) no-repeat top left;
background-repeat: no-repeat;
}

#columns {
clear: left;
background: url(column.jpg) repeat-x top center;
margin: 0;
padding: 0;
}

#right_side {
float: right;
width: 220px;
margin-top:48px;
}

#right_side p {
margin-top:15px;
margin-bottom:-10px;
font-family: verdana, arial, sans-serif;
font-size: 0.9em;
color: #004166;
line-height: 1.5em;
padding-left:13px;
 }

/* for Internet Explorer */
/*\*/
* html #right_side p {
margin-bottom: -7px;
}

#right_side h4 {
display: block;
margin: 0;
background: url(ruta.jpg) repeat-x top center;
color: #fff;
font-size: 1.0em;
font-family: verdana, arial, sans-serif;
border-top: 2px solid #005CB8;
padding: 3px;
letter-spacing: 0.125em;
text-align: center;
font-variant: small-caps;
}

#right_side a {
color: #007AF5;
text-decoration:none;
font-size: 1.0em;
}

#right_side a:hover {
color: #007AF5;
text-decoration:underline;
font-size: 1.0em;
}

#right_side img {
display:inline;
background: #fff;
border: none; /* ram */
margin: -20px 0 0 14px;
}

.sideimg {
margin: 15px 6px 0px 6px; /* border:0; */
border: 1px solid #99CCFF; /* ram */
padding:6px 6px 6px 6px;
height: 131px;
   width: 176px;
}

/* for Internet Explorer */
/*\*/
* html .sideimg {
padding:5px 6px 6px 6px;
}

.sidebarbox-border {
width: 195px; margin: 0px 0px 0px 0px; padding: 4px 4px 4px 4px; border: solid 0px rgb(200,200,200);
}

#content {
margin: 0 20px 20px 30px;
padding: 0;
line-height: 1.5em;
text-align: left;
height: 600px;
 width: 465px;
}

html>body #content {
height: auto;
min-height: 700px;
}


#content h1,h2 {
margin:0;
font:normal 200%  "Century Gothic", Verdana, Arial, Helvetica, sans-serif;
padding-top: 35px;
padding-bottom: 0px;
padding-left: 3px;
color:#004F9E;
border-bottom: 1px solid #99CCFF;
letter-spacing: 0.05em;
width: 98%;
}

#content h4 {
	
margin:0 0 18px 0;
font:normal 150%  "Century Gothic", Verdana, Arial, Helvetica, sans-serif;
padding-top: 2px;
padding-bottom: 0px;
padding-left: 3px;
color:#007AF5;	
letter-spacing: 0.05em;
}

#content h5 {
	
margin:20px 0 0px 0;
font:normal 130%  "Century Gothic", Verdana, Arial, Helvetica, sans-serif;
padding-top: 0px;
padding-bottom: 0px;
padding-left: 3px;
color:#004F9E;
letter-spacing: 0.05em;
}

#content h6 {
margin:10px 0 0px 0;
font:bold 12px verdana, arial, sans-serif;
color:#F57A00;
line-height: 1.5em;
padding-left:5px;
padding-top: 0px;
}

#content p {
margin:10px 0 0px 0;
font-family: verdana, arial, sans-serif;
font-size: 12px;
color: #004166;
line-height: 1.5em;
padding-left:5px;
padding-top: 0px;
}

#content img {

display:inline;
background: #fff;
}

.contentlno img {
float:left;
margin:0px 18px 0 0;
display:inline;
background: #fff;
}

.contentlbrd img {
float:left;
margin:0px 18px 0 0;
display:inline;
background: #fff;
border: 1px solid #99CCFF; /* ram */
padding: 6px;
}

#content a {
color: #007AF5;
text-decoration:none;
background-color: #fff;
}

#content a:hover {
color: #007AF5;
text-decoration:underline;
background-color: #fff;
}

a:hover{
color: #007AF5;
text-decoration: underline;
}

a img {
border: 0;
}

#footer {
clear: both;
margin: 10px auto 0 auto;
padding: 10px 0 0 0;
border-top: 1px solid #ccc;
width: 750px;
text-align: center;
color: #808080;
font-size: 0.9em;
background-color: #fff;
}

#footer a {
color: #808080;
text-decoration: none;
}

#footer a:hover {
text-decoration: underline;
}

#logga_in {
text-align: right;
background-color: #fff;
}
#logga_in a {
color: #fff;
text-decoration: none;
}

#logga_in a:hover {
text-decoration: underline;
}

.textright {
text-align: right;
}

.table {
margin: 10px 0 20px 0;
}
.small {
font-size: 0.8em;
text-align: left;
}

.bold {
font-weight: bold;
}

.hide {
display: none;
}

textarea {
font: 90% Verdana,Tahoma,Arial,sans-serif;
margin-top: 10px;
margin-left: 5px;
padding: 5px;
width: 92%;
border: 1px solid #99CCFF; /* ram */
color: #004166;
}

input,select {
border: 1px solid #99CCFF; /* ram */
color: #004166;
}

.flashbox {
padding: 0;
margin:0;
}

#menu_bar {
width: 750px;
height: 25px;
background: #F57A00;
clear: both;
margin:0;padding:0;
 font-family: Verdana, Arial, Helvetica, sans-serif;
text-align: center;
}

#language {
height: 25px;
background: #F57A00 repeat-x top left;
font-family: Verdana, Arial, Helvetica, sans-serif;
text-align: right;
color:#fff;
float:right;padding:0 16px 0 0;margin:0;font-size:0.8em;font-weight:bold;line-height:25px;width:140px;
border-left:0px solid #ccc;
}

#language a:hover {
color: #004F9E;	
text-decoration: none;
}

/* Navigation - toc(1) ----------------------- */

div#menu ul {float:left;margin:0;padding:0;}
div#menu li {position:relative;list-style:none;float:left;font-size: 1em;line-height: 25px;white-space: nowrap;}
div#menu li a{
display: block;
float: left;
padding: 0px 18px 0 18px;
text-decoration: none;
font-family: "Century Gothic", Verdana, Arial, Helvetica, sans-serif;
letter-spacing: 0.125em;
text-align: center;
font-variant: normal;
font-weight: bold;
color: #fff;
border-right:1px solid #fff;
width:80px;
}

html>body #menu a {width: 80px;} /*fixes IE6 hack*/
	/* Commented Backslash Hack hides rule from IE5-Mac \*/ 
div#menu a {float: none;} /* End of IE5-Mac hack */
div#menu a:hover,div#menu a:focus,div#menu li:hover a{color:#fff;}
div#menu .sdoc, div#menu .sdocs {color: #fff;font-weight: bold;padding:0 0px 0 0px;}
div#menu .sdoc a, div#menu .sdocs a {color: #fff;font-weight: bold;}
div#menu ul.menulevel1 li:hover,div#menu ul.menulevel1 li:focus{background-color:#007AF5;color:#fff;}
div#menu li:hover a,div#menu li:focus a{background-color:#007AF5;}

/* Navigation - toc(2) ----------------------- */
div#menu li ul.menulevel2{width:80px;text-align:left;border-top:2px solid #fff;}
div#menu li ul.menulevel3{width:80px;text-align:left;}
div#menu ul ul{position:absolute;top:25px;margin:0;left:0px;display:none;width:80px;}
div#menu ul.menulevel1 li.docs:hover ul.menulevel2,div#menu ul.menulevel1 li.sdocs:hover ul.menulevel2,div#menu ul.menulevel2 li.docs:hover ul.menulevel3,div#menu ul.menulevel2 li.sdocs:hover ul.menulevel3 {display:block;}
div#menu ul.menulevel2 li.doc,div#menu ul.menulevel2 li.docs{position:relative;list-style:none;float:left;padding: 0;margin:0;font-size: 0.9em;line-height: 25px;width:80px;white-space: nowrap;background-color:#F57A00;}
div#menu ul.menulevel2 li.doc a,div#menu ul.menulevel2 li.docs a {display:block;float:left;text-decoration:none;font-weight: bold;color: #fff;width:80px;background-color:#F57A00;border-bottom:0px solid #fff;border-left:0px solid #fff;border-right:0px solid #fff;}
div#menu ul.menulevel2 li.sdoc,div#menu ul.menulevel2 li.sdocs{position:relative;list-style:none;float:left;padding: 0 10px 0 0px;margin:0;font-size: 0.9em;line-height: 25px;width:80px;white-space: nowrap;background-color:#EAEAF6;border-bottom:0px solid #ccc;border-left:0px solid #fff;border-right:1px solid #fff;}
div#menu ul.menulevel2 li.sdoc a,div#menu ul.menulevel2 li.sdocs a {display:block;float:left;padding:0 20px 0 15px;text-decoration:none;font-weight: bold;font-size: 0.9em;color: #CC0033;background-color:#F57A00;}
div#menu ul.menulevel2 li:hover,div#menu ul.menulevel2 li:focus {background-color:#F57A00;}
div#menu ul.menulevel2 li:hover a,div#menu ul.menulevel2 li:focus a {background-color:#007AF5;color:#CC0033}

/* z-indices ----------------------------------- */
div#menu ul.menulevel1 {z-index:10;}
div#menu ul.menulevel2 {z-index:20;}
div#menu li:hover {z-index:40;}

table.stats
{text-align: center;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif ;
font-weight: normal;
font-size: 0.9em;
width: 176px;
border: 0px;
border-collapse: collapse;
border-spacing: 0px;
margin: 15px 22px auto 14px;}

table.stats td
{background-color: #fff;
color: #004166;
padding: 0px;
text-align: left;
border: 0px #fff solid;}

table.stats td.hed
{background-color: #fff;
color: #333399;
padding: 4px;
text-align: left;
border-bottom: 0px #fff solid;
font-size: 0.9em;
font-weight: bold;}

.course{
float: left;
color: #004166;
font-weight: bold;
font-style: normal;
}

.price{  
float: right;color: #004166;
 }

.comments{	
font: italic 100% Georgia,Times,sans-serif;
color: #004166;
line-height: 1.2em;
}