/*

    This stylesheet contains only the general styles. All color
    specific styles should be in separate stylesheets.

    Website's color range:

    Color       Strong  Medium  Light
    Red         #ff0022 #ff8091 #ffc0c8
    Orange      #ff5108 #ffa884 #ffd4c2
    Yellow      #c39b3c #e1cd9e #fff9c0
    Green       #01ad00 #80d680 #c0ebc0
    Blue        #0e0ff5 #8787fa #c3c3fd
    Purple      #8c29e4 #c694f2 #e3caf9
    Grey        #7b7b7b         #f9f4fe


    Suggested attribute order is alphabetic.

*/

/* Selectors */

*a{
    position:relative;
}

a:link {
    color: #0e0ff5;
}

a:visited, a:visited:hover {
    color: #8787fa;
}

a:hover {
    text-decoration: none;
}

a:active {
    color: #c3c3fd;
}

body {
    background: #c3c3fd url("../images/navigation_background_blue.gif") repeat-x top left;
    font: 0.8em/1.6em Tahoma, Arial, sans-serif;
    height: 100%;
    margin: 0;
    padding: 0;
}

html {
    height: 100%;
}

h1, h2, p, ul, ol, li, img, blockquote, table, thead, tbody, tfoot, caption, th, tr, td, a, form, input, textarea, fieldset, pre, code {
    margin: 0;
    padding: 0;
}

h1 {
    font: normal 1.8em/1em Tahoma, Arial, sans-serif;
    color:  #0e0ff5;
    margin-bottom: 0.6em;
}

h2 {
    font: normal 1.4em/1em Tahoma, Arial, sans-serif;
    color: #0e0ff5;
    margin: 1.2em 0 0.6em 0;
}

h3 {
    font: normal 1.2em/1em Tahoma, Arial, sans-serif;
    color: #0e0ff5;
    margin: 0 0 0.6em 0;
}

img {
    border: 0;
}

li {
    color: #7b7b7b;
    display: list-item;
    list-style-type: disc;
    list-style-position: outside;
    margin-left: 1em;
}

p {
    color: #7b7b7b;
    margin-top: 0.6em;
}

table {
    border: 1px solid #fff;
    margin: 0.6em 0;
    width: 100%;
}

td {
    background-color: #c3c3fd;
    font-size: 0.8em;
    color: #7b7b7b;
    padding: 0 4px;
}

th {
    background-color: #8787fa;
    font-size: 0.8em;
    font-weight: normal;
    padding: 0 4px;
    text-align: left;
}

ul, ol {
    margin-bottom: 0.6em;
    padding-left: 1em;
}


/* Main template  */

#main_container {
    background: url("../images/body_background_blue.gif") no-repeat top right;
    margin: 0;
}

#main_top {
    height: 48px;
    margin: 0;
    padding: 0;
}

#main {
    margin: 0;
    padding: 0;
}

#main_footer {
    color: #0e0ff5;
    margin: 0;
    padding: 0 0 20px 210px;
    width: 400px;
}

/* Main navigation */

#main_navigation {
    display: inline; /* Double margin IE hack */
    float: left;
    font-size: 1.4em;
    height: 48px;
    margin: 6px 20px;
    white-space: nowrap;
    width: 800px;
}

#main_navigation a {
	color: #fff;
	float: left;
	padding: 6px 14px 7px 14px;
	text-decoration: none;
}

.primary_navigation_selected, #main_navigation a:hover {
	border: 2px solid #c3c3fd;
    color: #fff;
	float: left;
	padding: 4px 12px 5px 12px !important;
	text-decoration: none;
}

#main_navigation a:active {
    color: #c3c3fd;
}

/* Secondary navigation */

.secondary_navigation {
    margin-top: 180px;
}

.secondary_navigation a {
    background-color: #8787fa;
    color: #000;
    display: block;
    margin: 6px -11px 6px 6px;
    padding: 6px 0 8px 8px;
    position: fixed;
    width: 180px;
}

.secondary_navigation[class] a {
    position: static;
}

.secondary_navigation_selected {
    background-color: #fff;
    color: #000;
    display: block;
    margin: 6px -11px 6px 6px;
    padding: 6px 0 8px 8px;
    position: relative;
    width: 180px;
}

.secondary_navigation a:link, .secondary_navigation a:visited, .secondary_navigation a:active {
    color: #000;
    font-size: 1em;
    text-decoration: none;
}

.secondary_navigation a:hover {
    background-color: #f9f4fe;
    color: #000;
}

.secondary_navigation a:active {
    background-color: #fff;
}

.sidebar {
    background-color: #f9f4fe;
    color: #7b7b7b;
    display: block;
    margin: 32px -11px 6px 6px;
    padding: 6px 0 8px 8px;
    position: fixed;
    width: 180px;
}

.sidebar[class] {
    position: static;
}

/* Column layout */

#column_container {
    margin: 20px 0 0 10px;
    padding: 0;
    width: 986px;

}

#column_left {
    display: inline; /* Double margin IE hack */
    float: left;
    margin: 0;
    padding: 0;
    width: 180px;
}

#column_middle {
    display: inline; /* Double margin IE hack */
    float: left;
    margin: 0;
    padding: 0;
    width: 486px;
}

#column_right {
    display: inline; /* Double margin IE hack */
    float: left;
    margin: 0;
    padding: 0;
    width: 250px;
}

#column_left td, #column_middle td, #column_right td {
    vertical-align: top;
}

/* text area */

.text_area_container {
    margin: 0;
    padding: 0;
    width: 486px;
}

.text_area_top {
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/text_background_top.png');
    height: 25px;
    width: 486px;
}

.text_area_top[class] {
    background: url("../images/text_background_top.png") no-repeat top right;
}

.text_area_middle {
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/text_background_middle.png',sizingMethod=scale);
    height: 100%;
    width: 486px;
}

.text_area_middle[class] {
    background: url("../images/text_background_middle.png") repeat-y top right;
}

.text_area_bottom {
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/text_background_bottom.png');
    height: 22px;
    width: 486px;
}

.text_area_bottom[class] {
    background: url("../images/text_background_bottom.png") no-repeat top right;
}

.text_area {
    background-color: #fff;
    margin: 0 30px;
    padding: 15px 0;
}


/* Common classes */

.clear {
    clear: both;
}


/* Images */

.image_frontpage {
    margin: -40px -66px -50px -65px;
    position: relative; /* Negative margin IE hack */
}

/* News */

.news_heading {
    color: #0e0ff5;
    font-size: 1.2em;
}

.news_date {
    font-size: 0.8em;
}