@import url(colours.css);

* { margin: 0; padding: 0; font-size: 1em; }
body { font-size: 0.8em; background-color: #BDCCD4; font-family: Arial, Tahoma Helvetica, sans-serif; color: #666666; }
img { border: none; }

.align-left { text-align: left; }
.align-center { text-align: center; }
.align-right { text-align: right; }

.valign-top { vertical-align: top; }
.valign-middle { vertical-align: middle; }
.valign-bottom { vertical-align: bottom; }

.clear { clear: both; font-size: 0; line-height: 0; height: 0px; }
.float-left { float: left; }
.float-right { float: right; }

h1, h2, h3, h4, h5, h6 { font-weight: bold; margin-bottom: .5em; color: #666666; }
h1 { font-size: 1.2em; }
h2 { font-size: 1.1em; }
h6 { font-size: 1.35em; font-weight: bold; }

a { color: #00AEEF; text-decoration: none; }
a:hover { color: #444444; }

hr { display: none; }
.hr { border-bottom: 1px dotted #999999; margin-bottom: 0.5em; }

#root { width: 830px; margin: 20px auto 0px; background-color: #FFFFFF; }
	#header { height: 95px; width: 810px; padding: 10px 10px 5px; }
		#ica_logo { float: left; margin: 15px 0px 0px 10px; }
		#logo { float: right; }
	#navigation1 { width: 795px; padding: 4px 10px 3px 25px; background-color: #666666; }
		#navigation1 { overflow: hidden; }
		#navigation1 ul { list-style-type: none; }
		#navigation1 li { float: left; }
		#navigation1 a { display: block; padding-right: 15px; color: #FFFFFF; text-decoration: none; }
			#navigation1 a.active { font-weight: bold; }
		#navigation1 li a:hover, #main-navigation li a.level1active { color: #BBBBBB; }
	#image-strip { position: relative; width: 830px; height: 60px; border-bottom: 10px solid #666666; }
    	#nav2_bg { position: absolute; top: 0; right: 0; width: 795px; padding: 4px 10px 3px 25px; background-color: #000000; }
		#navigation2 { position: absolute; top: 0; right: 0; width: 795px; padding: 4px 10px 3px 25px; }
			#nav2_bg { overflow: hidden; opacity: .6; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; filter: alpha(opacity=60); }
			#navigation2 ul { list-style-type: none; }
			#navigation2 li { float: left; }
			#navigation2 a { display: block; padding-right: 15px; color: #FFFFFF; text-decoration: none; }
            #navigation2 a:hover, #navigation2 a.active, #navigation2 a:active { color: #00AEEF; }
            
	#main { background-image: url(../images/main-bg.gif); background-repeat: repeat-y; margin-bottom: 8px; }
		#left-column { width: 585px; float: left; }
			#quote-box { width: 540px; padding: 10px 10px 0px 35px; color: #00AEEF; font-size: 1.3em; line-height: 1.5em; font-family: Georgia, Times New Roman, Times, serif; background-image: url(../images/quote-frame.gif); background-repeat: repeat-y; }
			#body-copy { padding: 20px 10px 10px 35px; }
				#body-copy p { margin-bottom: 0.7em; }
				#body-copy ul { padding-left: 15px; margin-bottom: 0.7em; }
            #featured-team-member { margin-left: 15px; color: #FFFFFF; }
            	#ftm { padding: 0px 18px; background-color: #0d72ba; }
                	#ftm-text { float: left; width: 390px; margin-right: 10px; }
            			#ftm-heading { font-family: Georgia, Times New Roman, Times, serif; font-size: 1.4em; display: block; margin-bottom: 0.5em; }
                        #ftm-more { display: block; float: right; font-size: 1.2em; font-weight: bold; color: #FFFFFF; }
                    #ftm-img { float: right; width: 127px; text-align: center; }
			.member-profile { width: 500px; line-height: 1.4em; margin-bottom: 0.8em; }
			.team-member { width: 585px; clear: both; }
				.team-member-photo { float: left; width: 100px; margin: 10px 10px 10px 0px; text-align: center; }
				.team-member-desc { float: left; width: 435px; margin: 10px 0px 0px; }
		#right-column { width: 205px; padding: 20px 0px 0px 20px; float: left; }
			.right-column-link { }
				.right-column-link a { display: block; width: 205px; padding: 2px 0px 2px 0px; color: #00AEEF; background-color: #FFFFFF; }
				.right-column-link a:hover { background-color: #EEEEEE; }
			.right-column-link2 { }
				.right-column-link2 a { display: block; width: 205px; padding: 2px 0px 2px 0px; color: #666666; background-color: #FFFFFF; }
				.right-column-link2 a:hover { color: #333333; background-color: #EEEEEE; }
			.news-item { margin: 5px 0px; }
			#testimonial-box { background-color: #f3f3f3; padding: 8px; }
				#testimonial-text { font-size: 1.2em; font-weight: bold; padding: 4px 8px; color: #0086c8; }
	#footer { height: 110px; position: relative; padding: 18px 15px 10px 15px; background-color: #8B979E; color: #FFFFFF; font-size: 0.85em; line-height: 1.5em; }
		#footer h2 { color: #FFFFFF; }
		#popular-links { margin-top: 0.6em; }
			#popular-links ul { float: left; margin-right: 40px; list-style-type: none; text-decoration: none; }
			#popular-links a { color: #FFFFFF; }
				#popular-links a:hover { color: #444444; }
		#footer-right { position: absolute; bottom: 10px; right: 10px; text-align: right; margin-top: 30px; }
			#footer-right a { color: #CFCFCF; }
				#footer-right a:hover { color: #444444; }
	#by-source { width: 830px; margin: 5px auto 15px; text-align: right; font-size: 0.8em; }

table.form td, table.form th { padding: 2px; }

input { font-family: Arial, Tahoma Helvetica, sans-serif; }
input.text { padding: 1px; color: #000000; }
input.text-ghosted { padding: 1px; color: #808080; }
input.button { color: white; font-weight: bold; background-color: #808080; border: 0px; padding: 0px 4px; }

#mapformholder { float: right; width: 550px; height: 386px; margin: 0 0 20px 20px; display: inline; position: relative; }
#map { width: 550px; height: 360px; margin-bottom: 20px; border: 1px solid #202020; position: absolute; top: 0; left: 0; }
#form { width: 520px; height: 330px; border: 1px solid #00AEEF; padding: 15px; background-color: #FFFFFF; position: absolute; top: 0; left: 0; }
#mapformtabs { position: absolute; bottom: 0; right: 0; }
#mapformtabs ul { list-style: none; margin: 0; padding: 0; }
#mapformtabs li { display: inline; }
#mapformtabs a { display: block; width: 80px; line-height: 24px; text-align: center; float: left; padding: 0px 5px; background-color: #00AEEF; color: #FFFFFF; margin-left: 2px; display: inline; }

#form table { width: 500px; }
#form table td { padding: 4px; }
#form table input.text, #form table textarea { width: 96%; border: 1px solid #00AEEF; }
#form table textarea { height: 100px; }
#form table input.button { background-color: white; color: #00AEEF; font-weight: bold; border: 0; padding: 1px 3px; font-size: 1.2em; }