/* Zero default margin & padding around common elements */

body, img, dd, dl, dt, fieldset, form, h1, h2, h3, h4, h5, h6, li, ol, p, ul, iframe, tr, td,th
    {margin: 0px;
	 border: 0px none #000;
	 padding: 0px;
	 color:#232323;
	 }

body   {padding: 0px;
	    text-align: center;
		font: 0.8em "Lucida Grande", Sans-Serif; 
	    line-height: 1.6em;
	    margin: 0 auto 0 auto;
	    
	    background: #1a3436 url(../img/body.png) no-repeat top center; 
	    text-align:center;
	    margin:0px} 
	    

#logo  {width:199px;
		height:34px;
		margin:0;
		padding:0;
		position:absolute;
		top:42px;
		left:20px;
		border:none;
		}

#logo img {border:none; text-decoration:none;}

#logo a {border:none; text-decoration:none;}

a {color:#165b5d; text-decoration:none; border-bottom: 1px dotted #165b5d;}


a:hover {color:#ff0000; text-decoration:none; border-bottom: none;}
				
/*helpers*/
.left {float:left;}
.right {float:right;}
.clear {clear:both;}
.dispNone {display:none;}
.bold {font-weight:bold;}	

.imgLeft {margin:5px;
          padding:4px;
          border: 1px dotted #CCC;
          float:left;
          }
          
 .imgRight   {margin:5px;
			  _margin:0px;
	          margin-left:30px;
			  _margin-left:15px;
              padding:4px;
              border: 1px dotted #CCC;
			  background-color:#e7e7e7;
              float:right;
              } 
 .imgBorder  {margin:5px;
			  padding:4px;
			  border: 1px dotted #CCC;}     
			       
 .imgBorderLeft  {margin:5px 5px 5px 0;
				  padding:4px;
				  border: 1px dotted #CCC;}   
				  
	                      
	    
h1 {font-size:140%; margin:5px 0px 10px 0; color:#e7e7e7; text-align:left; 
letter-spacing:1px;}

h2 {font-size:120%; margin:10px 0px 3px 0; color:#e7e7e7; text-align:left;
letter-spacing:1px;}

ul {color:#585454;}

p  {margin:4px 0 12px 0;
    padding:0;
    position:relative;
    font-size:1em;
    text-align:left;
    color:#232323;
    }
 


#wrapper     {margin:0px auto 0 auto;
              background: transparent url(../img/content.png) repeat-y top center;
              width:980px;
              position:relative;
              }


#top    {width:980px;
         height:92px;
         background: transparent url(../img/top.png) no-repeat top center;
         padding:0;
         margin:0;
         position:relative;
         clear:both;}

#content   {width:980px;
            /*background: transparent url(../img/bgBody.gif) repeat bottom center; */
            padding:0 0 40px 0;
            margin:0;
            clear:both;
            position:relative;
            overflow:hidden;}
            
/* #home #content {height:350px;} */
                        

#footer {width:980px;
         background: transparent url(../img/foot.png) no-repeat bottom center; 
         height:88px;
         padding:0;
         margin:0;
         clear:both;
         position:relative;
         }
         
#con  {margin:0;
           padding:0;
           color: #000;
           width:200px;
           height:25px;
           margin:0;
           position:absolute;
           bottom:15px;
           left: 390px;
           text-align:center;
           overflow:hidden;
           }
         
#footer #con p {margin:0;
           padding:0;
           font-size:11px;
           color: #000;
           text-align:center;
           }
           
           
#footer a {border: none;
           
           }
           
          
           
/* main menu */         

#mmenu {position:absolute;
        top:45px;
        left:237px;
		width:720px;
		height: 33px;
		overflow:hidden;
		border: none;
		text-align:left;
		z-index:1;	
		}


#mmenu ul {list-style: none;
		   width: 720px;
		   margin: 0;
		   padding: 0;
		   border: none;
		   }

#mmenu li  {margin: 0;
			padding: 0;
			height: 33px;
			display:block;
			border: none;	 
			float:left;
			/*text-indent: -9999px;*/
			}	


#mmenu a   {display: block;
			margin: 0;
			padding: 0px;
			height: 33px;	
			text-indent: -9999px;
			margin: 0;
			text-decoration: none;	
			float:left;
			}


#mmenu ul a {display: block;
		     clear: left;
			 float: left;
			 }

#mmenu a:hover, #mmenu .active {background-position: 0px -33px;
				}


#mmHome {background: transparent url(../img/mmenu/mmHome.png) 0px 0px no-repeat; width: 79px;}

#mmAbout {background: transparent url(../img/mmenu/mmAbout.png) 0px 0px no-repeat;width: 122px;}

#mmBooks {background: transparent url(../img/mmenu/mmBooks.png) 0px 0px no-repeat;width: 119px;}

#mmComing {background: transparent url(../img/mmenu/mmComing.png) 0px 0px no-repeat;width: 127px;}

#mmWip {background: transparent url(../img/mmenu/mmWip.png) 0px 0px no-repeat; width: 184px;}

