body {
background-color : #ffeeef;
margin : 0px 0px 20px 0px;
text-align : center;
font-family : Arial, Times New Roman, Helvetica, sans-serif;
font-size : 10pt;
}

a { color : #333399; text-decoration : none; }
a:visited {  }
a:link {  }
a:active {  }
a:hover {  color : #333399; text-decoration : underline; }

a.more { color : #333399; text-decoration : none; }
a.more:visited {  }
a.more:link {  }
a.more:active {  }
a.more:hover { text-decoration : underline; }


.fieldText { BORDER-RIGHT: #cccccc 1px solid; BORDER-TOP: #999999 1px outset; FONT-SIZE: 10px; BORDER-LEFT: #999999 1px outset; COLOR: #336699; BORDER-BOTTOM: #cccccc 1px solid; FONT-FAMILY: Verdana, Arial; HEIGHT: 14px; BACKGROUND-COLOR: #ffffff }


/* ------------------- headline definitions ------------ */
/* Rubriken består av en div och en tabell, där tabellen kan delas in i två td med vänster- resp höger-ställd text */

table.headlinetext {
width : 98%;
font-weight : bold;
color : #ffffff;
margin : 0;
padding : 0 1em 0 0;
}

td.headlineRightAlign {
text-align : right;
}

.headlinetext a {  color : #DDDDDD; text-decoration : none; }
.headlinetext a:visited { font-size : 10pt; color : #DDDDDD; text-decoration : none; }
.headlinetext a:link { font-size : 10pt; color : #DDDDDD; text-decoration : none; font-family : Arial, Times New Roman, Helvetica, sans-serif }
.headlinetext a:active { font-size : 10pt; color : #DDDDDD; text-decoration : none; font-family : Arial, Times New Roman, Helvetica, sans-serif }
.headlinetext a:hover { font-size : 10pt; color : #FFFFFF; text-decoration : none; font-family : Arial, Times New Roman, Helvetica, sans-serif }

/* ------------------- end headline text definition ------------ */


/* ---------------------- heighlights table row ---------------- */
table.memberlist th       { width : 120px; color : #0000BB; font-weight : bold; text-align : left;  }
table.memberlist th.portals   { text-align : center; white-space : nowrap; }
td.name       { width : 100px; white-space: nowrap;  overflow: hidden; padding : 0px; text-align : left; }
td.email       { width : 100px; white-space: nowrap;  overflow: hidden; padding : 0px; text-align : left; }
td.portals   { text-align : center; white-space : nowrap; }
.memberlist tr:hover { background-color : #E3E4FF; }
.memberlist a:hover  { text-decoration:underline; }
.memberlist .butt  { font-family: Arial; color: #000000; font-size: 9px; width: 25px; text-align : middle }
/* -------------------- end heighlights table row -------------- */


.buttons  { font-family: Arial; color: #000000; font-size: 12px; width: 40px; }

.colortext {
color : #C00000;
}

p  {
margin: 0px 0px 10px 0px; padding: 0; text-align: left;
}

p.br_p  {
margin: 0; padding: 0; text-align: left;
}

p.last_p  {
margin: 0px 0px 20px 0px; padding: 0; text-align: left;
}

h2 {
font-size : 10pt;
font-weight : bold;
color : #C00000;
margin : 5px 5px 5px 0px;
 text-align: left;
}


#header {
position : relative;
top : 0;
left : 0;
width : 750px;
height : 90px;
margin: 15px auto 0px auto;
padding : 0;
text-align : left;
border: 1px solid gray;
background-image: url("pics/salsa_banner.gif");
background-position: top right;
background-repeat : no-repeat;
background-color : #ffffff;
}


/* ------------------- top menu ------------ */
#menuTopRow {
position : relative;
top : 0;
left : 0;
width : 740px;
margin : 0 auto 0 auto;
padding : 0.2em 1em 0.2em 0.5em;
text-align : left;
color : #111111;
font-size : 10pt;
font-weight : bold;
text-decoration : none;
}

#menuTopRow a { font-size : 10pt; color : #777777; text-decoration : none; font-family : Arial, Times New Roman, Helvetica, sans-serif }
#menuTopRow a:visited {  text-decoration : none; }
#menuTopRow a:link { text-decoration : none;  }
#menuTopRow a:active { text-decoration : none;  }
#menuTopRow a:hover {  color : #111111; text-decoration : underline; }

#menuBottomRow {
position : relative;
top : 0;
left : 0;
width : 740px;
margin : 0 auto 0 auto;
padding : 0.2em 1em 0.2em 0.5em;
text-align : left;
border-top: 1px dotted gray;
color : #111111;
font-weight : bold;
text-decoration : none;
}

#menuBottomRow a { color : #777777; text-decoration : none; }
#menuBottomRow a:visited { text-decoration : none;  }
#menuBottomRow a:link { text-decoration : none;  }
#menuBottomRow a:active { text-decoration : none;  }
#menuBottomRow a:hover {  color : #111111; text-decoration : underline; }
/* ------------------- end top menu ------------ */

#mainContent {
position : relative;
top : 0;
left : 0;
width : 750px;
margin : 0 auto 0 auto;
text-align : left;
background-color : #ffffff;
border: 1px solid gray;
}

#headlineBox {
position : relative;
top : 0;
left : 0;
margin : 0 0 5px 0;
padding : 5px 10px 5px 10px;
background-color : #C00000;
border: 1px solid #C00000;
}

#wideContent {
position : relative;
top : 0;
left : 0;
margin : 10px;
padding : 0;
background-color : #ffffff;
}

#baseLeftContent {
position : relative;
width : 100%;
margin : auto;
padding : 0px 20px 0px 15px;
background-color : #ffffff;
vertical-align : top;
}

/* ------------------- right meny -------------- */
#rightMenu {
position : relative;
width : 25%;
float : right;
margin : auto;
padding : 10px 10px 20px 10px;
background-color : #ffffff;
clear : right;
}

#baseMenuContent {
margin : 0;
padding : 5px 10px 0px 30px;
vertical-align : top;
}

.rightMenuBox {
width : 200px;
margin : 0 0 10px 0;
background-color : #C00000;
}
.rightMenuHead {
width : 100%;
color : #ffffff;
margin : 0;
padding : 2px;
background-color : #C00000;
}
.rightMenuContent {
width : 100%;
color : #C00000;
margin : 0;
padding : 2px;
background-color : #ffffff;
}
.rightMenuContentUpper {
padding : 0 0 3px 0;
font-size : 10px;
vertical-align : bottom;
color : #111111;
}
.rightMenuContentLower {
padding : 0 0 10px 0;
font-size : 12px;
vertical-align : top;
}


/* ----------------- end right meny ------------------ */

#footer {
position : relative;
top : 0;
left : 0;
width : 750px;
margin: 0 auto 0 auto;
padding: 0;
text-align : left;
}