/* CSS Document */

* {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
}
body{ background:#fff url(images/bg.png) repeat-x;}



/* NEW HOMEPAGE */

#homewrapper{width:970px; height:350px;}
#homewrapper a{border-bottom: none;}
#homewrapper p{line-height:20px;}
#homewrapper h1{font-size:20px; color:#679DC9; }
#homewrapper h2{font-size:14px; color:#40627D;}
#slideshow{width:970px; height:200px; background:#CCC; float:left; margin-bottom:5px; }

#homecontent{width:630px; min-height:350px; float:left; padding:0 10px;}
#homecontent-right{width:320px; height:490px; float:left;}
.tabs{width:320px; height:300px; margin-bottom:5px; background:#999; margin-top:10px;}
.buttons{width:300px; height:75px; margin-bottom:5px; background:#999; margin-top:10px; float:left;}

#homewrapper blockquote {
  background: transparent url(images/openquote.gif) left top no-repeat;
  padding:20px 0px 10px 0px;
  width:630px;
  margin:0;

}
#homewrapper blockquote div {
  padding: 0 48px;
  background: transparent url(images/closequote.gif) right bottom no-repeat;
  font-style:italic;
  font-weight:bold;
  color:#333;
 
}


/* END NEW HOMEPAGE */




table.shoptable{ margin:10px 0px; border:1px solid #CCC; padding:5px;}
td.shopcell{ padding:0px 10px;}
td.shopcell h1{ padding:5px 0 5px 0; margin:0; border-bottom:1px solid #CCC;}
.price{height:10px; margin:0; padding:0;}
a {
	text-decoration:none;
	color:#243A4B;
	border-bottom: 1px dotted #243A4B;
}

a:hover {
text-decoration:none;
color:#0066CC;
}

img{border:none;}

h1 {
	font-size:14px;
	border-bottom-style: dotted;
	border-bottom-width: 1px;
	border-bottom-color: #000000;
	padding-bottom:3px;
	margin-bottom:2px;
}

#social{width:960px; height:34px; text-align:right; padding:2px 10px 0px 0px;}
#social a {
	text-decoration:none;
	color:#243A4B;
	border:none;
}

#social a:hover {
text-decoration:none;
color:#0066CC;
}

#nav{width:970px; height:22px;}
#container {
width:970px;
margin-left:auto;
margin-right:auto;
clear:both;
background:#fff;
padding:10px;
}

#header {
	width:970px;
	clear: both;
	height:120px;
}

.address {
float:right;
}

#nav ul {
	margin-bottom:3px;
	border-bottom: 1px dotted #000000;
	height:24px;
	margin:0;
	padding:0;
	list-style-type:none;
}

#nav li {
	float:left;
	margin:0;
	height:18px;
	padding:0;
	padding-top:2px;
	text-align:center;
	list-style-type:none;
	font-weight:bold;
}

.small {
	background-image:url(images/nav_small.gif);
	width:81px;
}

.small_active {
	background-image:url(images/nav_small_act.gif);
	width:81px;
}

.med {
background-image:url(images/nav_med.gif);
width:114px;
}

.med_active {
background-image:url(images/nav_med_act.gif);
width:114px;
}

.large {
	background-image:url(images/nav_large.gif);
	width:142px;
}

.large_active {
	background-image:url(images/nav_large_act.gif);
	width:142px;
}

#nav a {
color:#FFFFFF;
text-decoration:none;
border:0;
}

#links {
	padding:5px;
	border:1px;
	border-style:dotted;
	border-color:#000000;
	width:175px;
	margin-top:20px;
	margin-bottom:30px;
}

.mainpic {
float:right;
border: 1px solid #000;
margin-left:10px;
margin-right:5px;
}

#left {
margin-right:10px;
margin-top:5px;
padding-top:0px;
float:left;
}

#left ul {
list-style-type:none;
}

