/*#############################################################
Name: ed2go catalog style
Date: 2009-01-15
Description: Basic template.
Author: Benjamin Jacobs
URL: http://www.ed2go.com


#############################################################*/

/* standard elements */

* { padding: 0; margin: 0; }
ul li, ol li { list-style: none; list-style-position: outside; }
ol ol, ul ul, ol ul, ul ol { margin-left: 20px; margin-bottom: 12px; }
/*img { 
	border: none;
		 }*/



body { 
    font: 12px/18px Verdana, Helvetica, Arial, Geneva, sans-serif; 
    color: #333;  
    background: url(img/bg_grey.jpg) no-repeat;
    BACKGROUND-POSITION: center; 
    BACKGROUND-ATTACHMENT: fixed; 
}

.imgStyle img { 
	border: none;
	background: url(pix2/pic_back.gif) no-repeat center;
	padding: 23px;
	 }
	 

.imgStyle2 img { 
	border: none;
	background: url(pix2/pic_back2.gif) no-repeat center;
	padding: 17px;
	 }
	 
.imgInstructor img{
	border: none;
	padding:7px;

	 }
h1, h2, h3, h4, h5, h6 { 
	font-family: "Trebuchet MS", Helvetica, Arial, Geneva, Sans-Serif; 
	/*color: #414d4c;*/ 
	color: #333333;
	}
h1 { font-size: 22px; line-height: 24px; margin-bottom: 12px; margin-top: 12px; color:#006699;}
h2 { font-size: 22px; line-height: 24px; margin-bottom: 5px; margin-top: 22px; color:#000000;}
h3 { font-size: 19px; line-height: 22px; margin-bottom: 5px; margin-top: 19px; color:#000000; }
h4 { font-size: 19px; line-height: 22px; margin-bottom: 5px; margin-top: 19px; color:#000000; }
h5 { font-size: 13px; line-height: 15px;margin-bottom: 12px; margin-top: 12px; color:#006699; }
h6 { font-size: 13px; line-height: 15px;margin-bottom: 12px; margin-top: 12px; color:#000000; }

h1 span { color: #999; }

/* a { color: #3b5a4a; }
a:hover { color: #3b5a4a; }
a:visited { color: #3b5a4a; }
*/

p { margin-bottom: 10px; }

input, textarea { font: 12px Verdana, Helvetica, Arial, Geneva, sans-serif; }

blockquote { 
    font: 12px/18px Verdana, Helvetica, Arial, Geneva, sans-serif; 
    color: #333;
	font-style: italic;
	padding: 12px 12px;
	margin-bottom: 20px;
		margin-left: 20px;
		margin-right: 20px;
		margin-top: 20px;
	background: #E3EDF4; 
}


/* Container
-------------------------------------------------------------------*/
#container { 
	width: 880px; 
	padding-bottom: 10px; 
	margin: 0 auto; 
	overflow: hidden; 
}
#container #wrapper { 
	width: 880px; 
	float: left; 
	overflow: hidden; 
	background: #ffffff url(img/sidebar-bg.gif) repeat-y top right; 
}

/* Header
-------------------------------------------------------------------*/
#header {
	width: 880px;
	height: 83px;
	float: left;
	background: url(images/header3.jpg) no-repeat center;
	position: relative;
	background-image: url(img/header3.jpg);
}
#header h1 { 
	font: 24px Verdana; 
	padding-top: 10px; 
	margin-bottom: 0; 
	color: #fff; 
}
#header h1 a { 
	color: #fff; 
	text-shadow: 1px 1px 1px #333; 
	text-decoration: none; 
}
#header h1 span { 
	padding-left: 10px; 
	font-size: 11px; 
	color: #ccc; 
}

/* Navigation
-------------------------------------------------------------------*/
#nav { 
	width: 880px; 
	height: 33px; 
	float: left; 
	text-align:left;
	background: url(img/nav-bg.gif) no-repeat; 
	border-bottom: 1px solid #999; 
	position: relative; 
}
#nav ul { 
	margin-left: 10px; 
	position: absolute; 
	bottom: -1px; 
	overflow: hidden; 
	height: 33px; 
}
#nav ul li { 
	float: left; 
	margin-right: 3px; 
	padding-left: 7px; 
}
#nav ul li.current_page_item { background: url(img/nav-tab-left.gif) no-repeat; }
#nav ul li a { 
	display: block; 
	text-decoration: none; 
	color: #333; 
	line-height: 33px; 
	padding: 0 15px 0 8px; 
}
#nav ul li a:hover { color: #555; }
#nav ul li.current_page_item a { background: url(img/nav-tab-right.gif) no-repeat top right; }
#nav #feed {
	position: absolute;
	right: 28px;
	top: 12px;
	height: 19px;
	padding-left: 37px;
	color: #544626;
	display: block;
	background: url(img/feed.gif) no-repeat;
	text-decoration: none;
}

