html, body { font-family:Arial, Helvetica, sans-serif; padding:0; margin:0; font-size:.9em }

html { background:#fff }

h1, h2 { font-weight:normal; font-family:"Trebuchet MS", Arial; clear:both }
	h1 { font-size:240%; width:700px; padding:.2em 0 0 0 }
		h1 a, h1 a:hover, h1 a:visited { color:#397900; text-decoration:none; }
	h2 { font-size:150% }
h4  { color:#2574a1; padding-bottom:0; margin-bottom:0 }

a { color:#397900 }
a:hover { color:#4ba000; text-decoration:none }
a:visited { color:#606b02 }
a img, a abbr { border:0 }

ol li ul { margin:1.5em 0 }
li { margin:.5em 0 }

form, fieldset { margin:0; padding:0; border:0; }
	input, textarea, select { font-family:Arial, Helvetica, sans-serif; font-size:100% }
.form_item { padding:0 0 10px 0 }
	.form_item .label,.form_item .input { float:left }
		.form_item .label { width:12em; text-align:right; margin-right:.5em; }
	.form_item .button { margin-left:12.4em }
	.form_item .text, .form_item textarea { width:400px }

form, fieldset { margin:0; padding:0; }
.centering { margin:0; padding:15px 0; list-style:none }
	.centering span { font-weight:bold; display:block; float:left; width:12em; margin-right:.5em; text-align:right }

table { border-collapse:collapse; border:4px solid #2574a0; width:100%; }
	table td { padding:7px; border-bottom:1px solid #319ad4; border-right:1px solid #319ad4; }
	table thead { background:#2574a0; color:#fff }
	table th { padding:10px 0; border-right:1px solid #6f9fb9; font-size:100%; }
	table tfoot { border-top:2px solid #319ad4; font-size:120%; font-weight:bold; color:#2574a0 }
	table caption { display:none }
	table tbody tr:hover { background:#fff }

#page_controls { margin:0; padding:0; list-style:none; position:absolute; right:0; top:0 }
	#page_controls li { float:left; margin-left:10px; }
	#page_controls a:hover { text-decoration:none; }
	#page_controls .skip { display:none; }
	#page_controls .small { font-size:13px; }
	#page_controls .medium { font-size:15px; position:relative; top:-2px }
	#page_controls .large { font-size:17px; position:relative; top:-5px }

#header { width:990px; margin:0 auto; position:relative }
	#header ul { margin:0; padding:0; list-style:none; }

#tagline { margin:0 0 2em 0; padding:2em; background:#cfeef5; font-family:"Myriad Pro","Trebuchet MS", Arial; }
	#tagline .line1 { font-size:170%; }
	#tagline .line2 { font-size:200%; }
		#tagline .color1 { color:#1c5374 }
		#tagline .color2 { color:#4a5c19 }
		#tagline .color3 { color:#77295d }

	#main_nav { height:41px; }
		#main_nav li { float:left; margin:0; padding:0; margin-right:10px }
			#main_nav li a {display:block; text-decoration:none; font-weight:bold; font-size:98%; cursor:pointer; border-bottom:2px solid #ccc }
				#main_nav li a:hover { color:#000; border-bottom-color:#999 }
			#main_nav li span { display:block; height:26px; padding:7px 12px 0 12px; white-space:nowrap }
				* html #main_nav li span { width:0 }
		#main_nav li.active a { cursor:default; color:#000; border:0 }
			#main_nav li.active span, #main_nav li.active:hover span { padding-top:7px; height:38px; }


	#theme_chooser { font-size:13px; position:absolute; right:0; top:30px }
		#theme_chooser .label { display:block; float:left; margin:4px }
		#theme { background:#eee url(../images/arrow.gif) 95% 50% no-repeat; width:140px; float:left; }
			#theme, #theme ul {	margin:0; list-style:none; border:1px solid #bbb }
				#theme a { display: block; width:122px; text-decoration:none; padding:4px; cursor:pointer }
				#theme li { float:left; width:145px; padding:0; margin:0 }
					* html #theme li {width:126px; }
					#theme li ul { position:absolute; background:#eee; width:140px; left: -999em; top:24px; }
						 *:first-child+html #theme li ul { padding-bottom:5px }
					#theme li:hover ul, #theme li.sfhover ul { left:99px; margin:0; padding:0 0 5px 0 }
						#theme li ul li { padding:0 5px; margin:5px 0 0 0 }
						#theme li ul li a:hover { background:#fff; font-weight:bold }
						* html #theme li.sfhover ul { left:103px; top:24px }
	
#body, #footer .content { width:990px; margin:0 auto; line-height:1.3em }

#main_content { float:left; margin:10px 21px 0 0; width:700px }
	* html #main_content { margin-right:10px; }
	.full #main_content {  float:none; margin-left:15px; width:954px; }
		* html .full #main_content { width:955px; }

	#main_content .section { margin:30px 0 0 0; }
		#main_content .section .header { padding:0 0 6px 0; }
			#main_content .section .header div { margin:0 0 0 12px }
		#main_content .section h2 { color:#2574a1; padding:0 10px .3em 0; border-bottom:2px solid #2574a1 }
		#main_content .section h3 { color:#2574a1; margin-top:2em }
		#main_content .section p, #main_content .section ul { padding-top:0; margin-top:0 }

#breadcrumb { margin:10px 0 0 0; padding-bottom:18px; font-size:85% }
	#breadcrumb div { float:left; font-weight:bold; }
	#breadcrumb ul { margin:0; padding:0; list-style:inside square; float:left; }
	#breadcrumb ul li { margin:0 0 0 10px; float:left; }
	#breadcrumb a { color:#397900 }
		#breadcrumb a:hover { color:#4ba000 }

#buckets { background:url(file:///C|/xampp/htdocs/triterion/kiphughes/site/themes/modem/images/bucket-bg.jpg) repeat-y; margin:0 auto; padding:20px 0; }
	#buckets h2 { color:#000; margin-bottom:10px; }
	#buckets .content { float:left; width:30% }
		#buckets .standards { }
			#buckets .standards h2 { color:#006a79; }
		#buckets .usability { padding-left:45px }
			#buckets .usability h2 { color:#547300; }
		#buckets .accessibility { padding-left:46px }
			#buckets .accessibility h2 { color:#462d46; }

#sidebar { width:242px; margin:10px 0 0 15px; float:right }
	* html #sidebar { margin-left:8px; }
	#sidebar .section { background:#eee; margin-bottom:10px }
		#sidebar .header { width:242px; }
		#sidebar .content { padding:0 15px 15px 15px; }
		#sidebar h2 { font-size:130%;  padding:10px; margin:0 }
	#sidebar .text { border:1px solid #87b017; width:200px; }
	#sidebar .input { margin-bottom:4px; }

#footer { margin:3em 0 2em 0; border-top:1px solid #ddd; font-size:85% }
	#footer .content ul, #footer .content p { margin:0; padding:10px 0 0 0; height:48px; }
		#footer .content p { width:320px; margin-left:10px }	
		#footer .content ul { list-style:none; float:right; margin-right:20px  }
			#footer .content ul li { float:left; margin:0 0 0 12px; }
			#footer .content ul li a { color:#0b86a1 }
				#footer .content ul li a:hover { color:#328bbd }
				#footer .content ul li a:visited { color:#1a5170 }

.portfolio { margin:0; padding:0; list-style:none; }
	.portfolio li { float:left; margin:0 4px; height:150px; position:relative }
		* html .portfolio li { margin:0 3px }
	.portfolio a, .portfolio a:visited { display:block; text-decoration:none; font-size:90%; width:198px; height:132px; padding:1px 4px 4px 4px; cursor:pointer; border:1px solid #aaa }
	.portfolio span { display:block; height:22px; }

.column { }	
	.column .side1 { width:49%; float:left }
	.column .side2 { width:49%; float:right }