/*		________________________________________

		Company: Cambridge Technical Communicators
		Author: Warren Singer
		CSS Creation Date: 29 August 2006
		Last Update: August 2009
		________________________________________

--------|
  START |
	    |························· BODY elements
*/

body {
	padding:0;
	margin:5px;
	font-family: arial, verdana, hevetica, sans-serif;
	font-size:12px;
	background: #F5F5F5 bottom left fixed repeat-x;}

H1 {
	font-size:17px;
	font-weight:bold;
	color:#333399;
	padding:0;
	margin: 16px 0 10px 0;}

H2 {
	font-size:14px;
	font-weight:bold;
	padding:20px 0 0 0;
	margin:0;
	color:#404040;}

H3 {
	font-size:12px;
	font-weight:bold;
	padding:20px 0 0 0;
	margin:0;
	color:#333300;}


#gradient {	
			width:100%;
			height:100%;
			padding:0;
			margin:0;
			background-color: #F5F5F5;}

#container {	
			width:809px;
			padding:0;
			margin:14px;
			background-color: #FFFFFF;
			border: 1px solid #98C729;}

#copyright {
	background: #A5D639;
	width:800px;
	height:18px;
	color:#000000;
	font-size:10px;
	text-align:right;
	padding:4px 5px 0 4px;
	}


#copyright a {
		font-size: 10px;
		color:#333333;
		text-decoration: none;
		}

#copyright a:hover {
		font-size: 10px;
		color:#333399;
		text-decoration: underline;
		}

#footer {
	background: #A5D639;
	width:800px;
	height:18px;
	color:#000000;
	font-size:10px;
	text-align:left;
	padding:4px 5px 0 4px;
	}

#right {
	float:right; }

#left {
	float:left; }

#greenline {
	background: #A5D639;
	width:800px;
	height:4px;
	font-size:1px;}

#blueline {
	background: #333399;
	width:800px;
	height:5px;
	font-size:1px;}

#firstmenu{
	background: #A5D639;
	width:800px;
	height:20px;
	font-size:12px;
	text-align:right;
	padding:5px 5px 0 4px;}


#firstmenu a {
		font-size: 12px;
		color:#333333;
		text-decoration: none;
		}

#firstmenu a:hover {
		font-size: 12px;
		color:#333399;
		text-decoration: underline;
		}

#topmenu{
	background: #A5D639;
	width:800px;
	height:20px;
	font-size:12px;
	text-align:right;
	padding:5px 5px 0 4px;}

#topmenu a {
		font-size: 12px;
		color:#333333;
		text-decoration: none;
		}

#topmenu a:hover {
		font-size: 12px;
		color:#333399;
		text-decoration: underline;
		}

#branding {
	width:800px;
	height:92px;}

#brandingctc {
	background: #ffffff url('images/ctclogo.gif') 0 0 no-repeat;
	width:199px;
	height:88px;
	float:left;
	padding:0px 0px 0px 0;}


#brandingqt {
	background: #ffffff  url('images/writing.jpg') 100% 100% no-repeat;
	width:121px;
	height:80px;
	float:right;} 

#brandingqt1 {
	background: #ffffff  url('images/businessteam.jpg') 100% 100% no-repeat;
	width:139px;
	height:92px;
	float:right;} 	

#brandingqt2 {
	background: #ffffff  url('images/workshops.jpg') 100% 100% no-repeat;
	width:127px;
	height:88px;
	float:right;} 

#brandingqt3 {
	background: #ffffff  url('images/businesspeople.jpg') 100% 100% no-repeat;
	width:98px;
	height:92px;
	float:right;} 	
	

#brandingqt4 {
	background: #ffffff  url('images/business19a.jpg') 100% 100% no-repeat;
	width:120px;
	height:92px;
	float:right;} 

#brandingqt5 {
	background: #ffffff  url('images/jobs.jpg') 100% 100% no-repeat;
	width:58px;
	height:88px;
	float:right;} 

#brandingqt6 {
	background: #ffffff  url('images/pen.jpg') 100% 100% no-repeat;
	width:70px;
	height:88px;
	float:right;} 


#brandingqt7 {
	background: #ffffff  url('images/businessman.jpg') 100% 100% no-repeat;
	width:130px;
	height:92px;
	float:right;} 

#brandingqt8 {	
	background: #ffffff  url('images/business9.jpg') 100% 100% no-repeat;
	width:115px;
	height:84px;
	float:right;} 

#brandingqt9 {
	background: #ffffff  url('images/businessteam1.jpg') 100% 100% no-repeat;
	width:130px;
	height:92px;
	float:right;} 

#brandingqt10 {
	background: #ffffff  url('images/notebook.jpg') 100% 100% no-repeat;
	width:132px;
	height:88px;
	float:right;} 


#selected {
		font-size: 11px;
		color:#333399;
		padding:0 0 0 9px;
		line-height:175%;
		border: 1px solid #7CB900;
		width:141px;
		height:20px;
		background: #86C600;}

#notselected {
		font-size: 11px;
		color:#333399;
		padding:0 0 0 9px;
		line-height:175%;
		border: 1px solid #7CB900;
		width:141px;
		height:20px;
		background: #B8DE5F;}

.notselect {
		font-size: 11px;
		color:#333399;
		margin:0px;
		padding:0 0 0 9px;
		line-height:175%;
		border: 1px solid #7CB900;
		width:141px;
		height:20px;
		background: #B8DE5F;}

#quote {
		font-size: 11px;
		text-align:left;
		color:#000000;
		padding:20px 0 0px 11px;
		line-height:175%;
		width:141px;
		height:40px;
		background: #FFFFFF;}


#storyboard {
	background: #FFFFFF;
	width:150px;
	height:100%;
	float:left;
	padding: 0px 0 0 0px;}

#storyboard a {
		font-size: 11px;
		color:#333333;
		text-decoration: none;
		margin-left:5px;
		line-height:175%;}

#storyboard a:hover {
		font-size: 11px;
		color:#333399;
		text-decoration: underline;
		margin-left:5px;
		line-height:175%;}



#mainboard {
	width:600px;
	height:100%;
	float:left;}

#maintour {
	width:500px;
	height:100%;
	color:#000000;
	font-size:12px;
	padding: 20px 34px 0 34px;
	line-height:150%;}

#hometour {
	width:700px;
	height:100%;
	color:#000000;
	font-size:12px;
	padding: 20px 34px 0 34px;
	line-height:150%;}
	
 #xbrowser {
   clear:both;
   height:0px;
   overflow:hidden;}

#sample{
	color:#000000;
	font-size:12px;
	padding: 10px 10px 0 10px;
	line-height:150%;
	border: 1px solid #A5D639;
	background: #FFFFFF;}

#note{
	width:500px;
	color:#000000;
	font-size:12px;
	padding: 10px 10px 0 10px;
	line-height:150%;
	border: 1px dotted #A5D639;
	background: #F4FAE4;}

#callus {
		font-size: 11px;
		text-align:left;
		color:#000000;
		padding:0px 0px 0px 0px;
		width:200px;
		height:80px;		
		background: #FFFFFF;}

#next {
		font-size: 11px;
		text-align:right;
		color:#000000;
		padding:15px 0px 0px 450px;
		width:120px;
		height:20px;		
		background: #FFFFFF;}

/*
td{
	color:#000000;
	font-size:12px;
	padding: 10px 10px 0 10px;
	line-height:150%;
	border: 1px solid #A5D639;
	background: #FFFFFF;}
 
table{
	border: 0px solid #A5D639;}
	*/