/* 
Title:		Main CSS
Author: 	3 Crown Creative
*/

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

body, html {color:#000000; font-family:"Trebuchet MS", Helvetica, sans-serif}
html {min-height: 101%;}
body { background-color:#FFFFFF; }
h1, h2, h3, h4 {letter-spacing:1px; font-family:Verdana, Arial, Helvetica, sans-serif}
a {color:#01673F; text-decoration:underline}
a:hover {color:#a0410d; text-decoration:underline}
a:focus {outline: none}
noscript {font-weight:bold; color:#F00; text-transform: uppercase}


/*  <PAGE STRUCTURE>
--------------------------------------------------*/
#wrapper {margin:0;background: url(/images/bkgWrapper.jpg) repeat-y; width:950px;}
#sidebar {  width:176px; float:left;}
#mainbar { width:762px; float:left; background:url(/images/md-logoNothing.jpg) no-repeat;}
#content{margin-top:80px; padding: 12px }
#footer { width:938px;background-color:#333333;padding:6px 0; line-height:150%;font-size:77%; color:#ffffff; text-align:center;}


/*  <SIDEBAR>
--------------------------------------------------*/
#sidebar #contactInfo {padding:20px 4px 0 12px}
#sidebar  p { color:#FFFFFF; font-size:85% }
#sidebar  a {color:#FFFFFF; text-decoration:underline; font-size:93%}
#sidebar  a:hover {text-decoration:none}


/*  <SIDE NAVIGATION>
--------------------------------------------------*/
#sideNav {margin:0; padding:0; font-family:Verdana, Arial, Helvetica, sans-serif;border-bottom:1px solid #5CB68D;}
#sideNav a {display: block;padding:8px; border-left:4px solid #5CB68D;border-top:1px solid #5CB68D;background-color: #01673E;
			font-size:85%;font-weight: bold;color:#ffffff;text-decoration:none;}
#sideNav a:hover {background-color:#023C21;color:#ffffff;}
#home #sideNav .home a,
#about #sideNav .about a,
#news #sideNav .news a,
#issues #sideNav .issues a,
#blog #sideNav .blog a,
#endorse #sideNav .endorse a,
#endorsements #sideNav .endorsements a,
#contribute #sideNav .contribute a,
#contact #sideNav .contact a
	{background-color: #023C21;color:#ffffff;cursor:default; }
#sideNav .first {border-top:none}

#sideNav dt {border-bottom:1px solid #000000}

/*  <MAINBAR>
--------------------------------------------------*/
#contButton {margin:65px 0 0 500px; visibility: hidden}
#contButton a {background:url(/images/contribute-button.jpg) no-repeat 0 0; text-decoration:none; text-indent:-5000px; display:block; width:211px; height:92px}
#contButton a:hover {background:url(/images/contribute-button.jpg) no-repeat -211px 0; text-decoration:none}
#blog #contButton,
#contribute #contButton
	{ visibility:hidden}
	
#content p { letter-spacing:.1em; line-height:150%;font-size:93%}
#content ol,ul {letter-spacing:.5px; line-height:150%;font-size:93%;}


/*  <CONTRIBUTE PAGE>
--------------------------------------------------*/
#contribute ol li { list-style:upper-alpha}
#contribute form {border:2px solid black; background-color:#ffffcc; width:90%; margin-bottom:20px}
#contribute table {margin:0 20px}
#contribute td {border:none}
#contribute .label {text-align:right}

/*  <ENDORSEMENTS PAGE>
--------------------------------------------------*/
.date {font-size:63%; font-style:italic; font-weight:normal}
#listWrapper div{  margin-bottom: 1em;}
#listWrapper ol{ width: 90%; margin-top:-10px}
#listWrapper ol li{float: left;width: 50%;	list-style-type: none; margin-left:-20px}


/*  <FOOTER NAVIGATION>
--------------------------------------------------*/
#footNav a {font-weight: bold;color:#ffffff;text-decoration:none; text-transform:uppercase; line-height:300%; padding:0 3px}
#footNav a:hover { text-decoration:underline}
#home #footNav .home a,
#about #footNav .about a,
#news #footNav .news a,
#issues #footNav .issues a,
#blog #footNav .blog a,
#endorsements #footNav .endorsements a,
#endorse #footNav .endorse a,
#contribute #footNav .contribute a,
#contact #footNav .contact a
	{ text-decoration:underline;cursor:default; }

/*  <FORM>
--------------------------------------------------*/
#endorse table {padding:0; margin:0; width:100%}
#endorse td {padding:0 5px 5px 0; margin:0; border:none}
#endorse form {font-size:93%; padding-top:0px;}
.tdr {text-align:right;color:#545353; width:20%}
.tdl {text-align:left; width:40%; vertical-align:top }
#endorse input {     border:1px solid #000000; width:250px; padding:1px}
#endorse .button { margin-top:5px;background-color:#545353; border:1px solid black; cursor:pointer; color:#F8E8D8; font-family:"Trebuchet MS", Helvetica, sans-serif; font-size:95%}
#endorse textarea {  border:1px solid #000000; width:250px; font-size:90%; letter-spacing:.04em;font-family:Arial, Helvetica, sans-serif; padding:1px}


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


/*  <MISC>
--------------------------------------------------*/
.small {font-size:77%}

.boxOuter {float:right; width:175px; background: #5CB68D url(/images/sidebar_top.gif) no-repeat; margin-left:10px}
.boxInner {padding:0}
.boxInner h2 { background-color:#023C21;color:#ffffff;text-align:center; font-family: Verdana, Geneva, sans-serif; padding:3px 2px}
.boxInner p { padding:0 5px}
.boxInner hr {text-align:center; width:150px; height:3px; margin-bottom:15px}
.boxBot {width:175px; height:14px;background:url(/images/sidebar_bottom.gif) no-repeat;}

/* self-clear floats */
.group:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}