/* CSS Document */

/*============================================================
  Created for: Carbon Connections - UEA
  Design Company: Creative Smile
============================================================*/

/*============================================================
  Page body/font style 
============================================================*/

body { 
	margin:0px;
	background-color:#3c3c3c;
	background-image:url(../images/bg.gif);
	background-repeat:repeat-x;
	color:#adadad;
	font-family:Arial, Verdana, Helvetica, sans-serif;
	font-size:12px;
	text-align:center;
}

form { margin:10px 0px 0px 0px; padding:0px; }

/*============================================================
  Page General Layout 
============================================================*/

#wrap {
	width: 1000px;
	margin:0 auto;
}

#container {
	width:1000px;
	background-color:#dadada;
	text-align:left;
}

#inner {
	width:976px;
	background-color:#FFFFFF;
	margin:0px 0px 0px 12px;
}

/*============================================================
  Page Header 
============================================================*/

#header {
	width:976px; height:378px;
	position:relative; overflow:hidden;
	border:0px;
	border-bottom:12px #5ca038 solid;
}

#headerImage {
	position:absolute;
	z-index:1;
}

#headerTop {
	width:944px; height:79px;
	margin:12px 0px 0px 16px;
	background-color:#3d3d3d;
	position:absolute; top:0px;
	z-index:9;
}
#headerTopInner {
	width:940px; height:75px;
	background:#3d3d3d url(../images/header_bg.gif) repeat;
	margin:2px;
}
#headerNav {
	width:570px; height:75px;
	
	float:right;
}

#logoLCIC {
	margin:2px;
	float:left;
}
#logoUEA {
	margin:2px;
	float:left;
}


/*============================================================
  Page Body
============================================================*/

.cleardiv { clear:both; }

#pageBody {
	width:976px;
	padding:0px 0px 15px 0px;
	background:#FFFFFF url(../images/left_repeat.gif) repeat-y top left;
	float:left;
}

#pageLeft {
	width:250px; height:100%;
	background:#f0f0f0;
	float:left;
}

#pageLeftInner { margin:20px 25px 0px 25px; }

#pageRight {
	width:706px; float:left;
}

#pageRightCont {
	width:666px;
	margin:20px;
}

#pageRightSplitLeft { width:410px; margin:20px 0px 0px 30px; float:left; }
#pageRightSplitRight { width:220px; margin:25px 0px 0px 40px; float:left; }

#pageRightFull { width:650px; margin:25px 0px 0px 30px; float:left; }

.bodySect {
	margin:15px 0px 0px 0px;
	padding:15px 0px 0px 0px;
	border:0px;
	border-top:1px #dadada solid;
	
}

.bodyArticle {
	margin:10px 0px 0px 0px;
	padding:0px 0px 10px 0px;
	border:0px;
	border-bottom:1px #d0cfcf dashed;
}

.bodyLinkBox {
	width:200px;
	margin:7px 10px 0px 0px;
	float:left;
}

/*============================================================
  Page Footer
============================================================*/

#footer {
	background-color:#dadada;
}

#footerLeft {
	padding:10px 0px 10px 15px;
	float:left;
}

#footerRight {
	padding:10px 15px 10px 0px;
	float:right;
}

/*============================================================
  Page Specific - Home 
============================================================*/

#homeNewsBox {
	width:210px; 
	margin:20px 0px 0px 20px;
	background:url(../images/pixel_grey.gif) repeat;
	position:relative;
}

#homeNewsHead {
	padding:10px 0px 0px 15px;
}

.homeNewsSepA { display:block; width:1px; height:18px; background-color:#FFFFFF; float:left; }
.homeNewsSepB { display:block; width:210px; height:2px; margin:7px 0px 0px 0px; background:url(../images/separator_grey.gif); float:left; }

a.homeNewsBoxTitleLN {
	display:block;
	width:100px; height:18px;
	background-image:url(../images/title_latestnews.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	float:left;
}
a.homeNewsBoxTitleE {
	display:block;
	width:59px; height:18px;
	background-image:url(../images/title_events.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	float:left;
}
a.homeNewsBoxTitleLN:hover, a.homeNewsBoxTitleE:hover { background-position:0px -18px; }

.homeNewsArrow {
	display:block;
	width:27px; height:18px;
	background:url(../images/arrow_down_grey.gif) no-repeat;
	position:relative; bottom:0px; right:-180px; z-index:9;
}

#homeEmailBox {
	width: 210px; height:120px;
	margin:7px 0px 0px 20px;
	background:#3d3d3d;
	position:relative; top:-18px; z-index:8;
}

#homeBoxInner {
	margin:10px 15px 0px 15px;
	float:left;
}

/* 3 coloured boxes */

#homeColouredBoxes {
	margin:20px 0px 0px 0px;
	position:relative;
}

