html, body {margin:0; padding:0; text-align:center; font:.9em Verdana, Arial, Helvetica, sans-serif;
    background:url(../images/bg-x2.png) repeat-x; background-color:#D6AE70;  } 

#pagewidth { width:975px; text-align:left;  margin:2em auto; }

#pagewidth-header { width:950px; margin:0 auto}

/*
#sprite {background: url(../images/air-header.jpg); width: 150px; height: 178px;float: right; margin-right:5em}
*/

#pagewidth-content {width:950px; text-align:left;  margin:0 auto; } 

#wrapper {border:0px solid red; padding:0; background-color:#D6AE70}

/*
.StudentLink {font-size:1.2em;}

.StudentLink a{float: left; color: gray; font-weight: bold; 
    padding: 2px 5px 4px 5px; text-decoration: none; background-color: #F3F3F3;
    border:1px solid black; border-width: 1px;}

.StudentLink a:hover {color: black; background-color: #F3F3F3; 
    border-bottom: 4px solid black; padding-bottom: 0;}

.StudentLink .nolnkRBorder {border-right:0px solid black}
*/

#content {background-color:#D6AE70; background-image:url(../images/bg-y.jpg);
    background-position:0 0; background-repeat:repeat; margin:1em auto; 
    padding:0em .25em .25em .25em; border-top:0px solid #874E30}

#content label span {width:100px; float:left;}
#content label {font-weight:bold}
#content .error {border:1px solid red; color:red; font-weight:bold; background-color:#ccc; 
    padding:.5em}
#content .before-after {float:right; width:130px; text-align:center; margin-left:1em}
#content .before-after img {border:0px}
#content .before-after a {text-decoration:none}
#content .before-after .pic {border:1px solid black; padding:1px; margin-bottom:.25em}

#content .quote {font-family:Georgia, "Times New Roman", Times, serif; width:550px; 
    margin:0 auto; background-color:#D24E4A}

#content .lquote, #content .rquote { font-size: 32pt; font-weight: bold; color: #000; 
    position: relative; font-family: Georgia, "Times New Roman", Times, serif; 
    top: .3em; line-height: .8em; }

#content .rquote {font-size: 32pt; line-height: 0em;}

#content h1, #content h2{ font-family:Georgia, "Times New Roman", Times, serif;}
#content h3{ font-family:Georgia, "Times New Roman", Times, serif;}
#content li {margin-bottom:.5em}

#left {float:left; width:280px; border:0px solid green; padding:5px}
#right {float:right; width:650px; border-top:0px solid green; padding:5px}

#pagewidth-footer {width:950px; margin:0 auto; border:1px solid #D6AE70;font-size:.8em; 
    text-align:center; background-color:#D6AE70; color:#000}

#footer{width:100%;}

/* border test 
#pagewidth-header   {border:0px solid black}
#header             {border:0px solid blue}
#pagewidth-content  {border:0px solid red}
#content            {border:0px solid green}
#content            {border-top:3px solid #774E02}
#wrapper            {border:0px solid pink}
#pagewidth-footer   {border:1px solid white}
#footer             {border:0px solid orange}
*/
#horizontal-nav     {border:1px solid brown}

/* end border test */

/* *** Float containers fix: */ 
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */  

/* Start Side Bar Formatting */
.CommonSidebarArea {width: 240px; margin: 0px 0px 1em 0px; overflow: hidden;}
.CommonSidebarHeader {text-align: center; font-family: Tahoma, Arial, Helvetica; 
    font-size: 100%; background-color: #e2eecd; /* was #e2eecd */ color: #000000; 
    padding: 5px; padding-left: 8px; margin: 0px; 
    background-image: url(../images/sidebar-header.gif); 
    background-position: top left; background-repeat: no-repeat;}
.CommonSidebarContent {font-family: Tahoma, Arial, Helvetica; 
    color: #000000; padding: 8px; padding-bottom: 5px; border-style: solid;
    border-width: 1px; border-color: #cccccc; background-color: #ffffff; 
    width: 222px; overflow: hidden;}
.CommonSidebarContent li {margin-bottom: .5em; }
/* End Side Bar Formatting */

/* Start Horizontal Nav */
#horizontal-nav{margin: 1em auto; padding: 0; font-size:1.0em; width:681px}

#horizontal-nav ul{margin: 0 auto; padding-left: 0; float: left; font-weight: bold;
    border: 1px solid #DFDFDF; border-width: 0 0 0 0;}
* html #horizontal-nav ul{ /*IE only rule. Delete extra margin-bottom*/margin-bottom: 0;}

#horizontal-nav ul li{display: inline}

#horizontal-nav ul li a{float: left; color: #000; font-weight: bold; 
    padding: 2px 5px 4px 5px; text-decoration: none; background-color: #D24E4A;
    border:1px solid black; border-width: 1px 0 1px 1px; width:125px; text-align:center}

#horizontal-nav ul li a:hover {color: black; background-color: #F3F3F3;}

#horizontal-nav ul li a:visited {color: #000;}

#horizontal-nav .lnkRBorder {border-right:1px solid black}
/* End Horizontal Nav */

/* error formatting */
.error { margin:1em; padding: .5em; background-color: #ccc;
    border:double red; color: red; font-weight:bold }
.error p {color: red; }
.error ul {color: red; }
/* end error formatting */

/* success formatting */
.success { margin:1em; padding: .5em; background-color: #ccc;
    border:double blue; color: blue; font-weight:bold }
.success p {color: blue; }
.success ul {color: blue; }
/* end success formatting */

/*printer styles*/ 
@media print{ 
/*hide the left column when printing*/ 
#leftcol {
    display:none;
} 

#twocols, #maincol {
    width:100%; float:none;
}
}