/* Copyright 2004 - 2006 - All Rights Reserved  */

#Outer_wrapper 
{
/* because "min-width" is not supported by IE, these pages use a script from PVII */
min-width:740px;
/* this is to "minimize" an IE bug related to background painting, but because it creates a gap below the footer, the same declaration is also added to #footer */
width:100%;
/* faux-column technique, this is the left one */
background:#fff url(left.gif) repeat-y left
}

#Wrapper {
/* faux-column technique, this is the right one */
background:url(right.gif) repeat-y right
}

#Header {
border:1px solid #b0b0b0;
background:#b0b0b0;
/* this is to "give layout" to the element and fix some peek-a-boo bug in  IE (v6 sp2) */
width:100%;
/* the above declaration creates an horizontal scroll bar in IE, this is to get rid of it */
margin:0 -1px
}

#Container {
float:left;
width:100%;
/* IE doubles the margins on floats, this takes care of the problem */
display:inline;
/* this is where Ryan Brill (author of the ALA's article) and I go in "opposite directions" */
margin-left:-200px
}



#LeftCol {
float:left;
width:185px;
/* IE doubles the margins on floats, this takes care of the problem */
display:inline;
margin-left:200px
}

#MainCol
{
    /* the width from #left (150px) + the negative margin from #container (200px) */
    margin-left: 400px;
}

/* good to know: if #sidebar is to be shorter than #main, then there is no need for this rule */
#RightCol {
/* this is to keep the content of #sidebar to the right of #main even if the content of "main is shorter */
padding-left:100%;
/* this is to "bring back" the #sidebar that has been moved out of the viewport because of the padding value */
margin-left:-210px;


}

#RightCol p {
/* this is to make sure IE (v6 sp2) *displays* this element (same problem as #header, but using a different fix) */
position:relative
}

#Footer {
/* see #outer_wrapper  */
width:100%;
/* this is to clear #container */
clear:both;
background-image: url("images/Backgrounds/BottomBar.gif");
height: 15px;
width: 100%;
border: solid 1px #CCC;
padding: 0 0 0 0;
margin: 20px 0 10px 0;
}

/* this is the class that is applied to 2 structural hacks in the markup. The first "meaningless" element is used to clear #left in NN6 and the last one is used to clear #container in NN4 */
.clearing {height:0;clear:both}


/* Admin container styles  */


#ContainerAdmin {

/* this is to "give layout" to the element and fix some peek-a-boo bug in  IE (v6 sp2) */
width:100%;
/* the above declaration creates an horizontal scroll bar in IE, this is to get rid of it */

}

#AdminLeftCol {
float:left;
width:185px;
/* IE doubles the margins on floats, this takes care of the problem */
display:inline;

}

#AdminMainCol
{
    /* the width from #left (150px) + the negative margin from #container (200px) */
    margin-left: 200px;

}