
/* ESPCYCLES STYLE SHEETS */

#debug { border:solid 1px #000; }

/* GENERAL STYLES */
body 			  	{ background:#FFF; text-align:center; margin:0px; margin-bottom:30px; }
body	            { font-family: Arial, Verdana, Geneva, Helvetica, sans-serif; font-size:80%; line-height:140%; }
img 		  		{ border:0px; }
a, a:hover          { color:#42528C; }
a:hover				{ color:#42528C; }
.date				{ color:#999; font-size:80%; }
h1                  { font-weight:normal; font-size:200%; color:#205CB2; }
h2, h3              { font-weight:bold; font-size:115%; margin-bottom:0px;}
blockquote 		  	{ margin-top:2px; margin-bottom:2px; }
p					{ margin-top:3px;}

/* CENTER CONTAINER DIV's */
#header, #navbar, #footer, #contentImage, #contentContainer, #innerContainer, #innerHeader
                    { width:880px; margin:0px auto 0px auto; text-align:left; }
/* HEADER */
#header             { height:88px; background: url("../images/top.bg1.jpg") left top; }
#topimage			{  }
#logo a             { background: url("../images/logo.jpg") left top; float:left; width:199px; height:57px; margin:15px; }
#logo span		  	{ display:none; }
#header	{ }
/* TOP NAVIGATION */
#navbar             { height:2.5em; background-color:#27609b; }
#navbar ul          { display:inline; list-style-type:none; overflow:hidden; }
#navbar li          { display:inline; padding:0px 0px 8px 0px; }
#navbar li a        { background-color:#27609b; border-left: #7388c8 1px solid; border-right: #3e528f 1px solid; float:left; color:#FFF; padding:6px 11px 8px 11px; text-decoration:none; }
#navbar li a:hover, #navbar li a.navitemon { background-color:#1b4c7f; }


/* HOMEPAGE IMAGE PANEL */
#contentImage	    { display:block; background:url("../images/home.intro.jpg") left top no-repeat; width:880px; height:288px; }
#contentImage span  { display:none; }
#contentImage #categories {float:right; width:192px; height:278px; }
#contentSide #categories img {margin-bottom: 0px;}

/* HOMEPAGE CONTENT AREA */
#contentContainer		{ background:#FFF; overflow:hidden; }
#contentBody		{ width:679px; float:left; }
#contentSide		{ width:192px; float:right; }
.content			{ margin:30px 40px 40px 15px; }
.content p			{ text-align: justify; }

.info {border: 1px solid #76AFCF; background: #DCEAF2 url(../images/information.gif) 5px 5px no-repeat; padding:5px; margin:5px; padding-left:30px;}

/* GENERAL CONTENT */
#conconiChart	   { margin:30px auto; width:472px; height:293px; }
#button			   { margin-top:20px;}
#regTable	td	   { height: 30px; }

td input{margin-top:3px;}

/* HOMEPAGE SIDEBAR  */
#computraining					{ width:192px; height:212px; margin-top:25px;background-image:url("../images/computrainer.jpg")}
#computraining #buyButton a 	{ background: url("../images/buy.button.gif") left top; float:left; width:157px; height:37px; margin-top:165px; margin-left:20px; }
#computraining #buyButton span	{ display:none; }
#contentSide #categories 		{width:192px; height:288px; }
/* AFFILIATE LOGOS */
#affiliates			{ width:314px; height:142px; margin-top:40px; }

/* INNER PAGES CONTENT AREA */
#innerContainer		{ background:#FFF; overflow:hidden; }
#innerBody			{ width:697px; float:left; }
#innerSide			{ width:245px; float:right; }
.innercontent		{ margin:10px; }

/* INNER BREADCRUMB AREA */
#innerHeader		{ overflow:hidden; }
#innerBreadcrumb	{ width:697px; float:left; background-color:#D6DCEA; height:30px; line-height:30px; text-indent:15px; color:#8B8B8C; font-size:80%; }
#innerSideBar		{ width:245px; float:left; background-color:#A1ACCA; height:30px; line-height:30px; text-indent:10px; color:#666; font-size:80%; font-weight:bold; }
#innerBreadcrumb a	{ color:#666 }
#innerBreadcrumb a:hover { text-decoration:underline; }

/* INNER SHADING */
#innershading		{ border:solid 5px #B1BCD2; }
#inneroutline		{ width:215px; border:solid 1px #9FAAC0; }

/* INNER FURTHER READING */
#furtherreadingshading	{ border:solid 5px #F3F4F5; margin-top:20px; }
#furtherreading 	{ width:100%; border:solid 1px #DEDEDE; }
#furtherreadingtitle { position:relative; top:-22px; background-color:#FFF; width:120px; text-indent:7px; color:#384A84; font-weight:bold; margin-bottom:-15px; }

/* SUBNAVIGATION */
#menu ul			{ list-style-type:none; margin:0px; padding:0px; }
#menu ul li		    { display:block; border-bottom:dotted 1px #8B8B8B; }
#menu ul li a		{ background:url("../images/page.gif") no-repeat 8px; display:block; line-height:25px; height:25px; color:#000; text-decoration:none; }
#menu ul li a:hover, #menu ul li a.nav-active	{ background-color:#B0BBCF; border-right:6px solid #130069; }

/* FOOTER BAR */
#footer             { clear:both; margin:0px auto; background:url("../images/footer.gif") repeat-x; line-height:25px; height:33px; padding-top:5px;}
.left               { float:left; text-indent:5px; padding:1px 0px 0px 0px; }
.right              { padding-right:3px; float:right; }

/* FOOTER LISTS	*/
#footer ul 	        { list-style-type:none; margin:0px; padding:0px; }
#footer ul li 	  	{ display:block; float:left; line-height:20px; color:#ffffff; }
#footer ul li a 	{ color:#ffffff; text-decoration:none; padding-right:5px; }
#footer ul li a:hover { text-decoration:underline }
#footer #details li { padding:1px 0px 2px 4px; }

/* FORM STYLES */
td, input, textarea, select, checkbox { font-family: Calibri, Arial, Geneva, Verdana, Helvetica, sans-serif; }
.small				{ width:30%; }
.medium				{ width:60%; }
.large				{ width:73%; }
.required			{ color:#F33; }
.clearboth 			{ clear:both; height:0px; width: 880px; }




