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

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

body, html {min-width:1002px; background-color:#55575b}

html {min-height: 101%;}
a:focus {outline: none}
a img {border:none;}
h1 {font-size:170%}




/*  <PAGE STRUCTURE>
--------------------------------------------------*/
#outerWrap {width:1002px; margin:0 auto;background: url(/images/shadowBot.png) no-repeat bottom left; padding-bottom:17px }
#innerWrap {width:1002px; background: url(/images/bkgWrapper.png) repeat-y; }
#container {width:958px; margin:0 24px 0 20px; background-color:#fff}
#head {background:url(/images/bkgHeader.jpg) no-repeat;  height:45px; padding:10px 0 0 20px} 
#content {padding:30px 20px 0 20px}
#foot { margin:0 20px; color:#8a8787; font-size:77% }

.sidebar {float:left; width:240px;}
.mainbar {float:right; width:718px;}

/*  <HEAD>
--------------------------------------------------*/
#head h1 {font-family:Georgia, "Times New Roman", Times, serif; color:#000; border-bottom:1px solid #a1a0a0; margin:0; font-weight:normal; display:inline}
#head h1 span {font-variant:small-caps; font-size:69%}
#head a {text-decoration:none; color:#000}
#head a:hover {color:#000; text-decoration:none}

/*  <CONTENT>
--------------------------------------------------*/
#column1 {float:left; width:371px; background:url(/images/folderTop.jpg) no-repeat;
		  color:#aa1919;  font-family:Georgia, "Times New Roman", Times, serif; font-size:93%; font-weight:normal}
#column1 .content {background:url(/images/folderMid.jpg) repeat-y; margin:35px 0 0 0;  padding:0 10px 0 30px;}
#column1 .last {margin:0; padding:0}
#column1 .bottom {background:url(/images/folderBot.jpg) no-repeat; width:371px; height:18px}

#column2 {float:right; width:281px; background:url(/images/logoLemon.jpg) no-repeat}
#content ul li {list-style-image:url(/images/bullet.jpg); margin-left:-10px; margin-bottom:5px}
#content ol li {list-style: decimal }
#content .group {padding-top:10px}

/*  <FOOT>
--------------------------------------------------*/


/*  <NAVIGATION>
--------------------------------------------------*/
#nav  { background-color:#aa1919; border-bottom:1px solid #000; border-top:1px solid #000;}
#nav div { float:left; padding:4px 0 6px 0px; background-color:#aa1919;}
#nav  a {float: left;  padding:0 0 0 25px; text-transform:uppercase; color:#fdfcfc;font-size:81%; letter-spacing:.05em;   text-decoration:none}
#nav  a:hover  {color:#000;}
#nav div.page1 a {padding-left:20px}
#page1 #nav .page1 a,
#page2 #nav .page2 a,
#page3 #nav .page3 a,
#page4 #nav .page4 a,
#page5 #nav .page5 a,
#page6 #nav .page6 a
	{color:#000; cursor:default}

/*  <FORM>
--------------------------------------------------*/
#contact table {padding:0; margin:0; width:100%}
#contact td {padding:0 5px 5px 0; margin:0;}
#contact form {font-size:93%; padding-top:0px;}
.tdr {text-align:right;color:#545353; width:20%}
.tdl {text-align:left; width:40%; vertical-align:top }
input {  background-color:#DCDDD5;   border:1px solid #000000; width:250px; padding:1px}
.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%}
textarea { background-color:#DCDDD5; border:1px solid #000000; width:250px; font-size:90%; letter-spacing:.04em;font-family:Arial, Helvetica, sans-serif; padding:1px}
.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;text-align:center }


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


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



