/**********************
 * Grundinställningar *
 **********************/

body
{
    /* background-color: #394123; */
    margin: 0;
    padding: 0;
    text-align: center;
    font-family: tahoma, arial, helvetica, sans-serif;
    font-size: 0.7em;
    color: #394123;
}
.background
{
    background-image: url(Images/BG_bamboo2.png);
}



/****************
 * Tabellformat *
 ****************/

table
{
    font-size: 1em;
    vertical-align: top;
    text-align: justify;
    border: 0px solid #6c7e36;
    width: 100%;
}

td
{
    vertical-align: top;
    text-align: left;
    border: 0px solid #394123;
}

.borders
{
    border-width: 1px;
    border-style: solid;
}

.mainTable
{
    width: 700px;
    height: 100%;
    text-align: center;
    border-width: 0px;
}

.header_TitleRow
{
    width: 100%;
    height: 47px;
    background-image: url(Images/iat_header.jpg);
    margin: 0;
    padding: 0;
    padding-left: 15px;
    vertical-align: middle;
    text-align: center;
    font-size: 2.5em;
    font-variant: small-caps;
    font-weight: bold;
    color: #fdfef8;
}

.header_Divisor
{
    height: 4px;
}

.header_SitePath
{
    width: 100%;
    height: 30px;
    margin: 0;
    padding: 0;
    padding-left: 15px;
    vertical-align: middle;
    text-align: left;
}


.footer_SitePath
{
    width: 100%;
    height: 53px;
    margin: 0;
    padding: 0;
    padding-left: 15px;
    vertical-align: middle;
    text-align: left;
}

.footer_CopyrightNotice
{
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    vertical-align: middle;
    text-align: center;
}

.menu_Heading
{
    /* För rubriker i menylisten */
    font-size: 9pt;
    font-weight: bold;
    text-decoration: underline;
    text-align: center;
}



/**********************
 * Standardtextformat *
 **********************/

h1, h2, h3, h4
{
    font-family: tahoma, arial, helvetica, sans-serif;
    padding-top: 0.5em;
    margin: 0;
    font-weight: bold;
    text-align: center;
}

h1
{
    text-transform: uppercase;
    font-size: 1.7em;
    border-bottom: #6c7e36 solid 1px;
}

h2
{
    font-size: 1.7em;
}

h3
{
    font-size: 1.25em;
}

h4
{
    font-size: 1.1em;
}

p
{
    font-size: 1.0em;
    text-align: justify;
    text-indent: 15px;
    font-family: tahoma, arial, helvetica, sans-serif;
    line-height: 1.5em;
    border: #6c7e36 solid 0px;
}

li
{
    text-align: justify;
    margin-left: 0;
    margin-right: 40px;
    margin-top: 0.4em;
    margin-bottom: 0.4em;
}



/*********************************
 * Formatteringsklasser för text *
 *********************************/

.tableText, .tabletext
{
    /* Används med <span>-tag runt tabeller som skall innehålla mycket text,     så att texten kan justeras och radbrytas på rätt sätt. */
    text-align: justify;
    text-indent: 0;
    margin: 0;
}

.heading
{
    /* Används för att göra en informell rubrik, typiskt i tabeller */
    text-indent: 0;
    text-decoration: underline;
    font-weight: bold;
}
.heading a, a:visited
{
    /* Ta inte bort linjerna under länkarna om de också råkar vara rubriker */
    text-decoration: underline;
}


.mark
{
    /* används för att markera textstycken med avvikande bakgrundsfärg */
    background-color: #fbf59b;
}


.notBold, .notbold
{
    font-weight: normal;
}

b, .emphasise
{
    /* används för att understryka vissa ord eller textstycken; identisk med <b> */
    font-weight: bold;
}



i, .emphasiseLess, .emphasiseless
{
    /* Används för mer försiktiga understrykningar; identisk med <i> */
    font-style: italic;
}


.disabled
{
    /* Används för att markera att något är upptaget eller otillgängligt */
    color: #aaaaaa;
}

.contrastingColour, .contrastingcolour
{
    /* Används då en kontrasterande färg behövs */
    color: #6e81b0;
}


.ashikaTerm, .ashikaterm
{
    /* Används för ashikanska termer i löptext.     Bör vara unionen av "emphasise" och "contrastingColour" */
    color: #6e81b0; /* söt rosa-lila nyans */
    font-weight: bold;
}

.recital
{
    /* Används vid t.ex. reciterande av dikter eller andra texter */
    font-size: larger; /*font-style: italic;*/
    text-align: center;
    text-indent: 0;
}

.noMargins, .nomargins
{
    margin: 0;
}

.largeMargins, .largemargins
{
    /* Används till textstycken med större höger- och vänstermarginaler */
    margin-left: 60px;
    margin-right: 60px;
}

.newsPost, .newspost
{
    margin-bottom: 0.5em;
    text-indent: 0;
}

.quote
{
    /* Används för citat */
    font-style: italic;
    text-align: justify;
    margin: 2.0em;
    margin-left: 80px;
    margin-right: 80px;
    text-indent: 0;
    color: #8c7f58;
}

.inLineQuote, .inlinequote
{
    /* Används för citat när de är skrivna i löptext (som inte är citat) */
    font-style: oblique;
    color: #8c7f58;
}

.story
{
    /*används för lite längre recitationer, ex.vis berättelser och legender */
    font-style: oblique;
    margin-left: 50px;
    margin-right: 50px;
}

.centered
{
    /* Används om text behöver centreras, t.ex. vid översättningar av dikter */
    text-align: center;
    text-indent: 0;
}

