﻿body {
    background:url(/graphics/Background.jpg) no-repeat #000000;
    font-size:12px;
    font-family:Verdana, Arial, Helvetica, sans-serif;
}

div#outer {
    width: 765px;
    margin-top: 50px;
    margin-bottom: 50px;
    margin-left: auto;
    margin-right: auto;
    padding: 0px;
}

div#header {
	vertical-align:text-bottom;
    clear:both;
    color:White;
    margin: 0px;
    text-align: left;
    width:auto;
	height:52px;
}
div#header div#topLogo
{
	width:40%;
}
div#header div#topNavigation
{
	float:right;
	width:40%;
	text-align:right;
	height:52px;
	vertical-align:text-bottom;
}
div#header div#topNavigation a
{
    margin:27px 0 0 0;
    display:inline-block;
    color:White;
    text-decoration:none;
    padding:2px 4px 4px 4px;
}
a.linkHome
{
    border-bottom:5px solid #FF3399;
}
a.linkAbout
{
    border-bottom:5px solid #3399FF;
}
a.linkPortfolio
{
    border-bottom:5px solid #FFCC33;
}
a.linkContacts
{
    border-bottom:5px solid #00CC33;
}
a.linkHome:hover
{
    background: #FF3399;
}
a.linkAbout:hover
{
    background: #3399FF;
}
a.linkPortfolio:hover
{
    background: #FFCC33;
}
a.linkContacts:hover
{
    background: #00CC33;
}
div#nav {
}

div#main {
    clear:both;
    padding: 0px;
    height:386px;
}
div#main h1
{
    padding:0;
    margin:0;
}
div#main h2
{
    font-size:1.5em;
    margin:1em 0 0 0;
    padding:0;
}

div#left3rd {
    margin-left: 0;
    width:255px;
    height:100%;
    float:left;
}
div#left3rd, div.left3rd {
}

div#middle3rd {
    width:255px;
    height:100%;
    float:left;
}
div#middle3rd, div.middle3rd {
    background:#CCCCCC;
}

.darkGray
{
    background:#666666;
}
.darkBlue
{
    background:#FFFFFF;
}
.darkYellow
{
    background:#FFCC33;
}
.darkGreen
{
    background:#00CC33;
}
.darkGrayH1
{
    background:#838383;
}
.darkBlueH1
{
    background:#5BADFF;
}
.darkYellowH1
{
    background:#FED55A;
}
.darkGreenH1
{
    background:#32D55A;
}
.right3rd {
    width:255px;
    height:100%;
    float:left;
}

div#footer {
    clear:both;
    color:White;
    margin: 0px;
    text-align: left;
    width:auto;
}

div.container
{
}
div.container .Heading
{
    margin:20px 0 0 0;
    padding:0 0 0 15px;
    font-size:16pt;
    font-weight:bold;
    display:block;
}

div.innerContainer
{
    padding:5px 10px 10px 15px;
}

h1#AdminTitle
{
    padding:0;
    margin:0; 
    color:White;
    margin:1em 5em 0 2em;
    padding:0;
}

div#AdminPage
{
	background:white;
	padding:2em;
	margin: 2em 5em 5em 5em;
}
div#AdminPage h1
{
	padding:0;
	color:#00CC33;
}
div#AdminPage table.Form td.Title
{
    font-weight:bold;
    text-align:right;
}
div#AdminNavigation ul
{
    padding:0;
    margin: 0;
}
div#AdminNavigation ul li
{
    display:inline;
    padding: 0 1em 0 0;
}
div#AdminNavigation ul li a
{
    border:2px solid #FFCC33;
    background:#FED55A;
    padding:2px 3px 3px 3px;
    text-decoration:none;
    color:Black;
}
div#AdminNavigation ul li a:hover
{
    border:2px solid #FF3399;
    background:#FF3399;
    color:White;
}


fieldset legend
{
    color:#FF3399;
    font-weight:bold;
    font-size:1.5em;
}
fieldset
{
    border:2px solid #3399FF;
    padding:1em;
}
fieldset.Error
{
    border:2px solid red;
    color: Red;
}

div.categoryLink
{
	font-size: 14px;
	text-transform: uppercase;
	padding: 0 0 13px 25px;
}

.error-panel { padding-top: 10px;}
.error-panel .error-image { width: 32px; padding-right: 10px; margin: 0; float: left;}
.error-panel .error-details { margin: 0; padding-bottom: 20px; line-height: 16px;}
