/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -

* Filename: style.css
* Version: 1.0.0 (2009-02-15) YYYY-MM-DD
* Author: Beyond the Pixels
* Description: Stylesheet for DMTC.

*/

/* Eric Meyer CSS Reset */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, font, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
dl, dt, dd, ol, ul,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: 100;
	font-style: inherit;
	font-size: 100%;
	font-family: Arial, Helvetica, sans-serif;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}

ul, ol {
	list-style:none;
}

body {
	background-color:#E7E7E7;
	color: #646464;
}

/* End CSS Resset */

/* Begin Structure */

#wrapper {
	width:1000px;
	height:auto;
	min-height:600px !important;
	margin:0 auto;
	position:relative;
	overflow: hidden;
}

	#header {
		width:900px;
		height:80px;
		padding:40px 30px;
		margin:0pt auto;
	}
	
		#header img { /* positioning for DMTC logo */
			padding-top:5px;
		}
		
		#header p { /* positioning for search box text */
			text-align:right;
		}
		
		#header input { /* positioning/structure for search box */
			width:120px;
			height:17px;
			padding:3px 0 2px;
			margin-top:3px;
			display:block;
		}
		
			.search {
				padding-left:90px;
			}
		
	#sidebar {
		width:180px;
		height:auto;
		float:left;
		position:relative;
		margin:0 30px 0 50px;
		display:inline;
	}
		
		ul#nav li a, ul#nav li a:hover, ul#subnav li a, ul#subnav li a:hover, ul#subnav li.current_page_item a, ul#static li a, ul#static li a:hover  { /* declaring height and width for navigation rollovers */
			width:180px;
			height:auto;
			display:block;
		}
		
		ul#nav li.page_item ul li.page_item a { /* indents sub-navigation text */
			text-indent:10px;
		}
	
	#content { /* container element for left/right floated site content */
		width:690px;
		height:auto;
		float:right;
		position:relative;
		margin-right:50px;
		display:inline;
	}
	
		#slideshow {
			position: relative;
			width: 690px;
			height: 260px;
			overflow: hidden;
		}
		
		#slideshow img {
			position: absolute;
			left: 0;
			top: 0;
			width: 690px;
			height: 260px;
		}
	
		#banner { /* structure for page banners */
			width:690px;
			height:200px;
		}
		
			p.breadcrumbs {
				padding-top: 184px;
			}
		
		/* all elements titled by float and width declarations */
		
		.left_450 { 
			width:450px;
			height:auto;
			min-height:230px !important;
			float:left;
			position:relative;
			margin:20px 30px 0 0;
			clear:both;
		}
		
			.left_450 h1 {
				padding-bottom:6px;
			}
			
			.left_450 ul {
				padding-bottom: 16px;
			}
			
			.left_450 ul li {
				margin-left:20px;
			}
			
			.left_450 p {
				padding-bottom: 16px;
			}
			
			ul.programs {
				padding-bottom:20px;
			}
			
			.element { /* add margin to bottom of accordian element on FAQ page */
				margin-bottom: 5px;
			}
			
		.left_454 {
			width:454px;
			height:auto;
			min-height:230px !important;
			float:left;
			position:relative;
			margin:20px 18px 0 0;
			clear:both;
		}
		
			.left_454_item { /* structure for management, publications elements */
				height:auto;
				overflow:hidden;
				padding:20px 0;
				clear:both;
			}
			
			.left_454_item p {
				width:340px;
				padding-top:7px;
			}
			
		.left_336 {
			width:336px;
			height:auto;
			min-height:230px !important;
			float:left;
			position:relative;
			margin:20px 18px 0 0;
			clear:both;
		}
		
		.right_210 { 
			width:210px;
			height:auto;
			min-height:230px !important;
			float:right;
			position:relative;
			margin-top:20px;
		}
		
			.right_210 ul {
				margin-top:28px;
			}
		
			.right_210 ul li a, .right_210 ul li a:hover, .right_210 a#more_link, .right_210 a#more_link:hover {
				width:210px;
				height:auto;
				display:block;
				padding-bottom: 5px;
			}
			
			.right_210 a#more_link {
				padding:5px 0;
			}
			
			.right_210 h2, .left_336 h2, .right_336 h2 {
				padding-top:5px;
			}
			
			.right_210 p.blue, .left_336 p.blue, .right_336 p {
				padding-bottom:5px;
			}
			
			/* begin styling of newsletter sign up form/input */
			
			.right_210 input#newsletter {
				height:17px;
				width:170px;
				padding-top:2px;
				float:left;
			}
		
			.right_210 input#go {
				height:auto;
				float:right;
			}	
			
			.right_210 form {
				margin-top:10px;
			}
		
			.right_210 label {
				margin-top:5px;
			}

			
			/* end styling of newsletter sign up form/input */
			
		.right_218 {
			width:218px;
			height:auto;
			min-height:230px !important;
			float:right;
			position:relative;
			margin-top:20px;
		}
		
		.right_336 {
			width:336px;
			height:auto;
			min-height:230px !important;
			float:right;
			position:relative;
			margin-top:20px;
		}
		
			.right_336 p.blue {
				padding:0;
			}	
			
			/* Media Section */

			.media ul {
				margin-bottom:6px;
			}
			
			.media ul li {
				padding: 6px 0;
			}
			
			.media h2 {
				width: 100%;
				display: block;
				padding: 12px 0;
				border-top: 1px solid #000; 
				cursor: default;
			}
			
			.media_gallery {
				width: 640px;
			}
			
			.media_gallery .wp-caption {
				float: left;
				display: block;
				padding: 10px 10px 10px 0;
			}
			
			.entry_media {
				margin-top: 12px;
			}
		
