/*                                                                   */
/*  isvcss.css :: Johan Alwall och David Eriksson                    */
/*                                                                   */
html, body {  	
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  font-family: Verdana, Arial, Sans-serif;
  font-size: 14px;
  height:100%;
/*
  background-image: url("http://www.nuclear.gla.ac.uk/~inti/gradient.gif");
  background-repeat: repeat-x; 
*/
}

html>body {
  font-size: 100% /* Var snäll mot Opera  */;
}
#red {   /* Ger röd vänstermarginal */
  margin: 0px 0px 0px 0px;
  padding: 0px 20px 0px 20px;
  background-color: #D0D1D8;
/* #C2DFFF */
/* #46A3DB; 
 grey #98AFC7; */

/*  background-image: url("/img/rededge.gif"); 
  background-repeat: repeat-y; */
}
/* basix för vänstermarginalen */
#leftcolumn {
  position: absolute;
  left: 0px;
  top: 0px;
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
  width: 180px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px; 
  text-shadow: #6374AB 2px 3px 1px;

/*  height:100%;*/ /* funkar bara om parent container har höjdvärde */ 
  color: #fff;
  background-color: #A0A0A0;
/* #990000; */
/*  background-image: url("/img/uulogo_red.gif");
  background-repeat: no-repeat; */
}
/* Ser till att länkar i vänsterkolumn (på röd marginal) är vita */
#leftcolumn A {
  color: #fff;	
  text-decoration: none;
}
#leftcolumn A:hover {
  color: #fff;	
  text-decoration: underline;
}
#rightcolumn {
  padding: 0px 0px 0px 0px;
  margin: 0px 20px 0px 20px;
  width: 90%;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 13px; 
}

/* Grundinställningar för huvudytan */
#maincontent {
  /* position: relative;  */
/*  background:#fff; */
  margin-left: 180px;
/*  min-height: 85%;*/
  width: 600px;
  /* box model hack 	
     voice-family: "\"}\""; 
voice-family:inherit;
width: 430px; */	
}
/* html>#maincontent 	{
  width: 430px;
} */

/* Grundinställningar för smulraden */
#smulrad {
  /*position: relative;*/
  color: #98AFC7;
  padding: 0px 0px 0px 0px;
  margin: 10px 30px 0px 0px;
  /* width: 450px; */
  /* box model hack 	
     voice-family: "\"}\""; 
voice-family:inherit;
width: 430px;	 */
}
/* html>#smulrad 	{
  width: 430px;
} */ 
.smulrad {
  color : black;
/*  font-family : Verdana, arial, Sans-serif;*/
  font-size: 1.0em;
}
/* Grundinställningar för  sidfoten */
#footer {
/*  position: absolute; */
  background:#00000;
/*  background:#fff; */
  margin-top: 20px;  
  margin-left: 165px;
/*  left: 165px; */
  padding-bottom: 8px;
  width: 630px;
  clear: both;
  font-size: 0.95em;
}

.sidfotram { 
  border: 1px #ccc solid;
  margin-left: 15px;
  margin-right: 15px;
  padding: 5px 0px 5px 0px;
  text-align: center;  
}

.sidfotstreck { 
  border-top: 3px #ccc groove;
  padding: 5px 15px 5px 15px;
}

.nsonly { 
  display: none;
}

/* Ingen högerkolumn. Önskas dylik måste rightcol.css importeras  */		
#rightcolumn {
  display:none
}
#knapp {
  margin-bottom:10px;
  text-align:center
}
/* And the rest... */
h1 {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 2.0em;
  color: #000;
  text-shadow: #6374AB 2px 2px 1px;
}
h2 {
  font-size: 1.6em;
  font-family:Arial, Helvetica, sans-serif; 
  color: black; 
  text-shadow: #6374AB 2px 2px 1px;
/*  font-weight: bold*/
}
h3 {
/*  font-family: Arial, Helvetica, sans-serif;*/
  font-size: 1.4em;
  color: #000;
  text-shadow: #6374AB 1px 1px 1px;
}
h4, h5, h6 {
/*  font-family: Arial, Helvetica, sans-serif;*/
  font-size: 1.2em;
/*  font-weight: bold;*/
  color: #000;
  margin-bottom: 0px;
}
dt {
/*  font-family: Arial, Helvetica, sans-serif;*/
  font-size: 1.4em;
  color:#000;
  padding-bottom: 5px;
  padding-top: 5px;
  border-top: 2px #555 groove;
  clear: both;
}