#mmColumns {background: transparent url(../img/mmenu/mmColumns.png) 0px 0px no-repeat; width: 128px;}

#mmContact {background: transparent url(../img/mmenu/mmContact.png) 0px 0px no-repeat;width: 88px;}


#lHom {width: 79px;}

#lAbt {width: 122px;}

#lBk {width: 119px}

#lCm {width: 127px;}

#lWip {width: 184px;}

#lCol {width: 128px;}

#lCont {width: 88px;}


/* end main menu */

#colLeft {width:210px;
float:left;
margin:20px 0 0 0;
display:inline;
padding:0;
}

#colContent {width:526px;
float:left;
margin: 20px 45px 0 35px;
display:inline;
padding:0;
text-align:left;
}

#admin #colContent {width:658px;}

#colContent ul    {list-style: none;
				   margin: 0;
				   padding: 0;
				   border: none;}
				   
#colContent li    {list-style: none;
				   margin: 0 0 10px 0;
				   padding: 0;
				   border: none;}
				   				   

#colContent h1 {color: #720404; letter-spacing:0.5px; font-family: Georgia, Times, Times New Roman, serif}

#colContent h2 {color: #720404; letter-spacing:0.5px; font-family: Georgia, Times, Times New Roman, serif}


#colRight {width:132px;
float:left;
height:100%;
margin:30px 0 0 0;
display:inline;
padding:0;

}

#colRight a img  { 

display:block;
margin:4px 4px 30px 6px;
padding:4px;
background-color:#e7e7e7;

}


#colRight a:hover img  { 

display:block;
margin:4px 4px 30px 6px;
padding:4px;
background-color:#660000;

}


#colRight #amazon a img,#colRight #amazon2 a img { 

display:inline;
margin:0;
padding:4px;
background:transparent;


}


#colRight #amazon a:hover img, #colRight #amazon2 a:hover img  { 

display:block;
margin:0;
padding:4px;
background:transparent;


}

#amazon, #amazon2 {width:125px;  height: 140px; background-color:#ffffff;border: 1px dotted #757575;}

#amazon:hover, #amazon2:hover {width:125px;  height: 140px; background-color:#ffffff;border: 1px solid Red;}

#amazon img, #amazon2 img {width:120px; background-color:#ffffff; }

#amazon2 {margin-top:20px;}

p#amazonHead {font-size:80%}

.portrait  { 

display:block;
padding:4px;
background-color:#e7e7e7;


}

#colLeft img {margin:8px 4px 0px 35px;
display:inline;}

#colLeft a  {border:none;}



/* sub menu start */

#submenu     { margin-bottom:20px;
              }

#submenu ul    { text-align:left;
				margin-left:13px;
               }

#submenu li  {margin: 15px 0 5px 0 ;
			  padding: 0;
			  display:block;
			  border: 0px;
			  }	


#submenu li a      {color: #720404;
					text-decoration: none;	
					display:block;
					text-align:left;
					margin-left:22px;
					width: 200px;
					height:36px;
					border:0px;
					letter-spacing:1px;
					font-size:110%;
					line-height:36px;
					text-indent:42px;
					background: transparent url(../img/archive.png) bottom left no-repeat; 
					}




#submenu .active, #submenu a:hover   {
                    color: #22777a;
                    border:0px;
                    letter-spacing:1px;
					background-position: top left;
                    }

                    



/* sub menu end*/

/* content start */





/*form styles start */
.textArea {width:250px;}
.form {text-align:left; width:300px;float:left; clear:left;}
.form input {position: relative; width:290px; margin:4px 0px 0px 0px; padding:0; display:block;}
.form select {position: relative; width:290px;padding:0; text-align:left;}
.form label {position: relative; margin: 8px 0px 0px 0px; display:block; font-size:12px; font-weight:normal;padding:0;}
.form {margin-bottom:20px; height:auto;}
.form .textArea {padding:0;margin:0;width:290px;}
.form .button {width:100px;}
#formBtnRes {position:relative;
			 display:block;
			 margin:0;
	         padding:0;
	         clear:both;
	         height:30px;
	         width:452px;
	         background:transparent;}
	         
.button	    {position:relative; 
			 padding:0;
			 background-color:#0E2D69;
			 width:100px;
			 border:1px groove #CCC;
			 color:#fff;
			 font-weight:bold;
			 font-family:Verdana, Arial, Helvetica, sans-serif;
			 margin:10px 0 0 0;}
			 
.thankyou {width:500px;
	       /*height:100px;*/
	       display:block;
	       float:left;
	       clear:left;
	       font-size:150%;
	       margin:15px 0px 40px 0; 
	       text-align:left; 
	       font-family: Arial, Helvetica, sans-serif;
	       color:Red;
		   }

	 
			 
#errorSummary {position:absolute;
	           top:246px;
	           left:385px;
	           font-family: Arial, Helvetica, Sans-Serif;
	           width:180px;}
	           
#errorSummary ul {list-style:none;}	     