#left li {
	background-image:url(images/leftarrow.jpg);
	background-repeat:no-repeat;
	background-position:left center;
	list-style-type:none;
	text-align:left;
	line-height:22px;
	padding-bottom:2px;
	padding-left:10px;
}

#right {
float:left;

margin-left:20px;
width: 680px;
}

#right ul {
padding:0;
margin:5px;
margin-left:15px;
}

#right li {
margin:2px;
margin-top:7px;
margin-bottom:7px;
margin-left:15px;
}

#footer {
	margin-top:15px;
	margin-bottom:10px;
	padding-top:6px;
	padding-left:3px;
	padding-right:3px;
	clear:both;
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #000000;
}

#footer_icons a {
color:#FFFFFF;
border:0;
}

#footer_icons img {
border:0;
margin:0;
padding:0;
}


h2 {
font-size:13px;
color:#793919;
font-weight:bold;
}

.quotes {
background-color:#d8e8f5;
border: 1px dashed #000;
padding:7px;
width:90%;
margin-left:auto;
margin-right:auto;
}

label {
float:left;
font-weight:bold;
margin:0px 2px;
}

input, textarea, select {
margin:0px 5px;
}

input .longertext {
width:200px;
}

.new {
color:#FF0000;
}

#packages_container {
clear:both;
}

#packages_item { 
margin-top:5px;
margin-bottom:25px;
clear:both;
}

#packages_item img {
float:left;
border: 1px solid #000;
margin-right:10px;
margin-bottom:20px;
}

#packages_item h3 {
font-weight:bold;
margin:0;
padding:0;
font-size:12px;
}

#packages_item p {
font-weight:normal;
margin:2px;
}

form {
border: 1px dotted #000;
background-color:#dcecf9;
width:390px;
margin-left:auto;
margin-right:auto;
padding:5px;
}

.new {
color:#f00;
font-weight:bold;
}

#btn_teachertraining {
margin-left:50px;
margin-right:auto;
}

.btn_teachertraining {
background-image:url(images/training_link.gif);
background-repeat:no-repeat;
color:#FFF;
float:left;
width:200px;
padding-left:15px;
margin-left:10px;
margin-bottom:10px;
margin-top:10px;
padding-bottom:3px;
padding-top:2px;
font-weight:bold;
}

.btn_teachertraining a {
text-decoration:none;
border:0;
color:#FFF;
}
.error {
	border: 1px solid #f00;
    background-color: #fdd;
padding:2px;
}

.rssbox{width:200px;}

#cssdriveid{
width: 200px;
padding: 10px;
text-align:left
}

#cssdriveid .rsscontainer{ /*Style for RSS item body within #cssdriveid box*/
margin-bottom: 1em;
}

#cssnewsbox{ /*Style for RSS box for #cssnewsbox box (last demo)*/
width: 500px;
height: 310px;
padding: 10px;
border: 1px dashed black;
}

#cssnewsbox .rsscontainer{
margin-bottom: 1em;
}


.sidebarcontainer{width:227px; height:auto; margin-bottom:20px; }
.sidebarcontainer img{border:none;}
.sidebarheader{width:223px; height:30px; background:#40627D;  padding:0px; color:#FFF;  }
.sidebarheader h3{font-size:15px; padding-top:5px; color:#FFF; text-align:left; padding-left:12px;}
.sidebarheader a{font-size:16px;  padding-top:5px; color:#FFF; border:none;}
.sidebarbody1{width:201px; min-height:50px;  padding:5px 10px 10px 10px; border:1px solid #40627D;}
.sidebarbody2{width:221px; min-height:100px;  border:1px solid #40627D;}
.sidebarbody3{width:201px; min-height:50px;  padding:10px; border:1px solid #40627D;}
.sidebarbody3 a{border:none;}
.sidebarbody1 p{ text-align:left; margin:0; padding:5px 0px;}
.sidebarbody2 p{ text-align:left;}