#homeBoxRed {
	width:200px; height:180px;
	background:url(../images/pixel_red.gif) repeat;
	margin:0px;
	position:absolute;
	float:left;
}

#homeBoxGreen {
	width:200px; height:180px;
	background:url(../images/pixel_green.gif) repeat;
	margin:0px;
	position:absolute; top:0px; left:229px;
	float:left;
}

#homeBoxGrey {
	width:200px; height:180px;
	background:url(../images/pixel_grey2.gif) repeat;
	margin:0px;
	position:absolute; top:0px; left:458px;
	float:left;
}

.homeRedArrow {
	display:block; float:left;
	width:18px; height:27px;
	/*background:url(../images/arrow_right_red.gif) no-repeat;*/
	position:absolute; top:15px; left:220px; z-index:9;
}
.homeGreenArrow {
	display:block; float:left;
	width:17px; height:25px;
	/*background:url(../images/arrow_right_green.gif) no-repeat;*/
	position:absolute; top:15px; left:448px; z-index:9;
}

.homeBoxTitle { display:block; height:29px; padding:7px 0px 0px 13px; }

.homeSepRed { display:block; width:200px; height:2px; margin:0px; background:url(../images/separator_red.gif); float:left; }
.homeSepGreen { display:block; width:200px; height:2px; margin:0px; background:url(../images/separator_green.gif); float:left; }
.homeSepGrey { display:block; width:200px; height:2px; margin:0px; background:url(../images/separator_grey2.gif); float:left; }

.ColouredBoxInner { margin:8px 15px 0px 12px; float:left; }

a.homeredlink { display:block; padding:2px 4px 2px 4px; background-color:#FFFFFF; color:#e00010; font-size:11px; font-weight:bold; font-family:Verdana, Arial, Helvetica, sans-serif; position:absolute; bottom:6px; right:6px; text-decoration:none; }
a.homegreenlink { display:block; padding:2px 4px 2px 4px; background-color:#FFFFFF; color:#4e912d; font-size:11px; font-weight:bold; font-family:Verdana, Arial, Helvetica, sans-serif; position:absolute; bottom:6px; right:6px; text-decoration:none; }
a.homegreylink { display:block; padding:2px 4px 2px 4px; background-color:#FFFFFF; color:#2e2e2e; font-size:11px; font-weight:bold; font-family:Verdana, Arial, Helvetica, sans-serif; position:absolute; bottom:6px; right:6px; text-decoration:none; }

/* TESTIMONIALS */

#testiBox {
	width:600px; height:100px;
	position:relative; top:180px; left:20px;
	float:left;
}
.testiLeft {
	width:33px; height:100px;
	background:url(../images/quote_01.gif) no-repeat top;
	float:left;
}
#testiMid {
	width:470px; height:100px;
	margin:0px 20px 0px 20px;
	position:relative;
	float:left;
}
.testiRight {
	width:50px; height:100px;
	background:url(../images/quote_02.gif) no-repeat bottom;
	float:left;
}
#testicaption {
	position:absolute;
	bottom:20px; right:20px;
}

/*============================================================
  Page Specific - About
============================================================*/

#pageRightAboutLeft { width:410px; margin:20px 0px 0px 30px; float:left; }
#pageRightAboutRight { width:220px; margin:20px 0px 0px 40px; float:left; }

#pageRightAboutCEOBox {
	width:220px;
	background:url(../images/pixel_grey3.gif) repeat;
	float:left;
}

#pageRightAboutCEOBoxInner { margin:20px; float:left; }
#pageRightCaption {
	display:block; width:180px;
	margin:10px 0px 0px 0px;
	text-align:right; font-size:12px; color:#313131; font-style:italic;
}

.aboutGreyArrow {
	display:block; float:left;
	width:25px; height:17px;
	background:url(../images/arrow_down_grey2.gif) no-repeat;
	position:relative; bottom:0px; left:100px; z-index:9;
}

#AboutCEO { margin:8px 0px 0px 0px; position:relative; top:-15px; }

