﻿/* shared styles
---------------------------------------*/
html {
	margin: 0px;
	padding: 0px;
}

body {
	padding:0;
	color: #7D7D7D;	 	
}

body, table
{  
    font: 11px Tahoma;   
}

input, select {
    font: 12px Tahoma;
}

a {
    text-decoration: none; 
    color: #276490;
}

a:hover {
    color: #608EEA;
}

p {
    margin: 0 0 5px 0;
}

hr {    
    clear: both;
    margin: 0;
    height: 1px;
    border-width: 0px;
    border-bottom: solid 1px #ddd;
}

.txtNormal {
    width: 100px;
}

.txtMedium {
    width: 200px;
}

.txtLarge {
    width: 350px;
}

.forceLTR {
    direction: ltr;
}

.img {
    border: solid 1px #A4A4A4;
    background-color: #fff;
    padding: 4px;
    margin: 10px;
    width: auto;
}

#main h3 {
    font: 900 18px Arial;
    color: #666;
    margin: 0;
}

#main h4 {
    margin: 0;
    font: bold 12px Tahoma; 
}

#main, #details { 
    line-height: 16px;
}



/* page logo configuration
---------------------------------------*/
#intro {
}

#pageHeader h1, #pageHeader h2 {
	padding: 0px;
	margin: 0px;
	height: 60px;
	position: absolute;
	top: 0px;		
}

#pageHeader h1 {
	width: 220px;
	left: 0px;
	background: url(../images/core/logo.png) no-repeat top left;
}


#pageHeader h2 {
	width: 180px;
	right: 0px;
	background: url(../images/core/logoright.png) no-repeat top left;
}

#pageHeader h1 span, #pageHeader h2 span {
	display: none;
}


/* main site nav
---------------------------------------*/
#navContainer{
}

#nav {
    position: absolute;
    top: 20px;
    right: 30px;  
}

#nav ul , #nav li {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

#nav li {
    display: block;
    float: right;
    margin-left: 5px;
    background: #fff url(../images/core/nav-top.gif) no-repeat top left;
}

#nav a {
    display: block;
    color: #88BD03;    
    font: 11px Tahoma;
    padding: 5px 10px 5px 5px;
    border-top-width: 0;
    background: url(../images/core/nav-bottom.gif) no-repeat bottom right;
}

#nav a:hover, #nav .active a {      
    color: #666;
}

#nav li:hover, #nav li.active {      
    background-color: #CBD695;
    color: #666;
}