/*
Theme Name: CTWorkshopV4
Theme URI: http://www.ctworkshop.com	
Author: Errol Elumir
Version: 4.0
Description: Custom theme developed for CTWorkshop.com

Copyright (c) CTWorkshop.com

*/
@import url(/CTWBM/CTW_BM/css/reset.css);

html {
	background: #FFFFFF;
}

/* Global Defaults */
body { 
	background: url(/CTWBM/CTW_BM/ImagesV4/body_bg.png) top center repeat-x; 
	color: #333;
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 1.7;
	margin: 0; padding: 0;
	min-width: 980px;
}
body.home {
	background: url(/CTWBM/CTW_BM/ImagesV4/body_bg_home2.png) top center repeat-x; 
}

body.search {
	background-color: #CCCCCC;
}

a, a:visited {
	color: #990000;
}

/*********************************************
		Header Styles
*********************************************/
#header {
	background: url(/CTWBM/CTW_BM/ImagesV4/header_bg.png) top center no-repeat;
	color: #FFF;
	width: 960px; 
	height: 120px;
	margin: 0 auto; 
	padding: 0;
	font-size: 30px;
	line-height: 1.1;
	height: 98px;
}

#header a {
	display: block;
	width: 360px; height: 80px;
	text-indent: -9999px;
	overflow: hidden;
}
#header #title {
	width: 370px;
	float: left;
}

/*********************************************
		SIGN IN HEADER
*********************************************/
#headerright {
	color: #CCC;
	width: 345px; height: 40px;
	margin: 0; padding: 0;
	float: right;
	font-size: 10px;
	line-height: 1.5;	
}

#headerright a {
	display: inline;
	text-indent: 0px;
	overflow: visible;
	color: #fff;
	text-decoration: none;
	width: auto;
	height: auto;
}

#headerright div a {
	font-size: 14px;
	color: #FFDBBB;
}

#LeftNavNew_txtUserName {
	width: 120px;
}

#LeftNavNew_txtPassword {
	width: 120px;
}

/*********************************************
Horizontal Navigation Styles (with dropdowns)
*********************************************/
#menu {
	background: url(/CTWBM/CTW_BM/ImagesV4/nav_bg.png) top center no-repeat;
	width: 965px; 
	height:46px; 
	clear: both;
	margin: 0 auto; padding: 0;
	font-size: 14px;
	overflow: visible; 
}

#menu ul {
	float: left;
	list-style: none;
	margin: 0; padding: 0;
}
#menu li {
	background: url(/CTWBM/CTW_BM/ImagesV4/nav_bevel.gif) top right no-repeat;
	float: left;
	list-style: none;
	margin: 0; padding: 0;
}
#menu li a {
	color: #015179;
	display: block; position: relative;
	font-size: 11px;
	font-weight: bold;
	margin: 0; padding: 0;
	width: 108px; height: 43px; line-height: 43px;
	text-decoration: none; text-align: center; text-transform: uppercase;
}


#menu li.plain {
	background: none;
	color: #015179;
	display: block; position: relative;
	font-size: 24px;
	font-weight: bold;
	margin: 0; padding: 0;
	width: 300px; height: 43px; line-height: 43px;
	text-decoration: none; text-align: right; text-transform: uppercase;
}

#menu li a img {
	margin: 0; padding: 0;
	display: inline;
}
#menu li.current_page_item,
#menu li a:hover {
	background: url(/CTWBM/CTW_BM/ImagesV4/nav_over.gif) top repeat-x;
}
#menu li.home.current_page_item,
#menu li.home a:hover {
	background: url(/CTWBM/CTW_BM/ImagesV4/nav_home_over.gif) top no-repeat;
}