/*** Sidebar menu ***/
.nav2 {
background:#FFFF99;
border:1px solid #FFCC00;
color:#999999;
display:block;
margin-top:4px;
padding:7px 7px 7px 7px;
position:relative;
font-weight:bold;
/* text-transform:uppercase;*/
width:180px;
}

.nav:hover,.active {
background:#FFFFCC;
border:1px solid #FF9900;
color:#303030;
text-decoration:none;
}


.sub {
font-size:0.8em;
letter-spacing:1px;
margin:3px 0 2px 10px;
padding:4px 2px 2px 8px;
width:125px;
}


/* Search
-------------------------------------------------------------------*/
#search {
	position: absolute;
	top: 27px;
	right: 25px;
}

#search input { border: 0; }

#search #s { 
	width: 148px;
	padding: 4px 0 4px 9px;
	margin-right: -4px;
	vertical-align: top;
	line-height: 0;
	font: normal 12px Verdana;
	vertical-align: top;
	color: #333;
	background: url(img/search-text.gif) no-repeat;
}
#search #searchsubmit { 
	width: 35px; 
	height: 22px;
	vertical-align: top;
	background: url(img/search-submit.gif) no-repeat;
}

/* sidebar */
#sidebar {
	font-size:11px;
	padding: 0px;
	width: 200px;
	text-align:left;
	
	}
	
#sidebar 	ul li, ol li { list-style: disc; list-style-position: outside; }
/* ol ol, ul ul, ol ul, ul ol { margin-left: 20px; margin-bottom: 12px; } */

.sidebar {
font-size:11px;
	padding: 0px;
	width: 200px;
	text-align:left;
}

.sidebar 	ul li, ol li { list-style: disc; list-style-position: outside; }
ol ol, ul ul, ol ul, ul ol { margin-left: 20px; margin-bottom: 12px; }

/* sub navigation */
#sidenav {
	float: right;
	text-align:left;
	margin: 10px 0px;
	/*padding: 10px 16px;*/
	width: 230px;
}
#sidenav h2 {
	color: #5A5A43;
	font-size: 11px;
	line-height: 20px;
	margin: 0;
	padding-left: 0px;
}
#sidenav ul {
	padding: 0;
	border-top: 1px solid #EAEADA;
}
#sidenav li {border-bottom: 1px solid #EAEADA;}
#sidenav li a {
	font-size: 11px;
	color: #554;
	display: block;
	padding: 0px 0 0px 0;
	text-decoration: none;
	width: 100%;
}
#sidenav li a:hover {
	background: #F0F0EB;
	color: #654;	
}


/* content */
#content {
	float: left;
	text-align:left;
	margin-top:0px;
	padding:20px;
	width: 600px;
}

/*
#content .descr {
	color: #664;
	font-size: 0.9em;
	margin-bottom: 6px;
}
*/
#content ul li {
	/* list-style: url(img/li.gif); */
	list-style:disc;
	list-style-position: inside;
	text-indent: -1.5em;
	padding-left: 1.5em;
	margin-left: 14px;
	margin-bottom: 12px;
}

#content ol li {
	list-style:decimal;
	list-style-position: inside;
	text-indent: -1.5em;
	padding-left: 1.5em;
	margin-left: 14px;
	margin-bottom: 12px;
}

#content img {
	border: none;
	padding: 7px;
}

#content a { 
color: #006699; 
}
#content a:link { 
color: #006699; 
}
#content a:hover { 
color: #3366CC;
 }

/* #content p {font-family: "Lucida Sans Unicode",sans-serif;} */


/* Footer
-------------------------------------------------------------------*/