#footer {
	margin:0pt auto;
	width:1000px;
	height:100px;
	position:relative;
}

	#footer p {
		padding:52px 30px 0 30px;
	}

	.left { /* applies left float to any element with this class */
		float:left;
	}
	
	.right { /* applies right float to any element with this class */
		float:right;
	}
	
		.aligncenter,
		div.aligncenter { /* positioning for images in WYSIWYG editor */
			display: block;
			margin-left: auto;
			margin-right: auto;
		}
		
		.alignleft { /* positioning for images in WYSIWYG editor */
			float: left;
			padding: 5px;
		}
		
		.alignright { /* positioning for images in WYSIWYG editor */
			float: right;
			padding: 5px;
		}
	
	/* contact page structure */
	
	#contact_map {
		width:690px;
		height:auto;
		position:relative;
		margin-bottom:-10px;
		padding-top:20px;
	}
	
		#contact map iframe {
			position:absolute;
			top:0;
			left:0;
		}
		
		#contact_info {
			width:210px;
			position:absolute;
			top:20px;
			left:470px
		}
		
			#contact_info p {
				padding:20px 0 20px 0;
			}
	
	.wpcf7 {
	height:510px;
	}
		
	.form {
	widows: 450px;
	height: 40px;
	}
	
	.tag {
	float: left;
	margin-top: 8px;
	}
	
	.textarea {
		width:330px;
		height:18px;
		padding:5px 0 2px 2px;
		float:right;
		margin-top: -13px;
	}
	
	#message {
		float:right;
		width: 335px;
	}
	
	.message_area {
		float:right;
		width:255px;
		height:130px;
		margin-top:7px;
	}
	
	#drop_down {
		float:left;
		margin-top: 20px;
		display: block;
	}
	
	.button {
		float:right;
		margin-top: 10px;
		width: 50px;
		height: 20px;
	}
	
	#reset {
		float:left;
		margin:10px 0 0 230px;
	}

		
/* End Structure */


/* Begin Style */

/* sitewide background styles */