/* second level stuff */
#menu li ul {
	z-index: 9999;
	position: absolute;
	left: -999em;
	height: auto;
	width: 200px;
	margin: 0; padding: 0;
}
#menu li li {
	padding: 0;
}
#menu li li a {
	width: 190px; height: 25px;
	float: none;
	margin: 0; padding: 0 10px;
	background: #e9e9e9;
	text-align: left;
	text-transform: none;
	font-size: 12px;
	font-weight: normal;
	line-height: 25px;
	border-right: 1px solid #b9b9b9;
	border-left: 1px solid #b9b9b9;
	border-bottom: 1px solid #b9b9b9;
}
#menu li li.current_page_item a,
#menu li li a:hover {
	background: #FFFFFF;
}
#menu li ul {
	z-index: 9999;
	position: absolute;
	left: -999em;
	height: auto;
	width: 190px;
	margin: 0; padding: 0;
}
#menu li ul ul {
	margin: -30px 0 0 189px;
}
#menu li:hover ul ul,
#menu li:hover ul ul ul {
	left: -999em;
}
#menu li:hover ul,
#menu li li:hover ul,
#menu li li li:hover ul {
	left: auto;
}
#menu li:hover { 
	position: static;
}
#menu .dropdown1 {
	background: url(/CTWBM/CTW_BM/ImagesV4/drop-down-arrow.png) no-repeat;
	width: 8px; height: 4px;
	display: block;
	margin: 0; padding: 0;
	position: absolute;
	top: 19px;
	right: 22px;
	overflow: hidden;
	text-indent: -999em;
}
#menu .dropdown2 {
	background: url(/CTWBM/CTW_BM/ImagesV4/drop-down-arrow.png) no-repeat;
	width: 8px; height: 4px;
	display: block;
	margin: 0; padding: 0;
	position: absolute;
	top: 19px;
	right: 17px;
	overflow: hidden;
	text-indent: -999em;
}
#menu .dropdown3 {
	background: url(/CTWBM/CTW_BM/ImagesV4/drop-down-arrow.png) no-repeat;
	width: 8px; height: 4px;
	display: block;
	margin: 0; padding: 0;
	position: absolute;
	top: 19px;
	right: 12px;
	overflow: hidden;
	text-indent: -999em;
}
a > .dropdown3 {  /* give all except IE6 the correct values */
	top: 9px;
	background-position: 0 -100px; /* use translucent arrow for modern browsers*/
	}
a > .dropdown2 {  /* give all except IE6 the correct values */
	top: 9px;
	background-position: 0 -100px; /* use translucent arrow for modern browsers*/
	}
a > .dropdown1 {  /* give all except IE6 the correct values */
	top: 9px;
	background-position: 0 -100px; /* use translucent arrow for modern browsers*/
	}

/*********************************************
		Feature Styles
*********************************************/
#feature {
	width: 950px; height: 480px;
	margin: 10px auto 0; padding: 5px;
	background: url(/CTWBM/CTW_BM/ImagesV4/programs_bg2.png) no-repeat;
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
}
#feature h3 {
	margin: 20px 0 0 0; padding: 0;
}
#feature h4 {
	color: #FFFFFF;
	font-size: 14px;
	font-weight: bold;
	margin: 0 0 10px 0; padding: 0;
}

div#feature_list {
	width: 950px;
	height: 450px;
	overflow: hidden;
	position: relative;
}
div#feature_list ul {
	position: absolute;
	top: 0;
	list-style: none;	
	padding: 0;
	margin: 0;
}
ul#tabs {
	left: 0;
	z-index: 2;
	width: 200px; 
}
ul#tabs li {
	font-size: 14px;
	font-family: Arial;
	line-height: 1.3;
}
ul#tabs li img {
	padding: 0px 5px 5px 5px;
	border: none;
	float: left;
	margin: 0px 10px 0 0;
}
ul#tabs li a {
	background:  url(/CTWBM/CTW_BM/ImagesV4/tab.png) no-repeat;
	color: #b0cbd9;
	text-decoration: none;	
	display: block;
	padding: 18px 30px 10px 10px;
	height: 52px;
	outline: none;
}
ul#tabs li a:hover {
	background:  url(/CTWBM/CTW_BM/ImagesV4/tab_hover.png) no-repeat;
	color: #fff;
}
ul#tabs li a.current {
	background:  url(/CTWBM/CTW_BM/ImagesV4/tab_select.png) no-repeat;
	color: #FFF;
}
ul#tabs li a.current:hover {
	text-decoration: none;
	cursor: default;
}
ul#output {
	left: 230px;
	width: 450px;
	height: 430px;
	position: relative;
	color: #FFF;
}
ul#output h3 {
	font-size: 16px;
	color: #8dd671;
}
ul#output li {
	position: absolute;
	width: 450px;
	height: 430px;
}

/* below in external file */
div#wn {
	background: url(/CTWBM/CTW_BM/ImagesV4/feature-themes-bg.jpg) no-repeat top left;
    position:relative; 
/*    width:655px; height:150px;  */
    width:425px; height:400px;  
    overflow:hidden;
	margin: 15px 0 0 0;
	}
div#wn img { 
	margin: 11px 0 0 0px;
	}

/*********************************************
		REGISTRATION
*********************************************/
div ul#registration {
	display: block ;
	color: #000000 ;
	left: 700px;
	top: 20px;
	width: 240px;
	height: 270px;
	font-size: 10px ;
	line-height: 14px ;
	position: absolute ; 
	text-decoration: none ;
	left: 468px;
	text-align: center;
}