#leftList ul {width:160px;
		list-style:none;
		margin:0 0 0 38px;
		padding:0;
		text-align:left;
		}
		
#leftList ul li {line-height:20px;
		border-bottom: 1px dotted #232323;
		font-size:95%;
		margin-bottom:5px;
		padding-bottom:5px;
		display:block;
		clear:left;}


#leftList ul li a {color:#165b5d;}


#leftList ul li a:hover {color:#ff0000;}

#leftList ul li a.active {color:#ff0000;}

#colLeft h3 {text-align:left; margin:10px 0 12px 38px; color:#232323;}

#colContent table {text-align:left;}


.publishDate {font-style:italic; font-size:90%; color:#232323;}

.editDel {font-size:70%; margin-bottom:15px; margin-top:1px;}

#adminBtn {float:right;}


/* General form styles
----------------------------------------*/
fieldset {
    border: none;
    padding: 0;
    }

fieldset ul {
    list-style: none;
    padding: 0 0 10px 0;
    margin: 0 !important;
    }
    
fieldset ul li {
    padding-bottom: 0;
    }
    
fieldset input, 
fieldset select,
fieldset textarea {
	font: 100% "Myriad Pro", "Lucida sans", Verdana, sans-serif;
	font-weight: normal;
	border: 1px solid #ccc;
	padding: 0;
	margin: 2px 0 0 0;
	color: #333333;
	background-color: #fff;
}

fieldset input:hover, 
fieldset input:focus,
fieldset textarea#message:focus,
fieldset textarea#message:hover {
	border: 1px solid #999;
	background-color:#e6eaea;
}
	
fieldset textarea#message {
    overflow: auto;
	font: 100% "Myriad Pro", "Lucida sans", Verdana, sans-serif;
	width:484px;
	height:150px;
	border: 1px solid #ccc;
	padding: 0;
	margin: 2px 0 0 0;
	color: #333333;
	background-color: #fff;
}


fieldset label {
	font: 100% "Myriad Pro", "Lucida sans", Verdana, sans-serif; 
    display: block;
    margin: 1em 0 0.5em 0;
}

.required {
    color:#720404; !important;
}


fieldset label, fieldset input, fieldset textarea { width: 430px; }

/*fieldset label {
    float: left;
}
*/
fieldset p {
    margin-bottom: 0.5em !important;
}


/* Buttons */

#buttons input{
	display:block;
	float:right;
	margin:0 42px 0 0;
	background-color:#ffb54a;
	border:1px solid #ccc;
	font-family:"Lucida Grande", Verdana, Tahoma, Arial, sans-serif;
	font-size:100%;
	line-height:120%;
	text-decoration:none;
	font-weight:bold;
	color:#004e6c;
	cursor:pointer;
	text-align:center;
	padding:5px 7px 6px 7px; /* Links */
}
#buttons input{
    width:auto;
    overflow:visible;
    
    padding:4px 10px 3px 7px; /* IE6 */
}
#buttons input[type]{
    padding:5px 10px 5px 7px; /* Firefox */
    line-height:17px; /* Safari */
}


#buttons input:hover, #buttons a:hover{
    background-color:#b60f40;
    border:1px solid #2a1b08;
    color:#fff;
}


#errores {width:350px; float:right; margin:0;}

#errores ul    {font-family:"Lucida Grande", Verdana, Tahoma, Arial, sans-serif;
				font-size:105%;
				width:340px;
				line-height:140%;
				color:#fff076;
				margin:15px 10px 0 0;
				padding:0;}

#errores li {list-style-type: square; color:#720404;}

label {display:block;}

textarea {width:530px;
height: 400px;}

.pic {float:left;
width:255px;
height:400px;
margin:12px 0 0 0;
padding:0;
}

.pic img {margin:5px;
          padding:4px;
		  background-color:#666666;
		  border:1px dotted #ccc;
		  display:inline;
		  }

a.lnkImg {border:none;}

#latest
{width:160px;
border: 1px solid #003;

margin:12px 0 0 40px;
padding:0
display:inline;
background-color:#E7E7E7;
background: #d9e2ed url(../img/pubFish.png) 116px 90px no-repeat
}

#latest h3
{
	margin:0px 0 3px 0px;
	height:28px;
	background-color:#F0F8FF;
	text-indent:8px;
	line-height:28px;
	border-bottom: 1px solid #003;
	color:#a71212;
	font-family:Georgia,Times New Roman,Times,Serif;
}

#latest p
{
	margin:0px 0 5px 8px;
}

#latest a
{
	text-indent:8px;
	background-color: transparent;
	text-indent:8px;
	line-height:28px;
	/*border-top: 1px solid #003;*/
	color:#143f75;
	font-weight:bold;
	text-align:left;
	display:block;
}

#latest a:hover
{
	background-color:#5f8538;
	color:#fff;
	

}


#amazon a,#amazon2 a {color:#165b5d; text-decoration:none; border-bottom: none;}


#amazon a:hover,#amazon2 a:hover {color:#ff0000; text-decoration:none; border-bottom: none;}