#wrapper { /* drop shadow for left and right hand borders */ 
	background: url(images/wrapper_shadow.png) repeat-y scroll left top;
}

	#header input, .right_210 input#newsletter, .textarea, .message_area {
		background:#f7f7f7;
	}
		
	ul#nav li a:hover, ul#static li a:hover {
		background: url(images/nav_hover_cross.png) no-repeat right;
	}
	
	ul#nav li.current_page_item a, ul#nav li.current_page_ancestor a, .right_210 ul li:hover, .left_336 ul li:hover, .right_336 ul li:hover, body#contact_body #wrapper #sidebar ul#static li a {
		background: #F2F9FD;
	}
	
	ul#nav li.page_item ul li.page_item a {
		background: #FFFFFF;
	}
	
	ul#nav li.page_item ul li.page_item a:hover, ul#nav li.page_item ul li.current_page_item a {
		background: #FFFFFF url(images/sub_nav.png) no-repeat right;
	}
	
	.button {
		background: #FFFFFF url(images/contact_submit.png) no-repeat;
	}

	.right_210 a#more_link {
		background: url(images/more_nav.png) no-repeat right;
	}
	
	.right_210 a#more_link:hover {
		background: url(images/more_nav_hover.png) no-repeat right;
	}

#footer { /* drop shadow bottom sides/corners */ 
	background: url(images/footer_shadow.png) no-repeat bottom;
}

/* Body ID tags used to generate banner images */

body#about-uscompany-overview #wrapper #content #banner {
	background: url(images/header/company-overview.jpg) no-repeat top;
}

body#about-usmanagement #wrapper #content #banner {
	background: url(images/header/management-heading.jpg) no-repeat top;
}

body#about-usboard #wrapper #content #banner {
	background: url(images/header/board-heading.jpg) no-repeat top;
}

body#about-usmission-statement #wrapper #content #banner {
	background: url(images/header/mission-heading.jpg) no-repeat top;
}

body#about-uscorporate-information #wrapper #content #banner {
	background: url(images/header/corpinfo-heading.jpg) no-repeat top;
}

body#about-ushow-to-join #wrapper #content #banner {
	background: url(images/header/join-heading.jpg) no-repeat top;
}

body#about-usdmtc-participants #wrapper #content #banner {
	background: url(images/header/participants-heading.jpg) no-repeat top;
}

body#commercial #wrapper #content #banner {
	background: url(images/header/commercial-heading.jpg) no-repeat top;
}

body#education #wrapper #content #banner {
	background: url(images/header/education-heading.jpg) no-repeat top;
}

body#programs #wrapper #content #banner {
	background: url(images/header/programs-heading.jpg) no-repeat top;
}

body#programseducation #wrapper #content #banner {
	background: url(images/header/education-heading.jpg) no-repeat top;
}

body#programscommercialisation #wrapper #content #banner {
	background: url(images/header/commercialisation-heading.jpg) no-repeat top;
}

body#publications #wrapper #content #banner {
	background: url(images/header/publications-heading.jpg) no-repeat top;
}

body#faq #wrapper #content #banner {
	background: url(images/header/faq-heading.jpg) no-repeat top;
}

body#terms-of-use #wrapper #content #banner {
	background: url(images/header/terms-heading.jpg) no-repeat top;
}

body#thankyou #wrapper #content #banner {
	background: url(images/header/register-thankyou.jpg) no-repeat top;
}

/* end sitewide background styles */


/* sitewide font sizes */

#header, .right_210 p, .right_210 li p, label, .left_336 p, .right_336 p, .right_210 a#more_link, .media_gallery .wp-caption p, #footer {
	font-size:10px;
}

	ul#nav li.page_item ul li.page_item a, .breadcrumbs, .static_breadcrumbs {
		font-size:11px;
	}
	
