/* base
----------------------------------------------- */

body {
margin:0 auto;
padding: 30px 0 0 0;
background: #61acce;
font-family: helvetica, arial, sans-serif;
font-size: 62.5%; /* for IE */
color:#333;
text-align:center;
}

html>body {
font-size: 10px; /* IE can’t read this */
}

blockquote {
/*border-left:2px solid #b6d1d4;*/
margin: 20px 20px 20px 50px;
font-size: 0.9em;
line-height:1.2em;
color:#314d6c;
text-transform:uppercase;
}

.largetext { color:#b6d1d4; font-size:3em; }

h1, h2, h3, h4, h5, h6 { font-weight:normal; margin:0; padding;0; }

h1 { margin:1em 0 0 0; color:#b6d1d4; font-size:2.5em; }

h2 {
font-size: 1em;
font-style: italic;
}

h3 {
font-size: 1.2em;
}

h4 {
margin:0; padding:0;
color:#314d6c;
font-size:1.2em;
/*text-transform:uppercase;*/
font-weight:bold;
}

h6 {
margin:20px;
padding:15px 0 0 20px;
background: url(/cssimages/quote.gif) no-repeat top left;
color:#955c00;
font-size:1.5em;
font-style:italic;
}

hr {
margin: 2em auto;
width: 370px;
height: 1px;
color: #7a7e7d;
background-color: #7a7e7d;
border: none;
}

small, .small {
font-size: 0.9em;
}

p { margin:0.8em 0; padding:0; }

/* links
----------------------------------------------- */
a { text-decoration:none; }
a:hover { text-decoration:none; }

#content a { 
color:#541924;
border-bottom:1px dotted #efefb9;
background-color:#efefb9;
}

#content a:hover { 
background-color:#541924;
color:#fff; 
border-bottom:1px dotted #fff;
}

#subnav a {
color:#955c00;
font-size:1.2em;
text-transform:uppercase;
}

#foot a { color:#314d6c; border-bottom:1px dotted #314d6c; }
#foot a:hover { 
background-color:#314d6c;
color:#fff; 
border-bottom:1px dotted #fff;
}

a img {
border: none;
background-color:transparent;
}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
border: none;
}

/* layout
----------------------------------------------- */

#accessibility {
position: absolute;
top: -10000px;
}

#container {
	margin: 0 auto;
	width: 760px;
	background: url(/cssimages/containerbg.gif) repeat-y top center;
        text-align:left;
        overflow:auto;
}

#container-photos {
	margin: 0 auto;
	width: 760px;
	background: url(/cssimages/containerbg-photos.gif) repeat-y top center;
        text-align:left;
        overflow:auto;
}

#container-top {
	margin: 0;
	width: 760px;
        height:32px;
	background: url(/cssimages/containertop.gif) no-repeat top center;
}

#container-bottom {
        clear:both;
	margin: 0;
	width: 760px;
        height:32px;
	background: url(/cssimages/containerbottom.gif) no-repeat top center;
}


#header {
margin: 0;
width: 760px;
height:313px;
background: url(http://www.atmills.org/images/27.jpg) no-repeat top center;
}

#header-photos {
margin: 0;
width: 760px;
height:313px;
background: url(/cssimages/banner-photos.jpg) no-repeat top center;
}

#subnav { text-align:left; }

#mainnav-container { float:left; width:240px; }
.mainnav-padding { padding:0 0 0 50px; }

#container-inner {
margin:0 auto;
padding:0 55px;
color:#333;
font-size:1.3em;
line-height:1.5em;
}

#head {
text-align: center;
}

.section_list {
	margin: 0 0 10px 0;
	padding: 0;
	list-style-type: none;
}

.section_list li {
	margin: 0 10px 2px 0;
	padding: 0;
}

#sidebar {
margin:20px 0;
float:left;
width:190px;
}

#content {
margin:0 0 40px 0;
float:right;
width:400px;
}

#announcements {
margin:20px 0;
width:185px;
background:#eaeaa3;
border:1px solid #dada93;
font-size:0.9em;
line-height:1.7em;
text-align:left;
}

.announcements-padding { padding:10px; }

#announcements h3 {
margin:5px 0;
font-size:1.2em;
color:#4d1721;
text-transform:uppercase;
font-weight:bold;
}

#foot {
margin: 10px 0;
width:100%;
clear: both;
text-align: center;
color:#314d6c;
}

/* box model hacks
http://archivist.incutio.com/viewlist/css-discuss/48386
----------------------------------------------- */

#container-orig {
\width: 770px;
w\idth: 760px;
}

/* overrides
----------------------------------------------- */

.caps {
font-size: 0.9em;
letter-spacing: 0.1em;
}