/*============================================================
  Page Specific - Contact
============================================================*/

#pageRightContactLeft { width:240px; margin:20px 0px 0px 30px; float:left; }
#pageRightContactRight { width:410px; margin:30px 0px 0px 20px; float:left; }

/*============================================================
  Page Specific - Events
============================================================*/

#pageEventsMain {
	width:480px;
	margin:0px; padding:10px 0px 0px 0px;
	background:#ffffff;
	float:left;
}

.EventsCalendar {
	background:#cccccc;
}
.EventsCalendar td { background:#ffffff; }

.eventsBar { width:490px; height:28px; margin:10px 0px 0px 0px; background:url(../images/calendar_bar.gif); float:left; }
.eventsDayName { display:block; width:70px; height:28px; color:#FFFFFF; font-size:11px; line-height:28px; text-align:center; float:left; }

.eventsMaindayNum { display:block; width:60px; height:50px; margin:5px; font-size:12px; color:#6ba264; float:left; }
.eventsMainday { display:block; width:60px; height:50px; margin:5px; font-size:14px; color:#FFFFFF; float:left; }
.eventsdate { display:block; width:60px; height:50px; margin:5px; font-size:18px; font-weight:bold; color:#6ba264; float:left; text-decoration:none; }
.eventsdate:hover { background-color:#d9ecd1; }

.eventsHead { width:490px; height:20px; float:left; }

.eventsMainmonth { display:block; width:244px; height:20px; margin:0px 6px 0px 0px; font-size:12px; line-height:22px; font-weight:bold; color:#3d3d3d; text-align:left; float:left; }
.pageEventsPrev { display:block; width:20px; height:20px; margin:0px 6px 0px 0px; background:url(../images/calendar_left.gif); float:left; }
.pageEventsNext { display:block; width:20px; height:20px; margin:0px 6px 0px 0px; background:url(../images/calendar_right.gif); float:left; }

.pageEventsCView { display:block; width:100px; height:20px; margin:0px 0px 0px 6px; background-image:url(../images/calendar_cview.gif); float:left; background-position:0px 0px; }
.pageEventsLView { display:block; width:76px; height:20px; margin:0px 0px 0px 6px; background-image:url(../images/calendar_lview.gif); float:left; background-position:0px 0px; }
.pageEventsCView:hover, .pageEventsLView:hover { background-position:0px -20px; }


/*============================================================
  Forms 
============================================================*/

.formcaption1 { font-size:11px; color:#FFFFFF; }

.enewsInput1 {
	width:135px; height:14px;
	background-color:#3d3d3d;
	border:1px #9a9a9a solid;
	font-size:11px; color:#ffffff;
}
.enewsInput2 {
	width:100px; height:14px;
	background-color:#3d3d3d;
	border:1px #9a9a9a solid;
	font-size:11px; color:#ffffff;
}

.pageEnewsInput1 {
	width:145px; height:14px;
	background-color:#3d3d3d;
	border:1px #9a9a9a solid;
	font-size:11px; color:#ffffff;
}
.pageEnewsInput2 {
	width:110px; height:14px;
	background-color:#3d3d3d;
	border:1px #9a9a9a solid;
	font-size:11px; color:#ffffff;
}

/*============================================================
  Multi-page features
============================================================*/


#pageEvents {
	width:220px; height:220px;
	margin:0px;
	background:url(../images/pixel_grey4.gif) repeat;
	float:left;
}

.eventsdayNum { font-family:Myriad Pro, Arial, Helvetica, sans-serif; font-size:10px; color:#FFFFFF; }
.eventsday { font-family:Myriad Pro, Arial, Helvetica, sans-serif; font-size:10px; color:#FFFFFF; }
.eventsmonth { font-family:Myriad Pro, Arial, Helvetica, sans-serif; font-size:13px; color:#FFFFFF; }

.aboutEventsArrow {
	display:block; float:left;
	width:25px; height:17px;
	background:url(../images/arrow_down_grey4.gif) no-repeat;
	position:relative; bottom:0px; left:170px; z-index:9;
}

#pageEmailBox {
	width: 220px; height:120px;
	margin:0px;
	background:#3d3d3d;
	position:relative; top:-10px;
	float:left;
}

#pageBoxInner {
	margin:10px 15px 0px 15px;
	float:left;
}
#bodySect li{
	font-size:10pt;
}