﻿/*
========================================================================
Filename:		structure.css
Date Created:	2009-03-05
Description:	Content CSS stylesheet
Site:			Asset Transfer Unit (http://www.atu.org.uk/)
Author:			Mark Patterson (mark.patterson@atticmedia.com)
========================================================================
*/

/* TABLE OF CONTENTS
-------------------------------------------------------------- 
- Imported Stylesheets
+ Generic Styles
    - Body
    - Table
    - ClearDiv
    - Hidden
- Main Wrapper
- Utility Bar
- Left Column 
- Main Column   
- Crumbtrail
+ ContentWrapper
    - ContentWrapper
    - ContentWrapperBody
    - Content
    - Sidebar 
- Footer
-------------------------------------------------------------- */

/* Imported Stylesheets
------------------------------------------------------------ */
@import url(lib/reset.css);
@import url(lib/typography.css);
@import url(lib/content.css);
@import url(lib/navigation.css);
@import url(lib/wiki.css);


/* Generic Styles
------------------------------------------------------------ */
body
{
    /*background: #312C84 url(../images/generic/bg.jpg) repeat-x top center;*/
    background: #312C84 url(../images/generic/main_bg.jpg) repeat-x 0 0;
}
table
{
    clear: both;
}
.FloatLeft
{
    float: left;
    clear: right;
}
.ClearDiv
{
    clear: both;
}
.Hidden
{
    background-color: transparent;
    color: #ffffff;
    font-size: 1px;
    margin-bottom: -10px;
    position: absolute;
    margin-left: -9999px;
    margin-top: -9999px;
}


/* Main Wrapper 
------------------------------------------------------------ */
#MainWrapper
{
    margin: 0 auto;
    width: 906px;
}
#MainWrapper .MainWrapperBody
{
    float: left;
    clear: both;
    width: 100%;
    background: #363391 url(../images/generic/mainwrapperbody_bg.gif) repeat-y 0 0;
    position: relative;
}


/* UtilityBar 
------------------------------------------------------------ */
#UtilityBar
{
    background-color: #363391;
    padding: 5px 0;
    height: 25px;
}


/* Left Column 
------------------------------------------------------------ */
#LeftColumn
{
    float: left;
    clear: right;
    width: 202px;
    background-color: #363391;
}


/* Main Column 
------------------------------------------------------------ */
#MainColumn
{
    background-color: #363391;
    float: left;
    clear: right;
}


/* Crumbtrail 
------------------------------------------------------------ */
#Crumbtrail
{
}

/* Content Wrapper 
------------------------------------------------------------ */
#ContentWrapper
{
    background-color: #ffffff;
    float: left;
    clear: right;
    width: 704px;
    color: #000000;
    padding-bottom: 20px;
}
.ContentWrapperBody
{
    padding: 11px;
    min-height: 435px; /*min-height: 345px;     float: left;*/
    clear: both;
}
.Content
{
    float: left;
    width: auto;
}


/* Content
------------------------------------------------------------ */
.Content
{
    float: left;
    clear: right; /*width: 614px;*/
    width: 514px; /*margin-right: 7px;*/
}
.FullWidth
{
    width: 682px;
    margin-right: 0;
}


/* Sidebar
------------------------------------------------------------ */
.Sidebar
{
    float: left;
    clear: right;
    width: 152px;
    margin-left: 15px;
}


/* Footer 
------------------------------------------------------------ */
#Footer
{
    clear: both;
    float: left;
    width: 100%;
    margin-top: 20px;
    display: inline;
}
#Footer .FooterBody
{
    padding: 0 11px 11px 11px;
}
#MainWrapper #Footer ul
{
    list-style-type: none;
}
#MainWrapper #Footer li
{
    display: inline;
    padding-right: 10px;
}
#MainWrapper #Footer li a
{
    padding-right: 10px;
    display: inline !important;
}
#Footer p
{
    clear: both;
    display: block;
}
#Footer .CompanyInfo, #Footer .FooterLinks
{
    clear: both;
    float: left;
    margin-top: 10px;
    width: 100%;
}

.wiki-comment-box
{
    
}

.wiki-comment-box textarea
{
    width: 300px;
}