div ul#registration a{
	font-size: 12px ;
	color: #fff ;
}


/*********************************************
		FIND US
*********************************************/
div ul#find_us {
	display: block ;
	color: #000000 ;
	left: 750px;
	top: 310px;
	width: 180px;
	height: 70px;
	font-size: 12px ;
	line-height: 14px ;
	position: absolute ; 
	text-decoration: none ;
}

#find_us li a {
	color: #562500 ;
}

/*********************************************
		TWITTER UPDATES
*********************************************/
div ul#twitter_update_list {
	display: block ;
	color: #0C93BA ;
	left: 743px;
	top: 355px;
	width: 180px;
	height: auto;
	font-size: 10px ;
	line-height: 14px ;
	position: absolute ; 
	text-decoration: none ;
}
 
#twitter_update_list li {
/* wraps a single list */
}
 
#twitter_update_list li span {
/* wraps the tweet */
}
 
#twitter_update_list li a {
/* wraps the link to the tweet */
/* by default it have 85% font-size therefore you might want to change it like below */
	font-size:100%;
	font-size:10px;
	color: #6E3400;

}

#twitter_div {
	background-image: url('/CTWBM/CTW_BM/ImagesV4/twitterBG.png');
	background-repeat: no-repeat;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-bottom-color: #5AA5BC;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	margin-top:10px;
	padding-top: 40px;
	padding-right: 5px;
	padding-left: 5px;
	font-size: 14px ;	
}

div #sidebar ul#twitter_update_list {
	left: auto;
	top: auto;
	width: 300px;
	font-size: 12px ;
	position: relative ; 
	text-decoration: none ;
	vertical-align: baseline;
}

div #sidebar ul#twitter_update_list li span a {
	font-size: 12px ;
	color: #FF0000;
}

#twitter_div ul li {
	color: #0C93BA;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-bottom-color: #A1E8F7;
	padding-top: 5px;
	padding-bottom: 5px;
}
 
#twitter_div ul li a {
	text-decoration: none;
	color: #DDA84E;
	font-size: 12px ;
}
 
#twitter_div ul li a:hover {
	text-decoration: none;
	color: #D78E42;
	font-size: 12px ;
}
 
#twitter_div p {
	text-align: right;
	padding-right: 6px;
	padding-bottom: 10px;
}

/*********************************************
		Container 
*********************************************/
#container {
	background: none;
	width: 960px;
	margin: 0px auto 10px auto; padding: 5px 0 15px 0;
	text-align: left;
	overflow: auto;
}

#container strong {
	color: #562500; 
}

#titlebar {
	width: 565px;
	float: left;
}

#titlebar h1 {
/*	float: left; */
/*	color: #562500; */
	color: #0079C6;
	font-size: 28px;
	font-weight: bold;
	padding-bottom: 5px;
	line-height:2em;
	vertical-align: middle;
}

#col2-col1,
#col2-col2 {
	width: 480px; float: left;
	margin: 0; padding: 0;
	overflow: hidden;
}

#flash_player {
	background:  url(/CTWBM/CTW_BM/ImagesV4/movie_bg.png) no-repeat top left;
	height: 370px;
	padding: 13px;
	margin-top: 80px;
	
}

#main {
	width: 570px;
	float: left;
}

#MainContent {
	line-height: normal;
}

#MainContent ul {
	list-style-type: disc;
	list-style-position: inside;	
	padding-left: 5px;
}

#MainContent P {
	padding-bottom: 12px;
}

#centered {
	background:  url(/CTWBM/CTW_BM/ImagesV4/bg_centered.png) repeat-y;
	text-align: left;
    margin-left: auto;
    margin-right: auto;
    width: 600px;
}

#centeredtop {
	background: url(/CTWBM/CTW_BM/ImagesV4/bg_centered_top.png) top no-repeat;
	width: 600; height: 14px;
	margin: 0; padding: 0;
    margin-left: auto;
    margin-right: auto;
}
#centeredbottom {
	background: url(/CTWBM/CTW_BM/ImagesV4/bg_centered_bot.png) top no-repeat;
	width: 600; height: 14px;
	margin: 0; padding: 0;
    margin-left: auto;
    margin-right: auto;
}

/*********************************************
		SIDEBAR
*********************************************/
#sidebarwrap {
	width: 340px;
	float: right;  
	padding-bottom: 8px;
}
#sidebar {
	float: right;  
	width: 320px;
	background: #e9e9e9;
	line-height: 1.5;
	margin: 0; padding: 0 10px 0 10px;
	color: #666666;
	border-left: 1px solid #dbdbdb;
	border-right: 1px solid #dbdbdb;
}

