/* CSS Document */
body {
	margin:0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
    color:#000;
	line-height:1.4em;
	background-image:url(/images/bg.jpg);
	background-position:top;
	background-repeat:repeat-x;
	background-color:#E8E9DB; 

}

/* centers & defines page */
#container {position:relative; margin: 0 auto; width: 980px; padding:0;} 



/* General styles - main global rules for all content on the site */
a:link, a:visited {color: #336339;	text-decoration: none;}
a:hover {color: #336339; text-decoration: underline;}
h1 {font-size: 1.8em; color:#000; font-family:Georgia, "Times New Roman", Times, serif; padding-top:10px; margin-top:0; font-weight:normal;}
h1.wsub, #content h1.wsub {margin-bottom:0; padding-bottom:3px;}
h2, #content h2 {font-size: 1.6em; color:#000; font-family:Georgia, "Times New Roman", Times, serif; padding-top:10px; margin-top:0; font-weight:normal; line-height:1.2em;}
h2.sub, #content h2.sub {font-size:1.2em;  padding-top:0; color:#336339; border:none; }
h3 {font-size:1.1em; }
p {margin:5px 0 10px 0 ;}
img {padding:0; margin:0; border:none;}
img.left {margin:0 15px 0 0;}
img.right {margin:0 0 5px 15px;}

p.leadin {padding-bottom:0; margin-bottom:0;}

.red {color:#990000;}
.clear {clear:both;}



ul {text-align:left; line-height:1.1em; padding-top:5px; margin-top:0;  }
ul li {padding-bottom:8px;}

ul.two_col {width:280px; float:left;}

ul#pdf {padding-left:0; margin-left:0; padding-top:0; margin-top:0;}
ul#pdf li {padding-left:25px; background-image:url(/newsletter/images/pdf.gif); background-position:left; list-style:none; background-repeat:no-repeat; padding-top:10px;}
ul#pdf li.two { background-image:url(/newsletter/images/pdf2.gif); }
ul#pdf li.three { background-image:url(/newsletter/images/pdf3.gif); }


/* Navigation */
#header {width:980px; background-image:url(/images/top_bg.jpg); background-position:top; background-repeat: no-repeat; padding:0; margin:0; height:135px;}  /* Alt IE */
p#nav {width:940px; text-align:right; padding:15px 0 0 0; height:20px; font-size:14px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; color:#B6C79E;}
p#nav a:link, p#nav a:visited {color:#B6C79E;	text-decoration: none; padding:0 10px;}
p#nav a:hover {color: #fff; text-decoration: none; padding:0 10px;}

.gallerycallout {font-size:14px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; }

/* Content */
#content {margin:0; padding:0; width:980px; background-image:url(/images/center_bg.jpg); background-position:center; background-repeat:repeat-y; background-color:none;}  /* Alt IE */
#content.short {height:500px;}

#content #col_1 {width:910px; padding:0; margin-left:70px; padding:5px 0 10px 0; float:left; background:none;}
 /* alt IE */
#content #col_1.short {height:400px;}
#content #col_1 p, #content #col_1 h2, #content #col_1 ul, #content #col_1 ol {margin-right:80px;}

#content #gallery {width:842px; clear:both; background-color:#DEEAD2; margin:20px 60px 10px 60px; padding: 5px 10px; height:138px;font-size:11px;}
#content #gallery.two {height:277px;} 
#content #gallery.three {height:350px;}
#content #gallery p {float:right; width:660px; text-align:right; margin-bottom:0; padding-bottom:0;}
#content #gallery p.description {float:left; width:160px; padding-bottom:6px; text-align:left;} 
#content #gallery img {border:4px solid #fff; margin-left:8px; margin-bottom:3px;}
#content #gallery h2 {widows:140px;}

/* Newsletter pages */
#newsletter #content #col_1 h2 {padding-top:20px; border-top:1px solid #DEEAD2; margin-top:30px;}
#newsletter #content #sidenav {float:right; width:250px; text-align:right; font-size:10px;}




/* Home specific styles - by adding id="home" to the body tag on the homepage I am able to change link colors and the properties of the different divs I created (#col_1, #col_2, etc) */
#home #content #col_1 {width:400px; padding:0; margin-left:70px; padding:5px 20px 10px 0; float:left; background:none; border-right:1px solid #DEEAD2;} /* alt IE */
#home #content #col_2 {width:350px; padding:5px 30px 10px 30px; float:left; clear:none;}
#home #content #projects {width:842px; clear:both; background-color:#DEEAD2; margin:10px 60px; padding: 5px 10px; height:138px;}
#home #content #projects p {float:right; width:660px; text-align:right; margin-bottom:0; padding-bottom:0;}
#home #content #projects img {border:4px solid #fff; margin-left:8px;}
#home #content #projects h2 {widows:140px;}
#home h2, #home #content h2 {font-size: 1.2em; serif; font-weight:bold;}

/* more > links */
p.more a:visited, p.more a:link, #home #col_1 p.more a:link, #home #col_1 p.more a:visited, #col_2 li.more a:link, #col_2 li.more a:visited, #content .case#col_1 p.more a:link, #content .case#col_1 p.more a:visited    {color:#0099FF; text-decoration:none;}
#col_1 p.more a:hover, #home #col_1 p.more a:hover, #col_2 li.more a:hover, #content .case#col_1 p.more a:hover  {color:#333; text-decoration:none;}


/* Footer */
#footer {background-color:#E8E9DB;  font-size:10px; color:#bbb; clear:both; }
#footer p {margin:0; text-align:center; padding-top:5px;}
#footer a:link, #footer a:visited {color:#bbb; text-decoration:none; }
#footer a:hover {text-decoration:underline;}
#footer a:hover, #footer p.credits a:hover  {color:#336339; text-decoration:none;}


#gallery {background-color:#1E2714; padding:0; margin:0; background-image:none;}