@import "reset.css";
@import "base.css";
@import "fonts.css";

body, html {color:#000000; font-family: Verdana, Arial, Helvetica, sans-serif}
html {min-height: 101%;}
body { background-color:#F8E1BF; }
h1, h2, h3, h4 {letter-spacing:1px;}
h1 {font-size:160%; text-transform:uppercase; font-family:"Trebuchet MS", Helvetica, sans-serif;
          font-weight: bold; letter-spacing:5px;padding-bottom:10px; margin:0px;}
h2 {font-size:120%;color:#FE9a15;}
h3 {font-size:120%; font-style:italic; background-color:#F8E1BF; padding:3px 4px; color:#000}
a {color:#000000; text-decoration:underline}
a:hover {color:#FE9A15; text-decoration:underline}
a:focus {outline: none}
.clear {clear:both}
.clearHide {clear:both; height:0; max-height:0;}
.small {font-size:77%}
.bulletIndent {text-indent:10px;}
.imgLeft {float:left; padding:0 10px 10px 0}
.imgRight {float:right; padding:0 0 10px 10px}


/*  <CONTAINER>
--------------------------------------------------*/
#wrapper {margin:0 auto;border-left:1px solid #FE9A15; background-color:#FFFFFF;
	min-width: 1010px;
	max-width: 1260px;
/*	width:1010px;  */
	width:expression(document.body.clientWidth < 1012? "1010px" : document.body.clientWidth > 1262? "1260px" : "auto");
 }

#header {height:252px; border-bottom:1px solid #FE9A15; background-color:#FFFFFF;}
#header table {margin:0; padding:0; width:100%}
#header td {border:none; margin:0; padding:0; text-align:center; vertical-align:top}
.headLeftImg {border-right:1px solid #FE9A15}

#container {border-left:1px solid #FE9A15; border-right:1px solid #FE9A15; background-color:#FFFFFF;margin-left: 168px;}
#containerInner {padding:20px 20px 10px 20px}
#container p { letter-spacing:.5px; line-height:150%;font-size:93%}
#container ol,ul {letter-spacing:.5px; line-height:150%;font-size:93%;}

#footer {border:1px solid; border-color: #FE9A15 #FE9A15 #FE9A15 #FFD7A1;
  	background-color:#FFD7A1;height:30px; padding-top:6px;
	font-size:77%; color:#000000; text-align:center;
}


#left {  width:168px; float:left;}
#leftContact {padding:40px 15px 0 0; font-size:85%; text-align:right;}
#leftContact a {color:#000000; text-decoration:underline}
#leftContact a:hover { text-decoration:none}

/*  <NAVIGATION>
--------------------------------------------------*/
#leftNav {color:#ffffff;font-weight:bold;text-align:right;margin:0; padding:0;}
#leftNav a {display: block;padding: 2px;border: 1px solid; border-color: #ddd #FE9A15 #000 #ddd; border-right:none;background-color: #ffd7a1;
			font-size:85%;font-weight: bold;color:#000000;text-decoration:none; line-height:30px; text-transform:uppercase}
#leftNav a:hover {background-color: #FE9A15;color:#ffffff;}
#home #leftNav .home a,
#about #leftNav .about a,
#news #leftNav .news a,
#calendar #leftNav .calendar a,
#qanda #leftNav .qanda a,
#endorsements #leftNav .endorsements a,
#contribute #leftNav .contribute a,
#endorse #leftNav .endorse a,
#volunteer #leftNav .volunteer a,
#coffee #leftNav .coffee a,
#contact #leftNav .contact a
	{background-color: #FE9A15;color:#ffffff;cursor:default; }




/*  <HOME PAGE>
--------------------------------------------------*/
#newsSection {float:right; padding:20px; margin-left:20px; width:240px; background-color:#FE9A15; text-align:center; font-size:90%; letter-spacing:normal; line-height:normal}
#newsSection img {margin-bottom:20px}
#cal {height:400px; overflow:auto; text-align:left; background-color:#FFF; padding:0 5px 0 10px}
#cal p {font-size:85%}
#cal strong {color:#FE9A15}


/*  <FORM>
--------------------------------------------------*/
.tdr {text-align:right;}
.tdl {text-align:left; }
input { font-family:"Courier New", Courier, monospace; background-color:#DCDDD5;   border:1px solid #000000; width:250px}
.button { margin-top:5px;background-color:#9e6b02; border:1px solid black; cursor:pointer; color:#F8E8D8; font-family:"Trebuchet MS", Helvetica, sans-serif; font-size:95%}
textarea {font-family:"Courier New", Courier, monospace; font-size:100%; background-color:#DCDDD5; border:1px solid #000000; width:250px;}
.asterisk {color:#934232; font-size:77%}

/*  <ERROR HANDLING>
--------------------------------------------------*/
.inpErr {background-color:#bc2d33; color:#ffffff}
.inpOK {background-color:white; color:#000000}
.errorDiv {color:#bc2d33; font-weight:bold; padding:5px 0 0 0; }
.noerror {font-weight:normal; margin:0; color:#565655;}