@charset "iso-8859-1";
@import "main_styles.css";
/*******************************************************************************
*  Main Layout CSS for styles shared by all layouts 
*******************************************************************************/
body {
margin: 0;
padding: .5em .5em;/* keeps the webpage from stretching edge to edge */
}

#pageWrapper {
border-style: solid;/* explicitly defined within each selector in case we want to change border styles*/
border-width: 0 1px;/* puts a border on the left and right sides of the page. #masthead and #footer will handle the top and bottom borders */
margin: 0;
min-width: 760px;
max-width: 1024px;
/* yet another hack for IE below.  Other browsers should ignore "expression" */
width:expression(
document.body.clientWidth > 1024? "1024px": document.body.clientWidth < 800? "754px": "auto" );
}

p, h1, h2, h3, h5, h6 {
margin: 1em 0; /* specifically defined for Opera's sake  */
}

h4 {
margin: 2em 0 1em 0; /* use for subheadings */
}

#floatleft {
float: left;
border: 0px;
}

#floatright {
float: right;
border: 0px;
}

.inside {
padding: 0 1em 0 1em;/* this padding is applied to every major box within the layout for a uniform gutter between borders 

   NOTE: a small glitch in IE seems to appear if this class has vertical padding applied  to it. so in cases where you want to add 
   vert padding, use the parent element. margin values here don't work because .inside has  a key role in border generation */
}

.clear {
clear: both;
padding-bottom: 1px;/* for Gecko-based browsers */
margin-bottom: -1px;/* for Gecko-based browsers */
}

.hide, .printOnly {
display: none !important; /* hide elements that CSS-targeted browsers shouldn't show */
}

/*
The CSS below is a fix for IE/Win.  Text that is wider than the available area seems to force the floated elements to start stacking. 
*/
* html #pageWrapper {
word-wrap: break-word;
}
/*******************************************************************************
*  END Main Layout CSS for styles shared by all layouts 
*******************************************************************************/

/* This style declaration series is shared by both layouts but must 
come before the independent declarations for each respectively */
#menuContainer, #teaserContainer1, #contentContainerForTeaser, #contentContainerWide, #contentContainerConfig {
float: left;
position: relative;/* fix for IE display/render bug with non-floated block elements inside floated block elements. */
z-index: 10;
overflow: visible;/* fix for IE italics bug */
}

/*******************************************************************************
*  Custom CSS for Basic Theme. 
*******************************************************************************/

#frame {
/*Not using in this stylesheet but can't hide it since it wraps around everything*/
}

#masthead { /*border defined in main_styles.css */
border-top: 1px solid #333;
padding: 0.5em 1em;
background-image: url(../images/basic_fastchoice_logo.jpg);
background-repeat: no-repeat;
position: relative;
left: 0px;
top: 0px;
text-align:right; 	/*aligns the school logo */
color: #fff;		/*These may change, from theme to theme */
}

#menuContainer {
width: 160px;
margin: 0px 1px 0px -160px;/* boxes stop floating next to each other without the 1px margin on the opposite side of the box, */
padding-top: 0em;
padding-bottom: 0.5em;/* removes the top padding so left menu nav will touch top */
}

/* *********************** NAV MENU CSS ********************** */
/* This is where the custom layout for the menu nav happens */
/* The color of the menu is controlled in the main_styles.css */
.nav ul, .nav ul li {
margin: 0;
padding: 0;
list-style-type: none;
display: block;
}

.nav ul li a {
display: block;
text-decoration: none;
padding: 10px 8px;
}

* html .nav ul li a { /* hide from IE5.0/Win & IE5/Mac */
height: 1%;
}

* html .nav ul {
position: relative;	/* IE needs this to fix a rendering problem */
}


.nav ul li a:link, .nav ul li a:visited, .nav ul li a:active, .nav ul li a:hover {
text-decoration: none;
font-size: 10px;
}

/* *********************** end NAV MENU CSS ****************** */

/* ###########################################################################################
Use the following for layout with Teasers
############################################################################################## */

#outerContainerTeaser {
z-index: 1;
/* set the color inside main_styles.css */
border-style: solid;
border-width: 0px 190px 0px 160px;/* sets the width of the "borders" used to create the left and right columns' background color. */
}

#outerContainerTeaser {/*Over-rides right column background set in main_styles*/
border-right-color: #ddd; /* right hand column background color. fills in what teasers don't */
}

#innerContainerTeaser {/*margin and padding must be 0 because 100% width is needed here*/
margin: 0px;
padding: 0px;
z-index: 2;
width: 100%;
}

* html #innerContainerTeaser {
position: relative;/* fix a render bug in IE under certain conditions */
}

