/* CSS Document - DigitalUnited - Dave Saunders */



/* body styles */

body{padding:0; margin:0 0 0 0; font-family: "Trebuchet MS", "Myriad Pro",  arial, helvetica, serif; font-size:90%; color:#111; background-color:#00AEEF; border-top:6px solid #fff;}

	body#appFormBody{border:0;}

h1,h2,h3,h4,h5,h6{font-size:100%; letter-spacing:-0.01em; display:block; font-weight:bold; color:#fff; font-style:normal; font-family: "Myriad Pro" ,  "Trebuchet MS", arial, helvetica, serif;}

h1{display:block; font-size:220%; margin:15px 0 20px 0; color:#000; max-width:400px; font-style:italic; line-height:1.2em;}

	body#other h1{max-width:800px;}

h2{display:block; font-size:160%; margin:15px 0 12px 0; color:#fff;}

	h2.header{display:block; font-size:220%; margin:15px 0 12px 0!important; color:#000; font-style:italic;}

	#rArchives h2{display:block; font-size:220%; margin:15px 0 12px 0!important; color:#000; font-style:italic;}

	#right .ditto_summaryPost h2{display:block; font-size:160%; margin:15px 0 12px 0; color:#fff;}

h3{display:block; font-size:130%; border-bottom:1px solid #fff; padding-bottom:4px; margin:10px 0 8px 0; color:#fff; font-weight:normal;}

a{color:#fff; text-decoration:none;} a:hover{text-decoration:underline;}strong{font-weight:bold;}



/* misc styles */

.hidden{display:none;}

.skiplinks{display:none;}fieldset{border:0;}input{font-size:100%;}textarea{font-size:95%; width:270px; height:70px; font-family:Arial, Helvetica, sans-serif; font-weight:normal;}form{margin:0; padding:0; border:0;}table{font-size:100%;}

hr{height:1px; border:0; line-height:1px; clear:both; color:#33BEF2; background-color:#33BEF2;}label{display:block; float:left;} p{line-height:1.1em;}caption{font-weight:bold; text-align:left; padding-bottom:4px;}.divclear{clear:both; height:1px; line-height:1px; font-size:1px; margin-top:-1px;}



#container{display:block; width:990px; padding:0 0 0 0; background-color: #00AEEF; text-align:left;}



/* header styles */

#header{min-height:184px; background:url(../images/digitalunited_header1.jpg) no-repeat; background-color: #333; font-family: arial, helvetica, serif; }

	body#home #header{min-height:336px;}

	body#blog #header{background:url(../images/digitalunited_header2.jpg) no-repeat; background-color: #333;}

	body#whatwedo #header{background:url(../images/digitalunited_header3.jpg) no-repeat; background-color: #333;}

	body#people #header{background:url(../images/digitalunited_header4.jpg) no-repeat; background-color: #333;}

	body#aboutus #header{background:url(../images/digitalunited_header5.jpg) no-repeat; background-color: #333;}

	

	body#home .alt1{background:url(../images/digitalunited_header2.jpg) no-repeat; background-color: #333;}

	body#home .alt2{background:url(../images/digitalunited_header3.jpg) no-repeat; background-color: #333;}

	body#home .alt3{background:url(../images/digitalunited_header4.jpg) no-repeat; background-color: #333;}

	body#home .alt4{background:url(../images/digitalunited_header5.jpg) no-repeat; background-color: #333;}

	

#header ul{margin-left:40px; display:block;}

#header ul li{display:block; float:left;}

#header ul li a{display:block; float:left; padding:10px; text-decoration:none; background-color:transparent; font-weight:bold; font-style:italic; font-size:100%; border-bottom:1px solid #fff; height:1%;}

#header ul li a:hover{color:#00AEEF; background-color:#fff; }

#header ul li.active a{background-color:#fff; color:#00AEEF;}

#header ul li#join a{margin-left:60px; padding-left:10px; padding-right:10px;}

#header ul li#sSearch{float:right; margin:10px 20px 0 0;}

#header .breadcrumb{clear:both; margin:128px 0 0 40px; color:#fff; font-size:75%;}

#header .breadcrumb2{margin:128px 0 0 0; color:#fff; font-size:75%;}

#header form{font-size:90%;}





/* middle styles */

#middle{clear:both; height:1%; background:url(../images/pointer.gif) no-repeat; background-position:0px 0px; min-height:300px;}

	body#home #middle{clear:both; height:1%; background:url(../images/pointerHome.gif) no-repeat; background-position:0px 0px;}



/* left styles */

#left{display:block; width:440px; float:left; padding:0; margin-right:40px; margin-left:35px;}

	body#other #left{width:770px;}

	body#home #left{width:300px;}

#left p{padding:0 0 7px 0; margin:0;}

#left .iamfirst{padding-top:20px!important;}

#left h2{font-weight:normal;}

#left #map h3{color:#000; border:0; width:200px; font-style:normal;}

#introText{color:#fff; font-weight:bold; font-size:110%; margin-bottom:20px;  letter-spacing:-0.03em; line-height:1.15em; height:1%;}

#introText2{color:#fff; font-weight:bold; font-size:110%; margin-bottom:20px;  letter-spacing:-0.03em;  line-height:1.15em;}

	body#home #introText{width:440px; font-style:normal; padding-top:25px; font-size:95%; line-height:1.1em; float:left; margin-right:40px; line-height:1.15em;} 

	body#home #introText2{width:440px; font-style:normal; padding-top:25px; font-size:95%; line-height:1.1em; float:left; line-height:1.15em;} 



.ditto_summaryPost{color:#fff; border-top:1px solid #80D7F7; padding-bottom:40px;} 

.ditto_summaryPost p{margin:0; padding:3px 0;}

.ditto_summaryPost .ditto_intro{color:#111; padding:0 0 10px 0;}	



#left label{clear:left; display:block; float:none;}



#left ul{list-style-type:circle; margin:10px 0 10px 25px;}

#left ul li{margin-bottom:5px;}



#left ul.gallery{list-style-type:none; margin:0; padding:0;}

#left ul.gallery li{float:left; margin:0 10px 10px 0; padding:0;}

#left ul.gallery img{border:3px solid #fff;}



.catInfo{margin-top:20px!important; border-top:1px solid #33BEF2; padding-top:10px!important;}

.smLinks{display:block; padding:5px 0!important;}

.smLinks img{border:0; margin-right:1px; margin-left:0; vertical-align:middle;}



#wwdNav{margin:0 0 40px 0; display:block;}

.wwdItem{float:left; width:145px; margin-bottom:10px; min-height:210px!important;}

.wwdItem h2{font-size:100%; letter-spacing:0; margin-bottom:0; margin-top:8px; padding-bottom:5px; color:#fff!important; font-weight:normal;}

	#right .wwdItem h2{font-size:100%; letter-spacing:0; margin-bottom:0; margin-top:8px; padding-bottom:5px;}

.wwdItem p{font-size:70%; margin:0; padding:0 10px 2px 0!important;}

.wwdItem img{border:3px solid #fff;}

.wwdItem img:hover{border:3px solid #ddd;}

#wwdNav h2.header{margin-bottom:20px!important;}



#peopleNav{margin:0 0 40px 0; display:block;}

.peopleItem{float:left; margin-bottom:10px; margin-right:4px;}

.peopleItem h2{font-size:110%; letter-spacing:0; margin-bottom:0; margin-top:8px; padding-bottom:5px; color:#fff!important; font-weight:normal;}

	#right .peopleItem h2{font-size:110%; letter-spacing:0; margin-bottom:0; margin-top:8px; padding-bottom:5px;}

#peopleNav p{margin:0 0 10px 0; padding:0;}

#peopleNav .peopleItem p{font-size:70%; margin:0; padding:0;}



#peopleNav .wwdItem{margin-right:10px; width:135px;}



.peopleItem img{border:3px solid #fff; max-height:48px;}

.peopleItem img:hover{border:3px solid #ddd;}



#left img#topImgId{float:left; margin:3px 10px 0 0; border:3px solid #fff;}



/* mid styles */

#mid{display:block; width:150px; padding:0; float:left;  margin-right:35px;}

	body#home #mid{width:290px;}

	body#other #mid{display:none;}

.s1{font-size:100%;}

.s2{font-size:120%;}

.s3{font-size:140%;}

.s4{font-size:160%;}

.s5{font-size:180%;}

#mid ul{list-style-type:circle; margin:0 0 10px 15px; color:#fff; font-size:90%;}

#mid ul li{margin-bottom:5px;}

#mid ul li.active a{font-weight:bold;}

#mid ul.gallery{list-style-type:none; margin:0!important; padding:0!important;}

#mid ul.gallery img{border:3px solid #fff;}





/* right styles */

#right{display:block; width:290px; padding:0; float:left;}

	body#home #right{}

	body#other #right{display:none;}

#right .ditto_summaryPost{padding-bottom:10px;} 

#right ul{margin:10px 0 10px 5px; list-style-type:none;}

#right ul li{margin:0 0 4px 0;}



#right ul.gallery{list-style-type:none; margin:0!important; padding:0!important;}

#right ul.gallery img{border:3px solid #fff;}



#right input{vertical-align:middle;}

#sitePoll{margin-top:10px;}

#right .ditto_summaryPost h2{font-weight:normal;}

#right h3{border:0; font-weight:normal;}

#sitePoll h3{margin:0; padding:0; border:0;}

#sitePoll ul{ list-style-type:none; margin-left:0;}

#right textarea{width:120px;}

#right form{margin-top:30px;}

#right label{display:block;}



.formRow{display:block; clear:both; margin-top:15px; padding-bottom:15px; border-bottom:1px solid #33BEF2;}

.formRow label{display:block; float:left; width:200px; margin-right:15px; margin-bottom:10px; font-weight:bold;}

.formRow input{width:170px;}

.formRow textarea{width:170px!important; height:120px;}

.formRow input.iCheck{width:inherit; vertical-align:bottom!important; margin-top:0; margin-bottom:5px; display:block; padding:0; float:left;}

.formRow input.iSubmit{width:inherit; vertical-align:middle;}



/* footer styles */

#footer{clear:both; display:block; margin:35px 0 0 0; padding:35px 0 0 38px; font-size:100%; line-height: 1.2em; background:url(../images/bg_footer.jpg); background-color: #407FA9; color:#A0BFD4; min-height:210px;}

	body#home #footer{margin-top:0;}

#footer ul li{display:block; float:left; width:166px;}

#footer p{margin-top:10px;}

#footer a{color:#A0BFD4; font-weight:normal;}

#footer form{margin-top:0!important; padding-top:0!important;}

#footer label{font-weight:bold; margin:0 0 6px 0;}

#footer textarea{font-weight:normal; margin:0 0 5px 0;}

#footer input{padding:2px; margin-bottom:3px; vertical-align:middle!important;}

#footer input#nlEmail{width:270px;}

#footer input#ajaxSearch_submit{padding:2px!important; vertical-align:middle!important; border:0; margin-left:10px;}

#footer form p{margin-top:0; margin-bottom:0;}

	body#contact li#fbForm{display:none;}

	

	

#appFormHolder{background-color:#00AEEF; display:block; padding:0 15px; color:#fff;}

#preForm{background:url(../images/du-slideshow-12.jpg) no-repeat; background-color:#00AEEF; display:block; width:850px; height:510px; position:relative;}

#preForm a{display:block; text-indent:-5000px;}

#preForm a#launchMail{position:absolute; left:145px; top:145px; height:80px; width:560px;}

#preForm a#launchForm{position:absolute; left:160px; top:230px; width:500px; height:100px; }



#appFormHolder textarea{height:90px;}

p.appThanks{font-weight:bold!important; text-align:center!important; color:#fff!important; font-size:160%; margin-top:100px;}



.errors{color:#fff!important; display:block; background:url(../images/error.gif) no-repeat; margin: 0 0 15px 0; padding:10px 10px 10px 25px; border:1px solid #ccc; background-position:7px 8px; background-color:#00AEEF;}

.errors strong{display:block; margin:0 0 8px 0;}



/* misc styles */

.dn{display:none;}

table{display:block; font-size:90%; border:0; padding:0 0 0 0; margin:0 0 20px 0; }

table tr td{border-collapse:collapse; padding:3px 3px 3px 0; vertical-align:middle;}

table td img{float:right;}

.clearfix:after {content: "."; display:block; height:0; clear:both; visibility:hidden;}

.clearfix {display:inline-table;}

/* Hides from IE-mac \*/

* html .clearfix {height:1%;}

.clearfix {display:block;}

/* End hide from IE-mac */

a{outline:none;}