#inquiry, #firstname, #lastname, #title, #email, #organization_name, #street_address, #province, #country, #web {
	border-right: #ccc 1px solid; 
	padding-right: 3px; 
	border-top: #ccc 1px solid; 
	margin-top: 2px; 
	padding-left: 3px; 
	font-size: 15px; 
	background: #fbfbfb; 
	margin-bottom: 10px; 
	padding-bottom: 3px; 
	border-left: #ccc 1px solid; 
	width: 67%; 
	margin-right: 6px; 
	padding-top: 3px; 
	border-bottom: #ccc 1px solid
}

#city {
	border-right: #ccc 1px solid; 
	padding-right: 3px; 
	border-top: #ccc 1px solid; 
	margin-top: 2px; 
	padding-left: 3px; 
	font-size: 15px; 
	background: #fbfbfb; 
	margin-bottom: 10px; 
	padding-bottom: 3px; 
	border-left: #ccc 1px solid; 
	width: 67%; 
	margin-right: 6px; 
	padding-top: 3px; 
	border-bottom: #ccc 1px solid
}

#postal_code {
	border-right: #ccc 1px solid; 
	padding-right: 3px; 
	border-top: #ccc 1px solid; 
	margin-top: 2px; 
	padding-left: 3px; 
	font-size: 15px; 
	background: #fbfbfb; 
	margin-bottom: 10px; 
	padding-bottom: 3px; 
	border-left: #ccc 1px solid; 
	width: 30%; 
	margin-right: 6px; 
	padding-top: 3px; 
	border-bottom: #ccc 1px solid
}

#state {
	border-right: #ccc 1px solid; 
	padding-right: 3px; 
	border-top: #ccc 1px solid; 
	margin-top: 2px; 
	padding-left: 3px; 
	font-size: 15px; 
	background: #fbfbfb; 
	margin-bottom: 10px; 
	padding-bottom: 3px; 
	border-left: #ccc 1px solid; 
	width: 20%; 
	margin-right: 6px; 
	padding-top: 3px; 
	border-bottom: #ccc 1px solid
}

#phone, #phone2, #area_code {
	border-right: #ccc 1px solid; 
	padding-right: 3px; 
	border-top: #ccc 1px solid; 
	margin-top: 2px; 
	padding-left: 3px; 
	font-size: 15px; 
	background: #fbfbfb; 
	margin-bottom: 10px; 
	padding-bottom: 3px; 
	border-left: #ccc 1px solid; 
	width: 10%; 
	margin-right: 6px; 
	padding-top: 3px; 
	border-bottom: #ccc 1px solid
}

#phone3, #pre_phone, #tmp_phone {
	border-right: #ccc 1px solid; 
	padding-right: 3px; 
	border-top: #ccc 1px solid; 
	margin-top: 2px; 
	padding-left: 3px; 
	font-size: 15px; 
	background: #fbfbfb; 
	margin-bottom: 10px; 
	padding-bottom: 3px; 
	border-left: #ccc 1px solid; 
	width: 20%; 
	margin-right: 6px; 
	padding-top: 3px; 
	border-bottom: #ccc 1px solid
}

#fax {
	border-right: #ccc 1px solid; 
	padding-right: 3px; 
	border-top: #ccc 1px solid; 
	margin-top: 2px; 
	padding-left: 3px; 
	font-size: 15px; 
	background: #fbfbfb; 
	margin-bottom: 10px; 
	padding-bottom: 3px; 
	border-left: #ccc 1px solid; 
	width: 67%; 
	margin-right: 6px; 
	padding-top: 3px; 
	border-bottom: #ccc 1px solid
}


#message {
	border-right: #ccc 1px solid; 
	padding-right: 3px; 
	border-top: #ccc 1px solid; 
	margin-top: 2px; 
	padding-left: 3px; 
	font-size: 15px; 
	background: #fbfbfb; 
	margin-bottom: 10px; 
	padding-bottom: 3px; 
	border-left: #ccc 1px solid; 
	width: 67%; 
	margin-right: 6px; 
	padding-top: 3px; 
	border-bottom: #ccc 1px solid
}


.formbutton{
	margin-align:center;
	cursor:pointer;
	border:outset 1px #eee;
	background:#999;
	color:#ffffff;
	font-weight:bold;
	padding-right: 22px;
	padding-left: 22px;
	padding-top: 7px;
	padding-bottom: 7px;
	background-color:#007CC3;
}

#footer {
text-align:center;
padding:7px;
}