/*
      Design by Traci Knoppe of Titus 2 Web Studios
	  http://titus2webdesign.com
	  
	  
	  
*/

* { padding: 0; margin: 0; }

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	background-color: #FFFFFF;
}


#wrapper { 
 margin: 0 auto;
 width: 922px;
}
#header {
 color: #333;
 width: 922px;
 float: left;
 padding: 0px 10px;
 border: 1px solid #ccc;
 height: 130px;
 margin: 10px 0px 0px;
 background: #FFFFFF url(images/headerbk2c.jpg) no-repeat center center;
}
#leftcolumn {
	color: #333;
	background: #EFEFEF;
	margin: 0px;
	padding: 10px;
	width: 150px;
	float: left;
	border: 1px solid #ccc;
	height: 1150px;
}
#leftcolumn ul.leftnav{
	width:150px;
	height:177px;
	margin:0 0 22px 14px;
	list-style-type: none;
}
#leftcolumn ul.leftnav li{width:150px; height:21px; border-bottom:1px solid #E3DDCD;}
#leftcolumn ul.leftnav li a{width:93px; height:21px; display:block; background:url(images/arrow1.gif) 23px 8px no-repeat #EFEFEF; color:#40361B; font:12px/22px Arial, Helvetica, sans-serif;  text-decoration:none; padding:0 0 0 34px;}
#leftcolumn ul.leftnav li a:hover{background:url(images/arrow2.gif) 23px 8px no-repeat #CC0000; color:#fff; text-decoration:none; padding:0 0 0 34px;}


#leftcolumn h3 {
	color: #333;
	font-size: medium;
	font-weight: bold;
	text-transform: uppercase;
	padding-top: 10px;
}
#content { 
 float: left;
 color: #333;
 border: 1px solid #ccc;
 background: #FFFFFF;
 margin: 0px;
 padding: 10px;
 width: 506px;
 display: inline;
 height: auto;
}
#content text {
	padding-left: 10px;
	text-align: left;
	vertical-align: top;
}

#content ul {
	display: block;
	list-style-position: inside;
	list-style-type: none;
}
#content li {
	list-style-type: square;
	padding-left: 5px;	
}
#content p.contant1{
	background:url(images/image1.gif) 0 8px no-repeat;
	padding:6px 0 0 98px;
	height: 70px;
}

#content p.contant2{
	background:url(images/image2.gif) 0 15px no-repeat;
	padding:12px 0 0 98px;
	height: 70px;
}

#content p.contant3{
	background:url(images/image3.gif) 0 15px no-repeat;
	padding:12px 0 0 98px;
	height: 70px;
}
#content p.contant4{
	background:url(images/image4-cd.gif) 0 15px no-repeat;
	padding:12px 0 0 98px;
	height: 70px;
}
#content p.contant5{
	background:url(images/image5-dvd.gif) 0 15px no-repeat;
	padding:12px 0 0 98px;
	height: 70px;
}
#content p.contant6{
	background:url(images/image6-training.gif) 0 15px no-repeat;
	padding:12px 0 0 98px;
	height: 70px;
}
#content p.more{background:url(images/more-line.gif) 0 90% repeat-x;}
#content p.more a{background:#fff; color:#CC0000; font:13px/14px "Trebuchet MS", Arial, Helvetica, sans-serif; font-weight:bold; text-decoration:none; margin:0 0 0 375px;}
#content p.more a:hover{background:#E3DDCD; color:#CC0000; text-decoration:none;}





#rightcolumn {
	color: #333;
	border: 1px solid #ccc;
	background: #EFEFEF;
	margin: 0px;
	padding: 10px;
	width: 200px;
	float: right;
	height: 1150px;
}
#rightcolumn h3 {
	color: #333;
	font-size: medium;
	font-weight: bold;
	text-transform: uppercase;
	padding-top: 10px;
}
#footer {
	width: 900px;
	clear: both;
	color: #000000;
	border: 1px solid #ccc;
	background: #CCCCCC;
	margin: 0px 0px 10px;
	padding: 10px;
	text-align: center;
}
.footernav {
	text-align: center;
}

.headernav {
	text-align: right;
	vertical-align: top;
}

.boldtext {
	font-weight: bold;
}
.paddedclass {
	padding-right: 5px;
}
.bckgrndnorepeat {
	background-repeat: no-repeat;
}
.bckgrndXrepeat {
	background-color: #FFFFFF;
	background-image: url(../images/headerbckgrnd.gif);
	background-repeat: repeat-x;
}
@charset "UTF-8";
.leftshadow {
	background-image: url(styles/borders/shadow/left.gif);
	background-repeat: repeat-y;
	background-position: right;
}
.bottomleftshadow {
	background-image: url(styles/borders/shadow/bottom_left.gif);
	background-repeat: no-repeat;
	background-position: right top;
}
.bottomshadow {
	background-image: url(styles/borders/shadow/bottom.gif);
	background-repeat: repeat-x;
	background-position: top;
}
.bottomrightshadow {
	background-image: url(styles/borders/shadow/bottom_right.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
.rightshadow {
	background-image: url(styles/borders/shadow/right.gif);
	background-repeat: repeat-y;
	background-position: left;
}
