* {
  margin:0;
  padding:0;
}

body {
  font-family:arial,sans-serif;
  font-size:12px;
  line-height:1.4em;
  color:#444;
  background-image:url(../images/CCRheaderBG.gif);
  background-position:top;
  background-repeat:repeat-x;
}

a {
	color:#F93;
	text-decoration:none;
	font-size: 18px;
}

a:hover {
  color:#f60;
}

i{
  float:left;
  margin:1em 0;
}

p i{
  float:none;
  margin:0;
}

li {
  list-style-type:none;
}

img {
  border:none;
}

p {
	margin:0 0 1em 0;
	font-family: "Comic Sans MS", cursive;
	text-align: center;
}

#mainContainer {
  margin:0 auto;
  width:990px;
}

#header {
  width:990px;
  height:159px;
  background:url(../images/Clever_Cat_Logo.gif) top right no-repeat;
}

#header h1{
  float:left;
  padding:26px 0 10px 0;
  display:block;
  width:990px;
  height:26px;
  font-size:20px;
  font-weight:bold;
  color:#FFF;
}

#header h2{
  float:left;
  padding:0 0 0 440px;
  display:block;
  width:550px;
  font-size:14px;
  font-style:italic;
  letter-spacing:1px;
  color:#FFF;
}

#mainNav {
  float:left;
  padding:11px 0 0 0;
}

#mainNav li{
  float:left;
  margin:0 1px 0 0;
  display:inline;
}

#mainNav li a{
  float:left;
  padding:7px 15px 5px 15px;
  font-size:12px;
  font-weight:bold;
  display:inline;
  color:#000;
  background:#F0D622;
}

#mainNav li a:hover {
  background:#FFF4A5;
}

#mainNav li #active {
  color:#FFF;
  background:#3399CC;
}

#leftCol, #rightCol{
  width:211px;
}

#leftCol {
  float:left;
}

#rightCol {
  float:right;
}

#middleCol {
  float:left;
  padding:0 20px;
  width:520px;
}

.yellowFlip {
  float:left;
  padding:15px 10px 30px 10px;
  width:191px;
  background-image:url(../images/yellowFlipBottom.gif);
  background-position:bottom;
  background-repeat:no-repeat;
  background-color:#FFF4A5;
}

.yellowFlipHeading {
  float:left;
  padding:9px 10px 0 10px;
  font-size:13px;
  font-weight:bold;
  color:#FFF;
  width:194px;
  height:23px;
  background-image:url(../images/yellowFlipHeading.gif);
  background-repeat:no-repeat;
}

.playLink {
  float:left;
  padding:5px 0 0 35px;
  font-weight:bold;
  height:21px;
  background:url(../images/playButton.jpg);
  background-position:left top;
  background-repeat:no-repeat;
}

#leftSideNav {
  float:left;
}

#leftSideNav li{
  float:left;
  padding:4px 0;
  display:block;
  line-height:1.2em;
  width:187px;
  font-weight:bold;
}

#leftSideNav li a {
  float:left;
  padding:0 0 0 12px;
  background:url(../images/Clever_Cat_sideNavArrow.gif);
  background-position:left;
  background-repeat:no-repeat;
}

#videoList {
  float:left;
  margin:0 0 20px 0;
}

#videoList li {
  float:left;
  display:block;
  line-height:1.2em;
  width:187px;
  font-weight:bold;
  border-bottom:1px solid #F4E78A;
}

#videoList li a {
  float:left;
  padding:15px 50px 15px 0;
  width:137px;
  background:url(../images/playButton.jpg);
  background-position:right;
  background-repeat:no-repeat;
}

#list-nop-play li a {
  float:left;
  padding:15px 50px 15px 0;
  width:160px;
  background-position:right;
  background-repeat:no-repeat;
}


#ccKit {
  float:left;
  padding:0 0 0 25px;
}

#mainBanner {
  float:left;
  margin:0 0 20px 0;
  padding:0 0 0 90px;
}

.greenHeading {
  padding:0 0 5px 0;
  font-size:18px;
  color:#80B000;
}