#contentContainerForTeaser {
margin: 0px -1px 0px -1px;/* without this, boxes stop floating next to each other */
width: 100%;
border-width: 0;/* reset value from that in the version 4 stylesheet. */
}

#teaserContainer1 {
float: right;/* floating this right allows for the right column block to appear before the content column in the 
flow of the document. doing this allows for 3 column layout in NN4. */
width: 190px;
margin: 0 -190px 0 1px;/* boxes stop floating next to each other without the 1px margin on the opposite side of the box, */
padding-top: 0.5em;
padding-bottom: 0.5em;/* vertical padding */
color: #333; /*Not in main_styles because this may change from theme to theme*/
background-color: #ddd; /*most likely won't be a school color*/
}

#teaserContainer2 {
display: none; 
}

/* ###########################################################################################
Use the following for 3 Column layout
############################################################################################## */

#outerContainerConfig {
z-index: 1;
border-style: solid;
border-width: 0px 0px 0px 160px;/* sets the width of the "borders" used to create the left and right columns' background color. */
}

#innerContainerConfig {
border-style: solid;
border-width: 0px 0px;/* puts borders between center and the side columns. */
margin: 0px 0px;/* compensation for the borders because of 100% width declaration on this object */
z-index: 2;
width: 100%;
}

* html #innerContainerConfig {
position: relative;/* fix a render bug in IE under certain conditions */
}

#contentContainerConfig {
margin: 0px -1px 0px 0px;
padding: 1px 0px;
width: 98%; /*If this is set to 100% it will break layout in IE... go figure. */
}

#configContainer { /*Not in main_styles because this may change from theme to theme*/
position: relative;/* fix for IE display/render bug with non-floated block elements inside floated block elements. */
z-index: 10;
overflow: visible;/* fix for IE italics bug */
float: right;/* floating this right allows for the right column block to appear before the content column in the 
flow of the document. doing this allows for 3 column layout in NN4. */
width: 0px;
margin: 0 0px 0 1px;/* boxes stop floating next to each other without the 1px margin on the opposite side of the box, */
padding-top: 0.5em;
padding-bottom: 0.5em;/* vertical padding */
/*background-color: #fff; most likely won't be a school color*/
}

#themeobject { /* Not used in Basic Theme */
display: none;
}

/* ************************************************************************* */
/* Use the following for 2 Column layouts */
/* ************************************************************************* */

#outerContainerWide {
z-index: 1;
/* set the color inside main_styles.css */
border-style: solid;
border-width: 0 0 0 160px;/* sets the width of the borders used to create the left and right columns' background color. */
}

#innerContainerWide {
border-style: solid;
border-width: 0px 1px;/* puts borders between center and the side columns. */
margin: 0 -1px;/* compensation for the borders because of 100% width declaration on this object */
z-index: 2;
width: 100%;
}

* html #innerContainerWide {
position: relative;/* fix a render bug in IE under certain conditions */
}

#contentContainerWide {
margin: 0px -1px 0px 0px;
padding: 1px 0px;
width: 99%; /*If this is set to 100% it will break layout in IE... go figure. */
}

/* ###########################################################################################
End Layout CSS
############################################################################################## */


#customPhoto {
/* background-color: #E1E6E9; optional color */
background-image: url(../images/basic_mainphoto.jpg);
background-repeat: no-repeat;
background-position: center center;
width: auto;
height: 218px;
margin: 5px 0px;
padding:0px;
}





#box_messages { /*bgcolor and border style defined in main_styles in case school colors are desired */
padding: 5px;
margin: 0px 0px 5px 0px;
}

.hr_rule { /*used in the teasers */
border-bottom: 1px solid #ccc;
padding-top: 5px;
padding-bottom: 5px;
}

#hr_rule { /*used in the teasers */
border-bottom: 1px solid #ccc;
padding-top: 5px;
padding-bottom: 5px;
}

/******************************************************************************/
/*******************************************************************************
* The following FOOTER IDs are for layout, positioning, and styling the footer.
* setting the color of the links is customized in the "main_styles.css"
*******************************************************************************/

#footer {
border-style: solid;
border-width: 0px 0px 1px 0;/* handles the top of the footer section and the bottom of the entire layout */
background-color:#fff;
text-align: left;
}

#footer_content1 {
position: relative;
left: 0px;
top: 0px;
margin: 0px;
padding: 10px 0px 0px 0px;
width: 160px;
text-align: center;
border: 0px dashed #ff0000;
}

#footer_content2 {
position: relative;
left: 160px;
top: -40px;
width: 500px;
border: 0px dashed #00ff55;
}

html>body #footer {
padding-bottom: 1.01em;/* this is to fix a bug in mozilla that results in a 1px line of white below the footer when the document */
					   /* gets very long. extremely long documents may generate the bug again. if you experience that, increase this value */
}