/*
    minneapo-less.css -- screen CSS file for raZor's Minneapo-Less
    
    This template is open source / no copyright, but original credit
    and a link-back to http://www.openwebdesign.org/userinfo.phtml?user=raZor
    is always appreciated :) 
*/

/*  color defs:
        #ddecff;    light blue
        #b00;       maroon
*/


body {
    margin: 0;
    background: #FFFFFF; /* light gray to make main page stand out */
    font-family: Georgia, Arial, Verdana;
    font-size: 12pt; /* normal word processing font size */
    text-align: center;
}

/* PAGE & MARGINS -- these two styles define the 
page size and print margins */

/* NOTE: these two rules were changed to from 
#page to .page & #printmargin to .printmargin because I wanted
to enable outputting of multiple pages... just like MS word for example */

.page {
    margin: 0.5in auto;
    width: 8.5in;
    height: 11in;
    max-height: 11in;
    border: solid 1px black;
    text-align: left;
    background: white;
	page-break-after: always; /* always break after a page */
}

.printmargin {
    margin: 0.5in;
    border: solid 1px #ccc; /* un-comment to make print margin cutoff visible */
    height: 10in;
    overflow: hidden;
}

/* 
BANNER STYLES -- the banner image, site title, and sub title 
*/

#banner {
    height: 1in;
    /*border: solid 1px black;*/
    background: url("images/banner.jpg") top left no-repeat;
    padding-left: 0.05in;
    color: #555;
    font-size: 18pt;
}

#banner span.subtitle {
    font-size: 13pt;
    padding-left: 0.5in;
    display: block;
    width: 2.75in;
}

/* HEADER -- contains the path-like links from home to your current page,
    plus document info such as author, last modified, etc */

#header {
    background: #ddecff; /* light blue */
    height: 0.2in;
    font-size: 9pt;
    padding: 0.03in;
    color: #777;
}

#pathlinks {
    float: left;
}

#pathlinks a {
    color: #777;
}

#docinfo {
    float: right;
}

#docinfo a {
    color: #777;
}


/* NAVMENU -- links for the navigation menu */

#navmenu {
    margin-left: 0.2in; /* make the content respect the navmenu's personal space */
    margin-bottom: 0.2in;
    padding: 0.05in;
    float: right;
    background-color: #ddecff; /* light blue */
    width: 1in;
    text-align: left;
}

#navmenu a {
    display: block;
    font-size: 11pt;
    text-decoration: none;
    color: #777;
}

#navmenu a.current {
    color: black;
    background-image: url('images/black_arrow.gif');
    background-position: center right;
    background-repeat: no-repeat;
}

#navmenu a:hover {
    /*font-size: 13pt;*/ /* this produces an interesting roll-over effect, but it causes the div to re-size which is somewhat ugly */
    background-image: url('images/red_arrow.gif');
    background-position: center right;
    background-repeat: no-repeat;
    color: #b00; /* maroon */
}

/*
    CONTENT -- styles affecting the main content division go here.
*/

/* NOTE: changed from #content to .content to allow multiple pages */

.content {
    /*border: solid 1px black;*/
    /*font-family: Arial; /* two fonts looks confusing to me... */
    /*padding-top: 0.25in;*/
    font-size: 11pt;
}

.content h2 {
    margin-top: 0.15in;
    margin-bottom: 0.15in;
    font-size: 14pt;
}

.content h3 {
    margin-top: 0.1in;
    margin-bottom: 0.1in;
    font-size: 12pt;
    color: #555;
}

.content p {
    text-indent: 0.25in;
}