#sidebartop {
	background: #e9e9e9 url(/CTWBM/CTW_BM/ImagesV4/sidebar-bg-top.gif) top no-repeat;
	width: 342px; height: 6px;
	float: right;
	margin: 0; padding: 0;
}
#sidebarbottom {
	background: #e9e9e9 url(/CTWBM/CTW_BM/ImagesV4/sidebar-bg-bot.gif) top no-repeat;
	width: 342px; height: 6px;
	float: right;
	margin: 0; padding: 0;
}
#sidebar hr {
	border-top: #d7d7d7 1px solid;
	color: #ffffff;
	background: #ffffff;
	height: 1px;
	width: 320px;
/*	float: left; */
	padding: 0;
	border-left: none;
	margin: 10px 0px 10px 0px;
}
#sidebar p {
	font-size: 12px;
	padding: 0;
}
#sidebar a {
	text-decoration: none;
	color: #DDA84E;
}

#sidebar h2 {
	font-family: Arial, Helvetica, sans-serif;
	color: #0079C6;
	font-size: 18px;
	font-weight: bold;
	padding-bottom: 0px;
	vertical-align: middle;
}

#sidebar #youtube {
	margin: 10px 0 0 0; padding: 0;
}

#sidebar #tweets {
	margin: 10px 0 10px 0; padding: 10px 0 0 0;
}

#sidebar #twitter {
	background: url(images/bird.jpg) 0 50% no-repeat;
	margin: 10px; padding: 0 0 0 60px;
}
#sidebar #twitter ul {
	background: #3D5B8D;
	margin: 0; padding: 5px 10px;
}

/*********************************************
		SIDEBAR REGISTER
*********************************************/

#reg-sidebarwrap {
	background-image: url('/CTWBM/CTW_BM/ImagesV4/bg_sidebar_fade.png');
	background-repeat: no-repeat;
	width: 344px;
	float: right;  
	padding-bottom: 8px;
}
#reg-sidebar {
	float: right;  
	width: 320px;
	line-height: 1.5;
	margin: 0; padding: 0 20px 0 10px;
	color: #DDD;
	padding-top: 20px;
	padding-bottom: 20px;
}

#reg-sidebar h3 {
	font-family: Arial, Helvetica, sans-serif;
	color: #333;
	font-size: 18px;
	font-weight: bold;
	padding-bottom: 0px;
	vertical-align: middle;
	text-align: center;
}

#reg-sidebar h1 {
	font-family: Arial, Helvetica, sans-serif;
	color: #333;
	font-size: 28px;
	font-weight: bold;
	padding-bottom: 0px;
	vertical-align: middle;
	text-align: center;
}


#reg-sidebar a.viewcourses {
	background: url(/CTWBM/CTW_BM/ImagesV4/button_view_courses.png) top no-repeat;
	width: 333px;
	height: 57px;
	display: block;
}
#reg-sidebar a.viewcourses:hover {
	background: url(/CTWBM/CTW_BM/ImagesV4/button_view_courses_hover.png) top no-repeat;
}



/*********************************************
		Footer Styles
*********************************************/
#footer-bg {
	margin: 0 auto;
	background: url(/CTWBM/CTW_BM/ImagesV4/footer_bg.png) top repeat-x;
}
#footer {
	clear: both;
	width: 920px; height: 85px;
	margin: 0 auto; padding: 20px;
}
#footer p {
	margin: 0; padding: 0;
}
#footer a {
	color: #66c0fd;
	text-decoration: none;
}
#footer a:hover {
	color: #fff;
	text-decoration: none;
}

#footer #credits {
	float: left;
	width: 340px;
	color: #cccccc;
	font-size: 11px;
}

#footer #wplinks {
	float: left;
	width: 280px;
	margin: 0; padding: 0 0 0 20px;
}
#footer #wplinks .title {
	color: #cccccc;
	font-weight: bold;
	font-size: 13px;
}
#footer #wplinks ul {
	list-style-type: none;
	margin: 0; padding: 0;
}
#footer #wplinks li {
	display: block; float: left;
	width: 140px;
	margin: 0; padding: 0;
}
#footer #logo {
	background: url(/CTWBM/CTW_BM/ImagesV4/ctworkshop_logo.png) no-repeat;
	float: right;
	width: 230px;
	margin: 11px 0;
}
#footer #logo a {
	display: block;
	width: 210px; height: 85px;
	text-indent: -9999px;
	overflow: hidden;
}