/*
    Document   : CSS1
    Created on :Nov 19, 2009, 10:03:52 PM
    Author     : Valaas
    Description:
        This file governs all the styling and presentation for the site.


   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

root { 
    display: block;
}
h1 {
    	color:black; 
        font-size:24pt;
        text-align:center;
        font-family:arial,sans-serif
    }
.menu {
    	color:black; font-size:12pt; text-align:center;
        font-family:arial,sans-serif; font-weight:bold;
    }
td {
            	background:#5588FF;
    }
td.left {
    	background:black;
        background:#5588FF;
        width:100%;
    }
p {
    	color:black; font-size:12pt; text-align:justify;
       	font-family:arial,sans-serif
    }
p.foot {
    	color:black; font-size:9pt; text-align:center;
        font-family:arial,sans-serif; font-weight:bold
    }

a:link,a:visited,a:active {
    	color:black
    }

    #heading {
     border-color: #000000;
    border-width: .25em;
    border-style: solid;
    }
#left {
    float: left;
    width: 20%;
    clear: left;
    background: #5588FF;
    border-color: #000000;
    border-width: .25em;
    border-style: ridge;
    }

#right, #int {
    float: left;
    width: 75%;
    padding-left:1%;
    }

.community {
    background: #EEFFFF;
    border-color: #000000;
    border-width: .25em;
    border-style: ridge;
    }

    .community div{
        background: #EEFFFF;
        font-weight: bold;
        float: left;
        width: 23%;
        padding-left:1%;
    }
        #updates, #results.community{
        padding-left: 2%;
        background: #EEEEFF;
    }

    #avatar {
        width: 100%;
    }

.home_content h3 {
    background:#5588FF;
    float: left;
    width: 100%
}

.home_content img {
    float: left;
    margin-right: 1%
        
}
.home_content div{
    float: left
}

.home_content{
    background:#EEEEFF;
}

.theory h2 {
    text-align:center;
}
.theory h3 {
    background:#5588FF;
    float: left;
    width: 100%
}

.theory .short_desc {
    background: #AADDBB;
}

.theory div{
    float: left
}

.theory{
    background:#EEEEFF;
}

.mem_types{
    background:#EEEEFF;
}
div.mem_types{
    float: left;
    padding:5px;
}
td.mem_types{
    padding:5px;
}