/* 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:393px; min-height:350px; float:left; padding:0 10px;}

#quote{width:298px;}

#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;

 

}



#left1 {

margin-right:10px;

margin-top:5px;

padding-top:17px;

float:left;

}



#left1 ul {

list-style-type:none;

}



#left1 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;

}





/* 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;

	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;

}


#social2{width:960px; height:14px; text-align:right; padding:10px 2px 0px 0px;}

#social2 a {

	text-decoration:none;

	color:#243A4B;

	border:none;

}



#social2 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;}


