/* ----------------------------------------
Theme Name: NAPC2009
Theme URI: http://napc2009.org
Description: A two column theme for the NAPC 2009 Conference
Version: 1.0
Author: Elizabeth Hamilton
Author URI: http://www.handcraftedsites.com
Last Modified: 2007.09.25
Provides: Theme definition file for WordPress 1.5+
---------------------------------------- */
body {
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	background-color: #adb28a;
	/* Next line is necessary instead of setting margin props. 
         to auto because IE doesn't render it. */
	text-align: center;
	
        }
	
h1, h2, h3 { color: #444; }

/* img { margin: 0px 20px 10px 5px; border: 1px solid #989a9a; } */
img { margin: 0px 20px 10px 5px; }

h1 { font-size: 150%; } 
h2 { font-size: 130%; }
h3 { font-size: 120%; }

li { margin-bottom: 15px; }

#background {
	position: relative;
	width: 800px;     
	margin-right: auto;
	margin-left: auto;
	margin-top: 15px;
	margin-bottom: 0px;
        background-image: url(images/NAPC_background.jpg);
	background-repeat: repeat-y;
	background-position: left top; /* starts the background image at 0, 0 */
        /* Next line: diagnostic code to show the borders of this container */
        /* border: 1px green solid; */
        }
#wrapper {
	position: relative;
	width: 800px;     
	margin-left: auto;
        margin-right: auto;
	margin-top: 0px;
	margin-bottom: 0px;
        background-image: url(images/NAPC_header.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	/* Next line: diagnostic code to show the borders of this container */
        /* border: 1px blue solid; */
}

#banner {
        width: 800px;
        height: 190px;
        /* Next line: diagnostic code to show the borders of this container */
        /* border: red 1px dashed; */
        }

#navigation {
	
        /* We used percentages on the nav float and the content float.
           Pixels didn't work. I got the idea for percentages from Dan
           Cederholm, "Bulletproof Web Design" (1st ed). Also of
           note, he advises not to mix percentages and pixels in order to avoid 
           broken layouts. Hence the margins and widths for the floated 
           elements are percentages. Thank you, Dan! */
 
	margin-left: 10%;
        float: left;
        width: 15%;
        /* Next line: diagnostic code to show the borders of this container */
       	/* border: red 1px solid; */
	
	
}

#navigation ul {
	list-style: none;
	margin: 0;
	padding: 30px 10px 15px 10px;
	border: none;
}

ul.plain { list-style: none; } 


#navigation li {
	width: 130px;
	margin: 0;
	padding: 0 0px 15px 0;
	text-align: right;
	vertical-align: bottom; /* Removes unwanted margin or gaps in IE */
}
#navigation a:link, #navigation a:visited {
	font-size: 90%;
	display: block;
	padding-right: 20px;
	padding-top: 10px;
	/* border-right: 1px solid #949494; */
	color: #852d6b;
	text-decoration: none;
	
}
#navigation a:hover {
	color: #507371;
	text-decoration: underline;
}



									 
/* content holds the text and images*/
#content  {
	   margin-right: 5%;
           margin-bottom: 3%;
           width: 65%;
           float: right;
           font-size: 80%;
           text-align: left;
           /* Next line: diagnostic code to show the borders of this container */
           /* border: #ff0 1px solid;*/
      }

#content a:link, #content a:visited { 
      text-decoration: nonr; 
      color: #4a6fa3; 
      } 

#content a:hover 
                { text-decoration: underline; 
                  color: #4a6fa3; }



#footer {
	/* Background graphic is 120 pixels high. There can be 4-5 lines
           of footer text. 
           Adjust the height according to no. of lines of footer text.
           3 lines need about 80px. 4 may need 100, etc. */
       
        height: 80px;
	font-size: 70%;
	text-align: center;
	font-style: italic;
	/* margin-top and bottom set to 0 otherwise the main background image
           shows below the footer. */
        margin-top: 0px;
	margin-bottom: 0px;
        background-color: transparent;
        background-image: url(images/NAPC_footer.jpg);
	background-repeat: no-repeat;
	background-position: bottom center;
	clear: both;
        color: #564d82;
	/* Next line: diagnostic code to show the borders of this container */
        /* border: gray 1px solid; */
        
        
}
#footer a:link, #footer a:visited { 
        color: #564d82; text-decoration: underline;
        } 

td.fontsize { font-size: 85%; }

img.noborder { border: 1px white solid; }

/* Print Styles */
@import  url("print.css")