﻿
body
{
    background-color: #eee;/*#5c87b2;*/
/*    color: #696969;*/
    color: #333;
    font-family: Verdana,Tahoma,Arial;
   	font-weight:400;
    /*font-size:11pt;*/
}

body.popup 
{
    background-color: #fff;
}

#header 
{
/*	background-image:url(Images/logo_ojc.png);
	background-position:top right;
	background-repeat:no-repeat;*/
	height:50px;
	font-size: 9pt;
	font-weight:normal;
	font-family:Verdana;
	font-weight:normal;
	padding:0px 2px 0px 2px;
	margin:15px 60px 0px 70px;
    color: silver;
}

#header a:link, #header a:visited
{
    color: silver;
    text-decoration: none;
}

#header a:hover
{
    color: gray;
    text-decoration: none;
}

#main
{
	padding:0px;
	margin:10px 60px 10px 70px;
    background-color: #fff;
    margin-bottom: 30px;
    _height: 1px; /* only IE6 applies CSS properties starting with an underscrore */
}

div#main > p 
{
	width:650px;
}

div.menu 
{
	width:auto;
	background-color:transparent;
	border-bottom:1px solid #ccc;
	font-family: Tahoma, Arial, Helvetica;
	font-weight:200;
}
div.menu td.menutitle
{	
	font-size:18px;
}
div.menu a.menutitlelabel:hover
{
	color:#000;
}
div.menu td.menu_on 
{
	background-color:transparent;
/*	border-top:1px solid darkgrey;*/
}

#logindisplay 
{
	text-align:left;
	float:none;
	margin-bottom:10px;
}

.mappath
{
	display:none;
}
#loading 
{
	position:absolute;
}


div#page.admin #main 
{
	margin:0;
}

.tablePart_cell p 
{
	padding:0 10px 0 0;
}


#popup 
{
/*    padding: 30px 30px 15px 30px;
    background-color: #fff;*/
}

#footer
{
    color: #999;
    padding: 10px 0 0 0;
    text-align: center;
    line-height: normal;
    margin: 0;
    font-size: .9em;
}


/* DROP SHADOW FRAME
----------------------------------------------------------

table.shadow 
{
	width:80%;
	height: 100%;
	background-color: white;
	border-right: 0px solid; 
	border-top: 0px solid; 
	border-left: 0px solid; 
	border-bottom: 0px solid; 
	moz-border-radius-bottomleft: 15px; 
	moz-border-radius-bottomright: 15px; 
	moz-border-radius-topleft: 3px; 
	moz-border-radius-topright: 3px; 
}

div#page.admin > table.shadow 
{
	width:98%;
}

.shadow_top_left {
	width:10px;
	height:10px;
	background-color:#eee;
	background-image:url(Images/shadow_top_left.png);
	background-position:bottom right;
	background-repeat:no-repeat;
}

.shadow_top {
	height:10px;
	background-color:#eee;
	background-image:url(Images/shadow_top.png);
	background-position:bottom left;
	background-repeat:repeat-x;
}
.shadow_top_right {
	width:10px;
	height:10px;
	background-color:#eee;
	background-image:url(Images/shadow_top_right.png);
	background-position:bottom left;
	background-repeat:no-repeat;
}


.shadow_left {
	width:10px;
	background-color:#eee;
	background-image:url(Images/shadow_left.png);
	background-position:top right;
	background-repeat:repeat-y;
}

.shadow_right {
	width:10px;
	background-color:#eee;
	background-image:url(Images/shadow_right.png);
	background-position:top left;
	background-repeat:repeat-y;
}
*/
.shadow_left_menu {
/*	width:10px;
	background-color:#eee;*/
	background-image:url(Images/shadow_left.png);
/*	background-position:top right;
	background-repeat:repeat-y;*/
}

.shadow_right_menu {
/*	width:10px;
	background-color:#eee;*/
	background-image:url(Images/shadow_right.png);
/*	background-position:top left;
	background-repeat:repeat-y;*/
}
/*
.shadow_bottom_left {
	width:10px;
	height:10px;
	background-color:#eee;
	background-image:url(Images/shadow_bottom_left.png);
	background-position:top right;
	background-repeat:no-repeat;
}
.shadow_bottom {
	height:10px;
	background-color:#eee;
	background-image:url(Images/shadow_bottom.png);
	background-position:top left;
	background-repeat:repeat-x;
}

.shadow_bottom_right {
	width:10px;
	height:10px;
	background-color:#eee;
	background-image:url(Images/shadow_bottom_right.png);
	background-position:top left;
	background-repeat:no-repeat;
}

*/

/* JULLIAN Branding
----------------------------------------------------------*/

h1 {
	margin-top:0px;
/*	margin-left:-15px;*/
	padding:20px 0px 10px 0px;
	/*background-image:url(Images/big_red_arrow.png);*/
	background-position:0px 0px;
	background-repeat:no-repeat;
	/*padding-left:35px;
	height:35px;*/
	font-family: Verdana, Tahoma, Arial, Helvetica;
	font-size: 24pt;
	font-weight:400;
	text-align: left;
	vertical-align:middle;
	/*color: #222;*/
	color: #F33;
	font-weight:normal;
	/*letter-spacing:1px;*/
}

h2 
{
/*	margin-left:-15px;
	background-image:url(Images/red_arrow.png);
	background-position:0px 5px;
	background-repeat:no-repeat;
	padding-top:2px;
	padding-left:15px;*/
	font-family: Verdana, Tahoma, Arial, Helvetica;
	font-weight: 200;
	font-size: 12pt;
	text-align: left;
/*	text-transform:uppercase;
	letter-spacing:1px;*/
	color: #F33;
	padding-bottom:0;
}

#main {
/*	background-image:url(Images/logo_ojc.png);
	background-position:top right;
	background-repeat:no-repeat;*/
}
body.popup #main {
	/*background-image:url(Images/logo_ojc_small.png);
	background-position:top right;
	background-repeat:no-repeat;*/
}

.navigatorSection > h3 
{
	background-image:url(Images/red_arrow.png);
	background-position:5px 3px;
	background-repeat:no-repeat;
	padding-left:20px;
}

div.menu > table
{
	padding-left:58px;
}



/* BLOG
----------------------------------------------------------*/

.blogPostFragment
{
/*	border-top:1px solid #888;
	border-bottom:1px solid #888;*/
	border-left:8px solid #DDD;
	padding-left:3px;
}

.blogPostFragment.published 
{
	border-left:8px solid #FFD0D0;
}

.blogNavigationBar 
{
	background-color:#ddd;
	padding-left:5px;
	padding-right:5px;
	width:250px;
}
