/********************************************************
*                   TABLE OF CONTENTS                   *
*                                                       *
*   I. COLORS                                           *
*                                                       *
*   1. DEFAULTS AND OVER-RIDES                          *
*   2. LOGIN                                            *
*   3. HEADER                                           *
*   4. MENU                                             *
*   5. CONTENTS                                         *
*   6. FOOTER                                           *
*   7. DYNAMIC                                          *
*                                                       *
********************************************************/

/********************************************************
*                       COLORS                          *
*                                                       *
*   SITE-BACKGROUND: #1E2831                            *
*   ACCENT-BOXES:    #E07A0C                            *
*   TEXT-ACCENT:     #374757                            *
*   BLUE             #1A2A3A                            *
*                                                       *
********************************************************/


/********************************************************
*                DEFAULTS AND OVER-RIDES                *
********************************************************/
html, body
{
    background-color:#1E2831;
    
    margin:0;
    padding:0;
    
    height:100%;
    width:100%;
    
    font-family:Sans-Serif;
    color:#FFFFFF;
    font-size:12px;
    word-spacing:1px;
    line-height:15px;
    font-weight:lighter;
}

a
{
    font-family:Sans-Serif;
    color:#FFFFFF;
    font-size:12px;
    word-spacing:1px;
    line-height:15px;
    font-weight:lighter;
    text-decoration:none;
}

a img
{
    background-color:#FFFFFF;
    border:solid 2px #FFFFFF;
}

a:hover
{
    font-family:Sans-Serif;
    color:#E07A0C;
    font-size:12px;
    word-spacing:1px;
    line-height:15px;
    font-weight:lighter;
    text-decoration:none;
}

.pageContainer
{
    margin:0px auto 0px auto;
    padding:0;
    
    width:966px;
    
    background-color:#374757;
}

.accentBox
{
    background-color:#E07A0C;
    
    height:25px;
    width:20px;
}
/********************************************************
*                       LOGIN                           *
********************************************************/

/********************************************************
*                       HEADER                          *
********************************************************/
.header
{
    font-size:20px;
    font-weight:400;
    padding:0 0 0 25px;
    vertical-align:middle;
}
.headerWrapper
{
    margin:0 15px 0 15px;
}

#accentBox
{
    position:relative;
    top:42px;
    left:16px;
}
/********************************************************
*                        MENU                           *
********************************************************/
.menuHeaderText
{
    font-size:13px;
    font-weight:bold;
}
.menuContainer
{
    position:relative;
    
    left:0px;
    top:0px;
    float:left;
    
    margin:15px 0 0 0;
    
    width:333px;
    height:696px;
    
    background-color:#FFFFFF;
    background-image:url(../img/menuBackground.jpg);
    background-repeat:no-repeat;
}

.menuWrapper
{
    height:585px;
    width:307px;
}
.accordionHeader
{
    background-image:url(../img/navimage.jpg);
    width:307px;
    height:30px;
}
.accordionHeader:Hover
{
    background-image:url(../img/navimageroll.jpg);
    width:307px;
    height:30px;
}
.menuHeader
{
    padding:7px 0px 0px 85px;
}
.menuHeaderLink
{
    color:#FFFFFF;
    font-size:13px;
    font-weight:bold;
}
.menuHeaderLink:Hover
{
    color:#1A2A3A;
    font-size:13px;
    font-weight:bold;
}
.menuHeader:Hover
{
    color:#1A2A3A;
}
.menuContent
{
    color:#374757;
    margin:7px 0px 0px 100px;
}
.currentPageLink
{
    color:#990033;
    margin:7px 0px 0px 100px;
}
/********************************************************
*                      CONTENTS                         *
********************************************************/
.contentContainer
{
    position:relative;
    
    left:0px;
    top:0px;
    float:left;
    
    margin:15px 0 0 0;
    
    height:696px;
    width:633px;
    
    background-color:#374757;
    background-image:url(../img/contentBackground.jpg);
    background-repeat:no-repeat;
}

.contentWrapper
{
}

.contentHeaderContainer
{    
    padding:15px 0 15px 0;
    background-image:url(../img/headerBackgound.png);
    background-repeat:repeat;
}

.ImageViewerContainer
{
    margin:5px auto 0px auto;
    overflow:hidden;
}

.PortfolioImage
{
    padding: 3px 3px 8px 3px;
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
	background-color:#FFFFFF;
	border:solid 0 #FFFFFF;
	width:200px;
	height:200px;
}
/********************************************************
*                 NEWS ARTICLE CONTROL                  *
********************************************************/
#newsItemWrapper
{
    margin:0px 0px 10px 0px;
    vertical-align:middle;
    text-align:left;
}

.NewsArticleHeader
{
    margin:0px 0px 0px 7px;
    font-size:14px;
    width:100%;
    font-weight:bold;
    color:#E07A0C;
    vertical-align:top;
    text-align:left;
}
.NewsArticleImageWrapper
{
    vertical-align:middle; 
}

.NewsArticleContent
{
    margin:0px 0px 0px 10px;
    text-align:left;
}

.lineBreak
{
    width:100%;
    height:10px;
}