﻿/* .|. Master Main -  Layout Table
---------------------------------------------- */
.wrapperTable {width: 946px;}
.leftShadowColumn {width:18px;vertical-align:top;}
.centerContentColumn {
    width: 910px;
    padding: 0px;margin:0px;
    background: #FFFFFF url('/images/bg-line-center.gif') no-repeat 428px -2px; 
    vertical-align: top;  
}
.rightShadowColumn {width:18px; vertical-align:top;}


/* .|. Internal - Layout Table
---------------------------------------------- */
.InternalTableWrapper  {width:910px; padding: 0px; margin: 0px;}
.InternalSidebarColumn {width:425px; padding: 0px; margin: 0px; vertical-align:top; /*background-color: Green;*/}
.InternalContentColumn {width:485px; padding: 0px; margin: 0px; vertical-align:top; /*background-color: blue;*/}


/* Changing Background Patterns (See Function on code behind 
------------------------------------------------------------- */
.bodyPattern1 {background: transparent url('/images/bg1-pattern.gif') repeat-x;}
.bodyPattern2 {background: transparent url('/images/bg2-pattern.gif') repeat-x;}



/* .|. Internal Layout Header Green area wrappers elements
----------------------------------------------------------- */
#divHeaderMenuWrapper {width:100%; height: 164px; background: transparent url('/images/bg-header-pattern.gif') repeat-x;}
    #divHeaderLogo {width: 835px; margin: 0px auto; padding-top: 30px; padding: 20px;}
    #divHeaderMenu {width: 910px; margin: 0px auto;}

#divHeaderMenuShadow {position: absolute; top: 164px; left: 0px; width:100%; height: 11px; background: transparent url('/images/bg-header-shadow.png') repeat-x;}

#divPageWrapper {width: 946px; margin: 0px auto;}
#divPageBottomContentEmptySpace {width: 100%;height: 15px;}



/* .|. Sidebar Column -- Grow effect
---------------------------------------------- */
#divSideNav {margin-top: 0px; padding: 0px; width:420px;}
#divSidebarWrapper {width:420px; margin: 0px auto;}
    #divSidebarTop {margin: 0 auto;width: 420px; height: 15px;}
    #divSidebarBody {margin: 0 auto;width: 420px; height: 301px;}
    #divSidebarBottom {margin: 0 auto;width: 420px; height: 8px;}



/* .|. Master Column -- Grow effect
---------------------------------------------- */
#divContentArea_Wrapper {
    width: 485px;
    height: 100%;
    margin: 0px;
    padding: 0px;
}
#divContent_1ColumnTextArea {
    width:380px; 
    min-height: 480px;
    height: 100%;
    margin-left: 50px; 
    padding-top: 40px;
}


/* .|. Hyperlinks
---------------------------------------------- */
.footer_links {
    font-size: 10px;
    color: #FF9900;
    line-height: 16px;
    /*font-weight: bold;*/
}
.footer_links a:link {color: #99CCCC;text-decoration: none;}
.footer_links a:visited {color: #99CCCC;text-decoration: none;}
.footer_links a:hover {color: #FF9900;text-decoration: underline;}


/* .|. Blog Area
---------------------------------------------- */
#BlogTitle {width: 800px; padding: 20px 55px;}
#BlogWrapper {width: 800px; padding: 0px 55px;}
#divBlogSidebar {
    float:right; 
    padding: 10px;
    margin:0 0 15px 15px;
    width: 200px;
    /*border: solid 1px #99CCCC;*/
    background-color: #FFFFFF;

}
.ProfileBodyCustomClass {
	color: #000000;
	line-height: 20px;
	padding-bottom: 5px;padding-top: 10px;
	width:460px;
	text-align:justify;
}
.ProfileBodyCustomClass a:link {color: #000000;text-decoration: none;}
.ProfileBodyCustomClass a:visited {color: #000000;text-decoration: none;}
.ProfileBodyCustomClass a:hover {color: #000000;text-decoration: none;}

