/* layoutstyles.css */

/* Background color of box images: #b0c4d0
   Border of box images: #7e97a6 */

/* Eliminate browser default margins and padding */
*{
    margin:0;
    padding:0;
}

body {
	background: url(crumpix/bg.jpg);
    background-color: #fff;
    font-family: Arial, Helvetica, sans-serif;
    font-size:80%;
}

#wrapper{
   width: 58em;
   background-color: #fff;
   margin: 1em auto;
   position:relative;
} 

/********** Major layout divisions **********/
#branding{
    /* For absolutely-positioned hyperlinks */
    position:relative;
}   

#branding img{
    width:100%;
}
/********** Branding division styles **********/
#branding a{
    /* Postions are set in tags in layout.htm  */
    position:absolute;
    text-decoration:none;
    color:#000;
}

#branding a:link, #branding a:visited{
   color:#000;
}

#branding a:hover{
    color:#090;
}
#branding a:active{
    color:#1bb498;
}

/* Fixes the mysterious image gap */
#branding img{
    display:block;
}

/********** Leftcolumn division styles **********/
#leftcolumn{    
    /* Remember, content and navbar left 
       margins  must match this width */
    width:12em;
    float:left;
    /* Center images and text inside this div */
    text-align:center;
    /* For absolutely-positioned leftcolumn */
    position:absolute;
    top: 9em;
    left:0;      
}
/* Matches background color and borders to those in 
   the sidebarBottom.gif and sidebarTop.gif images */
#leftcolumncontent{
   background:#cfd4e0;   
    border-left:solid 0.1em #7e97a6;
    border-right:solid 0.1em #7e97a6; 
}

/* Applies to images in the leftcolumn div */
#leftcolumn img{
    width:80%;
}

/* Applies to paragraphs in the leftcolumn division */
#leftcolumn p{
    padding:0 0.2em;
    width:80%;
    margin:0.5em auto;
    text-align:left;
}

/********** Navbar division styles **********/
   
#navbar{
    background:transparent; 
	height:2em;	 
	/* For absolutely-positioned navbar */
	position:absolute;
	top:5em; /* Whatever it takes to the navbar into the rounded box image  */
	left:0;  
    width:58em; /* Same as layout width */
    z-index:100;
    border:none;
}

/* Style for rounded box image in the navbar div */
#navbar img{
   position:absolute;
   top:0;
   left:0;
   width:100%; /* Same as wrapper width */
   z-index:101;
}

/* Get the navbar items in the rounded box image */
#navbar ul{
	list-style-type:none;
	position:relative;
	left:1em;
	top:1px;
	z-index:101;
}

/* List items in the navbar */
#navbar li{
	float:left;
	/* Required for drop-down menus */
	position:relative;
}

/* Applies to navbar links, unvisited and visited */
#navbar a,
#navbar a:link,
#navbar a:visited{
	text-decoration:none;
    font-family:Verdana, Geneva, Arial, Sans-Serif;
    color:#535656;
	background:transparent;  
	display:block;
	height:2em;
	width:8em;
    border-right:solid 1px #7e97a6;	
    line-height:1.85em;
    margin-top:2px;
    text-align:center;
    outline-style:none;
    font-weight: bold;
}


/* Navbar hover, active, and current page links */
#navbar a:hover,
#navbar a:active {
    background:#a02228;
    color:#fff;
}

#navbar li.selected a:link,
#navbar li.selected a:visited{
	color: #a02228;
}

#navbar li.selected a:hover{
	color: #fff;
}


/********** Content division styles **********/
#content{
    /* Left margin must match leftcolumn width */
    margin-left:12em;
    background-color:#fff;
    color:#000;
    padding:4em 10px 10px 20px;
}

/* Applies to paragraphs in the content division */
#content p{
    font-size:1.2em;
    margin:0.5em;
    line-height:1.25em;
}

/* Applies to all lists in the content division */
#content ul, #content ol{
    font-size:1.2em;
    padding:0.25em 0 0 40px;
}
/* A little extra space between lines in list */
#content li, #content li{
    padding-bottom:0.5em;
}

/* Styles h1, h2, and h3 style rules in the content division */
#content h1, #content h2, #content h3, #content h4{
    font-family: Georgie, Times, Serif;
    color:#a02228;
}



/* Size h1 headings in the content division */
#content h1{
	font-size:2.6em;
}

/* Size h2 headings in the content division */
#content h2{
	font-size:2.2em;
}
	
	
	/* Size h3 headings in the content division */
#content h3{
	font-size: 1.9em;
	
	
	/*border-bottom: 3px solid #a02228;
	text-decoration: underline;
	width: 87%;*/
}


/* Size h4 headings in the content division */
#content h4{
	font-size:1.4em;
}

.bold {
	font-weight: bold;
}

.italic {
	font-style: italic;
}

hr {
	background-color:#a02228;
	height: 6px;
	width: 95%;
	margin-left: 5px;
		
}





/********** Footer division styles **********/
/* Needs some extra styling to handle the rounded box image */
#footer{
    position:relative;
    left:0;
    text-align:center;
    font-size:1.2em; /* Slightly larger font in the page footer */
    height:3em;
}
/* This is the style for the footer's rounded box image */
#footer img{
    position:absolute;
    top:0;left:0;
    width:100%;
    z-index:100;
    }

/* Footer unvisited and visited links */
#footer a,
#footer a:link,
#footer a:visited{
    /* No underline on links */
    text-decoration:none;
    position:relative;
    top:0.4em;
    z-index:102;
    border:dotted 1px #b0c4d0;
}

/* Footer hover and active links */
#footer a:hover,
#footer a:active{
    color:#a02228;
    border:dotted 1px #333;
}

#footer2 p{
	font-family: Verdana, Geneva, Arial, Sans-Serif;
	font-size: 0.8em;
	text-align: center;
	color: #000;
	width: 65%;
	margin: auto;
	/*background-color: #cfd4e0;
	padding: 0.5em;*/
	
}

hr {
	color: #a02228;
}

/*************** General styles ************/
.hotkey{
    text-decoration:underline;
}

/* Acronyms and abbreviations */
    acronym,abbr{
        border-bottom:dotted 1px #333;
        cursor:help;
}

/*********** Printer-Friendly Styles **********/
@media print{
/* Start printer-friendly styles */

/* Printer only-Make wrapper the full page width */
#wrapper{
    width:100%;
}

/* Printer only-Hide leftcolumn, navbar,and footer */
#leftcolumn,
#navbar,
#footer{
    display:none;
}

/* Printer only-Get rid of content div margins and 
   padding. Use a different font for print */
#content{
    margin:0;
    padding:0;
    font-family:'Century Schoolbook', Times, Serif;
    font-size:1em;
}
/*End printer-friendly styles */
}