/*

	Trinity Communications -  by JOHANNES BOOY 
	VERSION 1.0
	
	CONTENTS ----------
	
	   1.BODY
	   2.DEFAULT STYLING
	   3.HEADINGS
	   4.LINKS
	   5.img
	   6.LAYOUT
	   7.BRANDING/MASTHEAD
	   8.NAVIGATION
	   9.SITEINFO/FOOTER
	   10.HOME PAGE
	   11.PRIMARY CONTENT
	   12.SECONDARY CONTENT
	   13.INTERNAL PAGES
	   14.FORMS
	   
	   
    -------------------
	
*/



@import url(reset.css); /* RESET CSS */


/* 1.BODY
---------------------------------------------------------------------- */

body {
	background-color:#fff;
	font-size:62.5%;
	color:#525b64;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding: 30px;
}

ul#nav_access { position:absolute; top:-9999px; left:-9999px; }



/* 2.DEFAULT STYLING
---------------------------------------------------------------------- */

div#contentPrimary p, div#contentPrimary ul, div#contentPrimary dl, div#contentPrimary ol { line-height:1.7em; margin-bottom:1.2em; font-size: 1.1em; }

div#contentPrimary ul li { margin: 0px 0px 0px 0px; line-height: 1.8em; background: url(../img/bullet.gif) 0px 9px no-repeat; font-style:italic; padding-left: 6px;}
div#contentPrimary ul {margin-top: 16px;}

dl {  } 
dt {  }
dd {  }
ol { list-style: lower-roman; list-style-position:outside; }
ol li { margin-left:30px; }
p {font-size: 1.1em;}
hr { height:0; border:0; border-top:1px dotted #ccc; margin-bottom:24px; }

blockquote { font-style:italic; background:#eee; padding:12px; margin-bottom:24px; font-size: 1em; line-height: 2em;}
blockquote cite { display:block; font-style:normal; text-transform:uppercase; font-size:0.8em; letter-spacing:1px; color:#666;  margin-top: 5px;}

pre {  }
pre code {  }
code {  }

abbr { border-bottom:1px solid #ccc; cursor:help; }
abbr:hover { border-color:#999; }
del { color:#999; }
strong { font-weight:bold; }
em { font-style: italic;}
sup { font-size:0.75em; position:relative; top:-3px; }





/* 3.HEADINGS
---------------------------------------------------------------------- */

h1,h2,h3,h4,h5,h6 { font-weight:normal; }

h1 { }
h2 {font-size: 1.1em; color: #e86312; font-weight: bold; margin-bottom: 1.6em;}
h3 {font-size: 1em; font-weight: bold; color: #525b64; margin-bottom: 10px;}
h4 {}
.our_leadership h3 {line-height: 1.4em; margin-top: 3em; }


/* 4.LINKS
---------------------------------------------------------------------- */
a {
	color:766a63;
}

a:link,
a:visited, { color:#e86312; }
a:hover,
a:focus { color:#004477; }


/* 5.img
---------------------------------------------------------------------- */




/* 6.LAYOUT
---------------------------------------------------------------------- */





div#contentWrapper {width: 783px; float: left; margin-top: 40px;position: relative;}
div#branding {float: left; padding-left: 72px;  }
div#navigation {
	float: left;
	width: 141px;
	margin-top: 22px;
}
div#contentPrimary {
	float:right;
	border: 1px solid #999;
	margin: 0px;
}

.home div#contentPrimary {
	padding: 22px;
	width: auto;
	padding-bottom: 22px;
	padding-left: 22px;
	padding-right: 22px;
}
.no_flash div#contentPrimary {padding: 22px; width: 576px; min-height: 376px;}
.casestudies div#contentPrimary {padding: 10px; width: 600px; min-height: 400px; }


.clear {clear: both; height: 0px; line-height: 0px; overflow: hidden; margin: 0; padding: 0; background: none;}
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}


/* 7.BRANDING/MASTHEAD
---------------------------------------------------------------------- */

div#branding h1 {float: left; width:68px; height:68px; text-indent:-9999em; padding:0; }
div#branding h1 a {background: url(../img/trinitylogo.gif) top left no-repeat; width:68px; height:68px; display: block;}





/* 8.NAVIGATION
---------------------------------------------------------------------- */


ul#mainNav {list-style:none; margin: 0; padding: 0; }

ul#mainNav li {margin-bottom: 11px; text-align: right;}
ul#mainNav li a:link,
ul#mainNav li a:visited {}
ul#mainNav li a:hover {}

ul#mainNav li ul {list-style:none; margin: 12px 0px 32px 0px;}
ul#mainNav li ul li {margin-bottom: 6px; text-align: right;}



/* 9. SITEINFO/FOOTER
---------------------------------------------------------------------- */



/* 10.HOME PAGE
---------------------------------------------------------------------- */




/* 11.PRIMARY CONTENT
---------------------------------------------------------------------- */
.col1, .col2  {float: left;}

.col4 {float: right;}

.col1, .col2, .col4 {
	width: 280px;
	margin-right: 15px;
}

.col2 {
	margin: 0px 0;
	padding: 0px 0
}

#col_wrapper {float: left;}
#contentPrimary #col_wrapper ul {margin: 15px 0px 15px 0px;}
#contentPrimary #col_wrapper ul li {list-style: none; margin: 0px 0px 0px 0px; line-height: 1.2em; font-style:normal;}


div.mod {float: left; margin-bottom: 10px; width: 576px;
	
	}
div.mod-meta {
	float: left;
	width: 80px;
	}
	
div.mod-meta h4 {
	margin: 0;
	padding: 0;
	font-size: 1em;
	font-weight: bold;
	color: #e86312;
	text-align: right;

	}


div.mod-body {
	float: right;
	width: 470px;
	margin: 0;
	padding: 0;
	}

div.mod-body h3 {font-size: 1em; font-weight: bold; color: #525b64; margin-bottom: 10px;}

div#contentPrimary ul#values li {margin: 10px 0px 0px 0px; line-height: 1.8em; background: none; font-style:italic; padding-left: 0px;}
div#contentPrimary ul#values li h3 {margin-bottom: 0px; font-style:normal; font-size: 0.9em;}

/* 12.SECONDARY CONTENT
---------------------------------------------------------------------- */




/* 13.INTERNAL PAGES
---------------------------------------------------------------------- */



/* 14.FORMS
---------------------------------------------------------------------- */
#newsletter {position: absolute; top: -22px; right: 0; z-index: 40;}
#newsletter a {display: block; text-decoration: none; padding: 6px 6px 8px 10px; float: right; }
/*#newsletter a.on {background: url(../img/update/open.jpg) right 50% no-repeat; border: 1px solid #e2e2e2; border-bottom: none;  }*/
#ccForm {clear: both; background: #666; }
#newsletter form {background: #e2e2e2; width: 250px; padding: 20px 0px 40px 20px; position: relative; top: -4px; right: -4px; }

#newsletter form dl.newsletterForm dt {
float:left;
padding-top: 5px;
width:60px;
font-weight: bold;
}
#newsletter form dl.newsletterForm  dd {margin-bottom: 8px;}

input.submit {background: #e86412; padding: 4px 6px; color: #fff; font-size: 10px; font-weight: bold; float: right; margin: 6px 36px 0px 0px; border: none; clear: both; font-family:Verdana, Geneva, sans-serif;}
input.submit:hover {background: #666;}

#ccForm {display: none;}