div.divider {
margin: 2em 0;
text-align: center;
}

/* articles
----------------------------------------------- */

.directory {
list-style-type: circle;
}

.author {
font-style: normal;
font-size: 0.8em;
}

.published {
font-size: 0.8em;
}

/* comments
----------------------------------------------- */

.comments_error {
	color: #000;
	background-color: #fff4f4;
}

ul.comments_error {
	padding : 0.3em;
	list-style-type: circle;
	list-style-position: inside;
	border: 2px solid #fdd;
}

div#cpreview {
	color: #000;
	background-color: #f1f1f1;
	border: 2px solid #ddd;
}

form#txpCommentInputForm td {
	vertical-align: top;
}

#comments-help {
	margin: 2px 0 15px 0;
	font-size: 0.7em;
}

/* error page
----------------------------------------------- */

.error-status {
font: 1.5em Georgia, Times, serif;
}

/* general classes
----------------------------------------------- */
.left { float:left; }
.right { float:right; }
.center { text-align:center; }
.head-padding { padding: 0px 0 0 50px; }


/* image styles
----------------------------------------------- */
img.border-white {
border:5px solid #fff;
padding:1px;
}

.image-title { margin:0 0 10px 0; }

/* main menu using sprites
----------------------------------------------- */
#mainnav {
    width: 187px; height: 169px;
    background: url(/cssimages/navbar.gif);
    margin: 0; padding: 0;
    position: relative;
}

#mainnav li {
    margin: 0; padding: 0; list-style: none;
    position: absolute; left:0px;}
#mainnav li, #mainnav a { 
    height:30px; display: block;}

#home {top: 8px; width:180px;}
#about {top: 42px; width:180px;}
#photos {top: 75px; width:180px;}
#donate {top: 107px; width:180px;}
#contact {top: 138px; width:180px;}

#home a:hover {
    background: transparent url(/cssimages/navbar.gif) 
    -187px -8px no-repeat;}

#about a:hover {
    background: transparent url(/cssimages/navbar.gif) 
    -187px -42px no-repeat;}

#photos a:hover {
    background: transparent url(/cssimages/navbar.gif) 
    -187px -75px no-repeat;}

#donate a:hover {
    background: transparent url(/cssimages/navbar.gif) 
    -187px -107px no-repeat;}

#contact a:hover {
    background: transparent url(/cssimages/navbar.gif) 
    -187px -138px no-repeat;}


/* blue buttons using sprites
----------------------------------------------- */
#bluebuttons {
    width: 156px; height: 200px;
    background: url(/cssimages/bluebuttons.gif);
    margin: 0; padding: 0;
    position: relative;
}

#bluebuttons li {
    margin: 0; padding: 0; list-style: none;
    position: absolute; left:0px;}
#bluebuttons li, #bluebuttons a { 
    height:58px; display: block;}

#mission {top: 0px; width:156px;}
#history {top: 71px; width:156px;}
#directions {top: 142px; width:156px;}

#mission a:hover {
    background: transparent url(/cssimages/bluebuttons.gif) 
    -156px -0px no-repeat;}

#history a:hover {
    background: transparent url(/cssimages/bluebuttons.gif) 
    -156px -71px no-repeat;}

#directions a:hover {
    background: transparent url(/cssimages/bluebuttons.gif) 
    -156px -142px no-repeat;}


/* how you can help button using sprites
----------------------------------------------- */
#help-container {
float:right;
padding:135px 70px 0 0;
}

#helpbutton {
    width: 147px; height: 47px;
    background: url(/cssimages/how-you-can-help.gif);
    margin: 0; padding: 0;
    position: relative;
}

#helpbutton li {
    margin: 0; padding: 0; list-style: none;
    position: absolute; left:0px;}
#helpbutton li, #helpbutton a { 
    height:47px; display: block;}

#help{top: 0px; width:147px;}

#help a:hover {
    background: transparent url(/cssimages/how-you-can-help.gif) 
    -147px -0px no-repeat;}


/* smd_slimbox gallery styling
----------------------------------------------- */
/*
.smd_slimbox {
	float:left;
	width:600px;
	margin:1em 0;
	clear:both;
	list-style:none;
}
.smd_slimbox li {
	width:150px;
	height:150px;
	float:left;
	margin:1em auto;
	text-align:center;
}
.smd_slimbox img {
	margin:0 auto;
}
.smd_slimbox span {
	float:left;
	width:140px;
	padding:2px 0 0 5px;
}
li.smd_slimbox_nav {
	clear:both;
	width:500px;
	padding:20px;
}
.smd_slimbox_prev {
	float:left;
}
.smd_slimbox_next {
	float:right;
}

.smd_cellclass { 
padding:3px; 
background:#e7e6e5; 
border:1px solid #c0c0c0; 
}
*/