.left-aligned
{
    /* Används för att vänsterställa text som annars skulle vara t.ex centrerad */
    text-align: left;
}
.right-aligned
{
    /* Används för högerjusterad text */
    text-align: right;
}

.caption
{
    /* Används för bildtexter */
    font-size: smaller; /*font-style: oblique;*/
    margin-left: 2.0em;
    margin-right: 2.0em;
    margin-bottom: 2.0em;
    margin-top: 0.5em;
    text-indent: 0;
    text-align: center;
}

.notice
{
    /* Används för diverse notiser och info som rör t.ex. hur hemsidan bör användas */
    margin-top: 30px;
    margin-bottom: 30px;
    margin-left: 40px;
    margin-right: 40px;
    text-align: center;
    text-indent: 0;
    font-style: normal;
    font-weight: normal;
    border-top-width: 1px;
    border-bottom-width: 1px;
}

.onPageLinks, .onpagelinks
{
    /* Används för snabbnavigeringslänkarna till de olika delarna på sidan */
    margin-top: 30px;
    margin-bottom: 30px;
    margin-left: 0px;
    margin-right: 0px;
    text-align: center;
    text-indent: 0;
    font-style: normal;
    font-weight: normal;
    border-top-width: 3px;
    border-top-style: double;
    border-bottom-width: 3px;
    border-bottom-style: double;
}
.onPageLinks a, a:visited
{
    /* Inga linjer under länkarna */
    text-decoration: none;
}

.warning
{
    /* Används för varningar av diverse slag (sidan under uppbyggnad etc. */
    margin-top: 30px;
    margin-bottom: 30px;
    margin-left: 80px;
    margin-right: 80px;
    text-align: center;
    font-weight: bold;
    color: #CC5050;
    border: 2px solid #CC5050;
}

.credits
{
    /* Används för copyright och/eller författarinfo sist på sidan */
    text-align: center;
    text-indent: 0;
    margin-top: 40px; /*font-size: larger;*/
}

.noIndent, .noindent
{
    /* Används om en text skall visas utan indrag på första raden */
    text-indent: 0;
    text-align: justify;
}

.todo
{
    /* Används för att indikera saker som behöver åtgärdas */
    color: Red;
    font-weight: bold;
}


.galleryCaption, .gallerycaption
{
    /* Används för bildtexter i fotogalleriet */
    margin: 0px;
    margin-left: 10px;
    font-size: 1.0em;
    text-indent: 0;
}


/***********
 * Diverse *
 ***********/

.transparent25
{
    filter: alpha(opacity=25);
    -moz-opacity: 0.25;
    -khtml-opacity: 0.25;
    opacity: 0.25;
}
.transparent50
{
    filter: alpha(opacity=50);
    -moz-opacity: 0.5;
    -khtml-opacity: 0.5;
    opacity: 0.5;
}
.transparent75
{
    filter: alpha(opacity=75);
    -moz-opacity: 0.75;
    -khtml-opacity: 0.75;
    opacity: 0.75;
}
.fullScreen
{
    position: fixed;
    top: 0px;
    bottom: 0px;
    right: 0px;
    left: 0px;
    height: 100%;
    width: 100%;
    z-index: 123456;
}

.floatRight
{
    float: right;
}

.floatLeft
{
    float: left;
}

hr
{
    border: 0;
    border-top: 1px solid #6c7e36;
    height: 1px;
}

a
{
    color: #323798;
    font-weight: bold;
    text-decoration: none;
}

a:visited
{
    color: #b23e46;
    text-decoration: none;
}

a:hover
{
    color: #9d2376;
    text-decoration: none;
}

a:active
{
    color: #980000;
    text-decoration: none;
}

img
{
    border-width: 0;
    text-align: center;
}



/****************************
 * Bakgrunden på Masterpage *
 ****************************/

.header
{
    /* Rubrikraden överst på sidan */
    height: 81px;
    background-image: url(Images/BG_header.gif);
    background-repeat: no-repeat;
    margin: 0;
    padding: 0;
}

.footer
{
    /* Ytan underst på sidan */
    height: 75px;
    background-image: url(Images/BG_footer.gif);
    background-repeat: no-repeat;
    margin: 0;
    padding: 0;
}

.menu
{
    /* Menylisten */
    line-height: normal;
    width: 172px;
    text-align: center;
    padding-right: 0px;
    padding-left: 8px;
    padding-bottom: 5px;
    padding-top: 15px;
    background-image: url(Images/BG_menu.gif);
    background-repeat: repeat-y;
}

.body
{
    /* huvudytan där allt innehåll presenteras */
    text-align: center;
    padding: 12px;
    padding-right: 20px;
    background-image: url(Images/BG_bodyGradient.gif);
    background-repeat: repeat-y;
}

.separator
{
    /* Marginalen mellan menyn och huvudytan */
    height: 100%;
    width: 8px;
    background-image: url(Images/BG_bodyBorder.gif);
    background-repeat: repeat-y;
}



/********************************************
 * Klasser främst tänkta för ASP-kontroller *
 ********************************************/
.lightestBackground
{
    background: #fdfef8;
}

.lighterBackground
{
    background: #eff4dc;
}

.defaultBackground
{
    background: #dfebba;
}

.darkerBackground
{
    background: #cfe099;
}

.darkestBackground
{
    background: #b3c97f;
}


.lightestBorders
{
    border-color: #cfe099;
}

.lighterBorders
{
    border-color: #b3c97f;
}

.defaultBorders
{
    border-color: #92ad49;
}

.darkerBorders
{
    border-color: #6c7e36;
}

.darkestBorders
{
    border-color: #394123;
}