#sidebar, .left_454_item p, #form-div input, #form-div label, #contact_info, .media ul li {
	font-size:12px;
}
	
	.left_450, .right_210 h2, .left_336 h2, .right_336 h2, .media h2 {
		font-size:13px;
	}
	
	.left_454_item_header, .left_450 h2 { 
		font-size:16px;
	}
	
	.left_450 h1 {
		font-size:19px;
	}
	
/* end sitewide font sizes */

/* sitewide colours */
	
	ul#nav li a, ul#static li a, .right_210 ul li a p, .right_210 a#more_link, #footer a , p.breadcrumbs a, p.static_breadcrumbs a {
		color:#646464
	}
	
	#footer {
		color:#929292;
	}
	
	.blue {
		color:#80A8C5;
	}
	
	.black, a:hover, .left_454_item_header, .left_450 h1, .left_450 h2, .right_210 h2, .left_336 h2, .right_336 h2, ul#nav li.page_item, ul li.page_item a, ul#nav li.page_item ul li.page_item a:hover, ul#nav li.page_item ul li.current_page_item a, p.breadcrumbs, p.static_breadcrumbs, .media h2 {
		color:#000;
	}
	
	a, ul#nav li a:hover, ul#nav li a:active, ul#nav li.current_page_item a, ul#static li a:hover, ul#static li a:active, body#contact_body #wrapper #sidebar ul#static li a, ul#nav li.current_page_ancestor a, ul#nav li.page_item ul li.current_page_item a:hover, .toggler {  
		color:#00518C;
	}
	
/* end sitewide colours */

/* sitewide link/text styles */

	a, ul#nav li.current_page_item a, ul#nav li a:hover, ul#static li a, ul#static li a:hover, ul#subnav li a, .right_210 p.blue, .left_336 p.blue, .right_336 p.blue, .right_210 p.blue a:hover {
		text-decoration:none;
	}
	
	a:hover {
		text-decoration:underline;
	}

	ul#nav li a, ul#nav li a:hover, ul#static li a, ul#static li a:hover, .left_450 h2, #contact_info a  {
		line-height:30px;
	}
	
			
	ul#nav li.page_item ul li.page_item a, ul#nav li.page_item ul li.page_item a:hover/* , ul#subnav li.current_page_item a, ul#subnav li.current_page_item a:hover */ {
		line-height:20px;
	}
	
			
	.left_450, .right_210 h2, .left_336 h2, .right_336 h2, .left_454_item p {
		line-height:18px;
	}
	
	.right_210 p.blue, .left_336 p.blue, .right_336 p.blue {
		line-height:17px;
	}
	
	.left_450 ul li {
		list-style-image: url(images/arrow.png);
	}
	
	.right_210 h2, .left_336 h2, .right_336 h2 {
		font-weight:500;
	}
	
	.bold {
		font-weight:bold;
	}

/* end sitewide link/text styles */

/* sitewide border styles */

#header {
	border-top:5px solid #00518C;
}

	#header input, .right_210 input#newsletter, .textarea, .message_area {
		border:1px solid #7d7d7d;
	}
		
#sidebar, ul#nav li.border_top, ul#nav li.page_item ul /* adds border to top of main menu li that sits under sub navigation block */ {
	border-top:1px solid #D0D0D0;
}
	
	ul#nav li.page_item, ul#static li {
		border-bottom:1px solid #D0D0D0;
	}                

	ul#nav li.page_item ul li.page_item a, ul#nav li.page_item ul li.page_item, .button {
		border:0;
	}

	.left_454_item, .left_336 ul li, .right_336 ul li, .right_210 a#more_link, #contact_info, #contact_info p, ul.programs {
		border-bottom:thin dotted #B1B1B1;
	}
	
	.right_210 li, .right_210 a#more_link, #contact_info {
		border-top:thin dotted #B1B1B1;
	}
	
/* misc styles */

	.toggler { /* adds pointer for accordian header */
		cursor: pointer;
	}

/* End Style */