.midContentWithBG {
  float:left;
  margin:0 0 30px 0;
  padding:23px;
  width:472px;
  background-image:url(../images/middleContentBG.gif);
  background-position:top;
  background-repeat:no-repeat;
}

.midContent {
  float:left;
  padding:10px 20px;
  width:472px;
}

.midContent a{
  color:#0000FF;
  text-decoration:underline;
}

.midContent a:hover{
  color:red;
  text-decoration:underline;
}

#author {
  float:left;
  margin:0 20px 0 0;
  width:96px;
  font-size:11px;
  line-height:1.2em;
}

#ccFeature {
  float:left;
  margin:10px 0 0 0;
  width:350px;
}

#ccFeature li {
  float:left;
  margin:3px 0;
  padding:6px 0 6px 40px;
  font-size:14px;
  width:310px;
  background-image:url(../images/checkIcon.jpg);
  background-position:left;
  background-repeat:no-repeat;
}

.ccFeatureInside {
  float:left;
  margin:10px 0 20px 0;
  width:472px;
}

.ccFeatureInside li{
  margin:3px 0;
  padding:6px 0 6px 40px;
  background-image:url(../images/checkIcon.jpg);
  background-position:left;
  background-repeat:no-repeat;
}

.circleBulletList {
  margin:0 0 0 20px;
}


.circleBulletList li{
  margin:0 0 1em 0;
  list-style-type:disc;
}

.arrowBullet {
  margin:0 0 20px 0;
}

.arrowBullet li{
  margin:0 0 5px 0;
  padding:0 0 0 12px;
  font-size:14px;
  color:#039;
  background-image:url(../images/orangeArrow.gif);
  background-repeat:no-repeat;
  background-position:left 6px;
}

.simpleBullet {
  margin:0 0 0 20px;
}

.simpleBullet li {
  margin:0 0 1em 0;
}

.numberedBullet {
  margin:0 0 1em 20px;
}

.numberedBullet li {
  list-style-type:decimal;
}

.bluePara {
  font-size:14px;
  color:#039;
}

.highlightYellowBox {
  float:left;
  margin:0 0 1em 0;
  padding:20px;
  width:432px;
  font-weight:bold;
  background-color:yellow;
}

.highlightStar1 {
  float:left;
  margin:0 0 1em 0;
  padding:55px 40px 62px 160px;
  font-size:14px;
  font-weight:bold;
  text-align:center;
  color:yellow;
  background-image:url(../images/highlightStar.gif);
  background-repeat:no-repeat;
  background-position:122px;
}

.highlightStar2 {
  float:left;
  margin:0 0 1em 0;
  padding:55px 30px 62px 150px;
  font-size:14px;
  font-weight:bold;
  text-align:center;
  color:yellow;
  background-image:url(../images/highlightStar.gif);
  background-repeat:no-repeat;
  background-position:122px;
}

.underlinedLetters {
  text-decoration:underline;
}

#seminarForm .label {
  text-align:right;
}

#seminarForm input.field {
  width:220px;
}

#seminarForm .field {
  padding:5px;
  background-color:#e5f2f4;
  border:1px solid #c1dee1;
}

#seminarForm #shortField {
  width:100px;
}

#seminarForm textarea{
  width:350px;
  height:150px;
}

#footer {
  width:100%px;
  height:78px;
  background-color:#FBA21A;
  border-top:8px solid #39C;
}

#footerInner {
  margin:0 auto;
  padding:10px 0 0 0;
  color:#FFF;
  text-align:center;
  width:990px;
}

#footerInner a{ 
  padding:0 5px;
  color:#FFF;
  font-size:11px;
  text-decoration:underline;
}

#footerInner a:hover{
  color:#FFF4A5;
}


.blocker {
  clear:both;
}

.reg {
  font-size:90%;
  vertical-align:super;
}

.requiredMark {
  color:red;
  font-size:25px;
  font-weight:bolder;
}

.errorPrompt {
  padding:0 0 0 5px;
  color:red;
}