/*
.thumbs { margin:10px 0; float:left; }
*/

#content .thumbs a, #content .thumbs a:link, #content .thumbs a:active {
text-decoration:none;
border-style:none;
background-color:transparent;
}

#content .thumbs a:hover {
text-decoration:none;
border-style:none;
background-color:transparent;
}

.thumbs img {
margin:10px 5px 10px 0;
padding:1px; 
/*background:#cee7ea; */
border:3px solid #b6d1d4; 
}

.thumbs a:hover img { border:3px solid #314d6c; }


/*
/ ^ ^ ^ ^ ^ ^ ^ ^ ^ ^ ^ ^ ^ ^ ^ ^ ^ ^ ^ ^ ^ ^ ^ ^ ^ ^ ^ ^ ^ ^ ^ ^ ^ ^ ^ ^ ^ ^ ^ ^ 
/     Slide panel at the top of the page
/ ^ ^ ^ ^ ^ ^ ^ ^ ^ ^ ^ ^ ^ ^ ^ ^ ^ ^ ^ ^ ^ ^ ^ ^ ^ ^ ^ ^ ^ ^ ^ ^ ^ ^ ^ ^ ^ ^ ^ ^ 
*/

.container {
margin:0 auto;
width:960px;
}

/* Panel Tab/button */
.tab {
background: url(/cssimages/tab_b.png) repeat-x 0 0;
height: 42px;
position: relative;
top: 0;
z-index: 999;
}

.tab ul.login {
display: block;
position: relative;
float: right;
clear: right;
height: 42px;
width: auto;
font-weight: bold;
line-height: 42px;
margin: 0;
right: 5px;
color: white;
font-size: 80%;
text-align: center;
}

.tab ul.login li.left {
background: url(/cssimages/tab_l.png) no-repeat left 0;
height: 42px;
width: 30px;
padding: 0;
margin: 0;
display: block;
float: left;
}

.tab ul.login li.right {
background: url(/cssimages/tab_r.png) no-repeat left 0;
height: 42px;
width: 30px;
padding: 0;
margin: 0;
display: block;
float: left;
}

.tab ul.login li {
text-align: left;
padding: 0 6px;
display: block;
float: left;
height: 42px;
width:180px;
background: url(/cssimages/tab_m.png) repeat-x 0 0;
}

.tab ul.login li a { color: white; }
.tab ul.login li a:hover { color: white; }
.tab .sep {color:#414141}

.tab a.open, .tab a.close {
height: 20px;
line-height: 20px !important;
padding-left: 0px !important;
cursor: pointer;
display: block;
width: 195px;
position: relative;
font-size:1.1em;
top: 11px;
text-decoration:none; text-transform:uppercase; font-weight:700;
font-family: Futura, "Century Gothic", "Apple Gothic", sans-serif;
}

.tab a.open {background: url(/cssimages/bt_open.png) no-repeat left 0;}
.tab a.close {background: url(/cssimages/bt_close.png) no-repeat left -19px;}
.tab a:hover.open {background: url(/cssimages/bt_open.png) no-repeat left -19px;}
.tab a:hover.close {background: url(/cssimages/bt_close.png) no-repeat left -19px;}

/* sliding panel */
#toppanel {
position: absolute;
top: 0;
left: 0;
width: 100%;
z-index: 999;
text-align: center;
margin-left: auto;
margin-right: auto;
}

#panel {
width: 100%;
height: 270px;
color: #fff;
background: #5f1023;
overflow: hidden;
position: relative;
z-index: 3;
display: none;
}

#panel h1 {
font-size: 1.6em;
padding: 0 0 10px;
margin: 0;
color: white;
}

#panel h2{
font-size: 1.2em;
padding: 5px 0 2px;
margin: 0;
color: white;
text-transform:uppercase;
font-weight:700;
font-family: Futura, "Century Gothic", "Apple Gothic", sans-serif;
border-bottom:0;
font-style:normal;
}

#panel p {
margin: 5px 0;
padding: 0;
}

#panel a {
text-decoration: underline;
color: #fff;
}

#panel a:hover {
color: white;
}

#panel .content {
width: 960px;
margin: 0 auto;
padding-top: 15px;
text-align: left;
font-size: 1.3em;
}
#panel .content h1 { 1.4em; }

#panel .content .left {
width: 280px;
float: left;
padding: 0 15px;
border-left: 1px solid #fff;
}

#panel .content .right {
border-right: 1px solid #fff;
}

/* clear fix for floats
----------------------------------------------- */
.clear {clear: both;height: 0;line-height: 0;}
.clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
.clearfix {height: 1%;}
.clearfix {display: block;}