/* Fix My PC Layout Styles */


/* Reset */
* { 
    margin:0px; 
    padding:0px; 
    background:transparent none;
    background-repeat:no-repeat;
}

div { position:relative; }

/* This is for IE6 stuff that needs to be transparent, the div needs to wrap
whatever has a transparent png in it */
div.pngFix { margin:0px !important; padding:0px !important; }

/* Layout */

html { 
    background:#505050 url('../images/bodyBackground.jpg'); /* in iestyles */
    background-position:center top; 
    background-repeat:no-repeat;
    background-attachment:fixed;
}

body {
    position:relative;
    display:block;
    width:1056px;
    max-width:1056px;
    margin:0px auto;
}


/* Class for any of the main body parts */
div.bodyPart {
    width:100%;
    margin:0px auto;
}

div#BodyTop {
    background:transparent url('../images/bodyTopBack.png') no-repeat center top;
    height:107px;
}

div#BodyCenter { 
    background:transparent url('../images/bodyCenterBack.png') repeat-y center top;     
}

    div#BodyContentWrapper {
        width:960px;
        max-width:960px;
        margin:0px auto;
         
    }
    
    div#HeadWrapper {
        top:-60px;
    }

        div.socialNetworkingLinks { 
            position:absolute;
            width:300px;
            height:50px;
            top:-55px;
            left:264px;
        }
        
            div.socialNetworkingLinks a {
               float:left;
               width:47px;
               height:50px;
            }

    div#BodyCenter div#Heading {
        background:transparent url('../images/heading.png') no-repeat center top;
        height:185px;
    }
    
    div#MiddleGround {
        width:100%;
        height:225px;
        z-index:1024;
        margin-top:-128px; /* iestyles */
        margin-bottom:-187px;
    }

        div#HeaderMenuWrapper {
            position:absolute;
            margin-top:97.5px;
            width:100%;
            height:30px;
            background:transparent url('../images/menuGradient.png');
        }
        
            div#HeaderMenu {
                width:700px;
                height:100%;
                position:absolute;
                top:0px;
                right:0px; 
            }
        
                div#HeaderMenu ul.menu {
                    list-style:none outside;
                    height:100%;
                    display:block;                
                }
                
                div#HeaderMenu ul.menu li {
                    display:inline-block;
                    height:100%;
                }
                
                /*iestyles*/
                div#HeaderMenu ul.menu li ul.menu { 
                    display:none; 
                    background:transparent url('../images/black75.png'); /*iestyles*/
                    color:White;     
                     -moz-box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5); 
                     -webkit-box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5); 
                     box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);        
                } 
                div#HeaderMenu ul.menu li ul.menu li { display:block; }     
                    
                
                div#HeaderMenu ul.menu li:hover { 
                    background:transparent url('../images/menuGradientHover.png'); 
                }
                
                div#HeaderMenu ul.menu li:hover ul.menu { display:block; position:absolute; height:auto; }  
                div#HeaderMenu ul.menu li ul.menu li:hover { background:transparent url('../images/darkRed.png'); } 
                
                
                /* Also in iestyles.css */
                ul.menu li a {
                    font-size:12px;
                    line-height:30px;
                    font-weight:bold; 
                    color:White;
                    display:block;
                    padding-right:10px;
                    padding-left:10px;
                }
        
                    ul.menu ul.menu li a {
                        font-weight:normal;
                        width:300px;
                    }
                    
        
        div#HeaderLogo {
            background-image:url('../images/logo.png');
            width:225px;
            height:225px;
            left:35px;
        }
        
            div#HeaderLogo a { display:block;width:100%;height:100%; }
    
    
    div#ContentWrapper {
        background:#dddddd; 
        padding:5px;
        padding-top:20px; 
    }
    
    /* Also in iestyles.css */
    div#ContentPlaceholderWrapper {
    }
    
        div#Content {
            margin-top:15px;
            min-height:300px;   
            background:#ffffff;
        }

        div#ContentWrapper .contentContainer {
            margin:5px;
            overflow:hidden; /* to clear floats */
        }

            .contentContainer div.contentHeading {
                width:100%; 
                height:120px;
            }

            .contentContainer div.leftContainer {
                float:left; 
                width:30%;
            }
            
                div.leftContainer div.leftInner {
                    padding:5px;
                    margin-left:35px;
                    margin-right:35px;
                }
            
            .contentContainer div.rightContainer {
                float:right;
                width:70%; /* iestyles */
            }
            
                div.rightContainer div.rightInner {
                    padding:5px;
                    padding-right:35px;
                }
            


        /* Footer */
        div#Footer {
            z-index:1023;
            padding:5px;
            text-align:center;
            background:white;
        }

        div#Footer div {
            font-size:10px;
            color:#808080;   
        }

    div#BodyBottom {
        background:transparent url('../images/bodyBottomBack.png') no-repeat center bottom;  
        height:50px; 
    }