p, ul, ol, dd, table {
  font-size : 1.0em;
}

dd {
  padding-bottom: 0px;
}

dd .floatright { 
  margin-top: -20px;
  padding-bottom: 10px;
}

ul {
  list-style-type:square;
  line-height: 1.5;
}
#leftcolumn ul  {
  margin-left:0; padding: 0 1em;
  list-style-type:none;
}
/* Allmänt för länkar */
A  {
  text-decoration : none;
/*  color : #9A0000; */
  color : #00099;
}
A:hover {
  text-decoration: underline;
}
/* Ser till att länkar i smulrad och sidfot inte fetas */
#smulrad A, #footer A {
/*  color : #9A0000; */
  color : #00099;
  text-decoration: none;
}
#smulrad A:hover, #footer A:hover {
  text-decoration: underline;
}

A.block {
  display: block;
  margin-bottom: 12px;
  border: 1px solid #FFF;
  padding: 4px;
  color: #000;
  text-decoration: none; 
  font-weight:normal;
}
A.block:hover {
  border: 1px solid #CCC;
  color: #000;
  background:#F3F3F3; 
  text-decoration: none; 
}
/* Bilder */
img	{
  border: 0px;
}

/* Netscape ignorerar @media vilket vi utnyttjar nedan. */
@media all{
  input, textarea, select{
    border-top : solid 1px #767065;
    border-right : solid 1px #CCC;
    border-left : solid 1px #767065;
    border-bottom : solid 1px #CCC;
    color : #666;
    font : normal 11px verdana, sans-serif;
  }
}

/* Floating divs */
.floatleft	{
  float		: left;
  text-align	: left;
}
.floatright	{
  float		: right;
  text-align	: right;
}
/* specialare */
.hide	{
  display: none;
}
.ahem	{
  display: none;
}

.inline {
  display: inline;
}

/* Menyn i vänsterkanten */
.menuhead{ 
  margin : 5px 5px 0px;
 }

.menuhead2{ 
  margin : 0px 15px 0px;
 }

.menufoot{ 
  line-height: 1.8;
  margin : 8px 20px 0px;
 }

.menuhead2 A{ 
  font-size: 1.6em;
  text-decoration: none;
  display: block;
}

.menu{  
/*  color: #fff;*/
  font-size: 1.3em;
  line-height: 1.3;
  padding: 12px 5px 0px 20px;
}

.menu A{ 
  font-size: 0.85em;
  padding-left: 10px;
  text-decoration: none;
  display: block;
}

.menu1{  
/*  color: #fff;*/
  font-size: 1.3em;
  line-height: 1.3;
  padding: 12px 5px 0px 20px;
}

.menu1 A{ 
  font-size: 1.1em;
  padding-left: 0px;
  text-decoration: none;
  display: block;
}

.menu A:hover{ 
  background-repeat: no-repeat;
  background-position: center left;
 }

.submenu A{  
  margin-left: 10px;
  padding-left: 10px;
}


/* Create cornered box from *http://wigflip.com/cornershop/ */
.box { 
  background: #FFFFFF; 
}
.boxtop { 
  background: url(http://www.nuclear.gla.ac.uk/~inti/icons/corner-ne.gif) no-repeat top right; 
}
.boxtop div { 
  font-size: 0;
  height: 20px; 
  background: url(http://www.nuclear.gla.ac.uk/~inti/icons/nw.gif) no-repeat top left; 
}
.boxbottom { 
  background: url(icons/corner-se.gif) no-repeat bottom right; 
}
.boxbottom div { 
  font-size: 0;
  height: 20px; 
  background: url(icons/corner-sw.gif) no-repeat bottom left; 
}
.boxcontent {
  padding: 0px 20px 0px 20px;
}

#boxes {
float:left;
width:691px;
margin:10px
}
#box1,#box2,#box3 {
margin-bottom:20px;
background-image:url(http://www.nuclear.gla.ac.uk/~inti/icons/web-box_bot.png);
background-position:left bottom;
background-repeat:no-repeat
}
#box1 h2,#box2 h2,#box3 h2 {
text-align:center;
padding:23px 30px 9px 0;
margin:0 0 0 -1px;
background:url(http://www.nuclear.gla.ac.uk/~inti/icons/web-box_top.png) top no-repeat #C2DFFF;
/* #C2DFFF; */

}
#box1 p,#box2 p,#box3 p {
padding:9px 19px 24px 12px;
margin:0 20 20
}