/*
CSS Styles for True
Date: 3/28/08
Author: Forty Media

Bookmarks:
==layout
==common
==forms

Colors:
blue: #036
orange: #c60
grey: #555555
lgt grey: #999

*/

/* ==layout */

html {
	width: 100%; 
	height: 100%;
	padding: 0;
	margin:0;}
	
body {
	width: 100%; 
	height: 100%;
	padding: 0;
	margin:5;
	background: url(/images/truerepeat4.gif) #6799CC;
	font-family: Trebuchet, Helvetica, Arial, sans-serif;
	font-size: .8em;
	color: #555555;}

#container {
	width: 880px;
	margin: 20px auto;
	padding: 0;
	overflow: hidden;
}

#header {
	background: url(images/crnTL.gif) no-repeat top left #fff;
	padding: 0 0 0 5px;
	float: left;
}

#navheader {
	background: url(images/crnTL.gif) no-repeat top left #fff;
	float: left;
}

#navitop {
	padding-left: 10px;
}


#headerCorner {
	background: url(images/crnTR.gif) no-repeat top right #fff;
	padding: 0 0px 0 0;
}

#headerSpeaker {
	margin:  -23px;
}


#headerCornerimg {
	background: url(images/crnTR.gif) no-repeat top right #fff;
	padding: 0 20px 0 0;
}

#adspace {
	margin: 0 5px;
	padding: 5px 5px;


	float: left;
	
}

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

#meta {
	padding: 5px 0 15px 0;
	font-size: .8em;
}

#newsletter {
	border-top: 1px solid #bfccd9;
	border-bottom: 1px solid #bfccd9;
	padding: 15px 10px;
	margin: 0 10px;
}

#footer {
	margin: 0 20px 10px 20px;
}

/* ==common */
.colThird {
	width: 278px;
	float: left;
	margin: 5 25px;
}

.colTwoThird {
	width: 590px;
	float: left;
	}


.colTwoThirdimg {
	width: 536px;
	float: left;
	}
	
.colFull {
	float: left;
	background-color: #fff;
	width: 880px;
}

#header img {
	margin: 0 0 0 20px;
}

img {
	margin: 0 0 0 0px;
}

h6 {
	color: #003366;
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 1px; 
        margin-top: 2px;
}

h1 {
	margin:0;
	padding: 0;
	font-weight: normal;}

#header h1 {
	font-size: 1.7em;
	font-weight: bold;
	color: #253D60;
	}

h1.title {
	font-size: 1.7em;
	font-weight: bold;
	color: #369;
} 
#content h1 {
		font-size: 1.4em;
		color: #c60;
		}

#newsletter h1 {
		font-size: 1.4em;
		color: #036;
		}

#header h2 {
font-size: 1.5em;
font-weight: bold;
color: #253D60;
}

#header h3 {
font-size: 1.3em;
font-weight: bold;
color: #253D60;
}

#header h4 {
font-size: 0.90;
color: #999;
}

#header h5 {
font-size: 1em;
font-weight: bold;
color: #253D60;
}
	
a:link, a:visited {
	text-decoration: none;
	color:#c60;
}

a:hover {
	text-decoration: underline;
}

#header ul {
	margin: 5px 0 0 18px;
	padding: 0;
	font-size: 1.1em;
}
#header ul li {
	padding: 0 0 5px 0;
}

p{
	margin: 0 0 10px 0;
	line-height: 1.3em;
        text-align: justify;
padding: 0 30px 0 0;
	}
	
ul.speaker {
	margin: 0 0 0px 0;
	line-height: 1 em;
	padding: 0 30px 0 0;
	list-style-type: none;
	list-style-position: inside;
}
li {
font-family: Trebuchet, Verdana, Helvetica, Arial, sans-serif;
	font-size: .9em;
}

p {
font-family: Trebuchet, Verdana, Helvetica, Arial, sans-serif;
	font-size: .9em;
}
.entry {
text-align: justify;

}
#newsletter p, #footer p {
	margin: 10px 0 0 0;
	font-size: .8em;
	line-height: 1.4em;
	}

	
/* ==form */

#newsletter table {
	margin: 10px 0 0 0;
}

#newsletter table td {
	padding: 0 10px 3px 0;
	font-weight: bold;
}

#newsletter input.short {
	width: 210px;
	border: 1px solid #bfccd9;
	height: 20px;
}

#newsletter input.long {
	width: 310px;
	border: 1px solid #bfccd9;
	height: 20px;
}

.button{
	height: 24px;
	padding: 0 10px;
	border-top: 1px solid #c96;
	border-right: 1px solid #c96;
	border-bottom: 1px solid #963;
	border-left: 1px solid #963;
	background-color: #c60;
	text-transform: uppercase;
	color: #fff;
}

/* Navigation */

#navlist
{
font-size: 1.3 em;
font-weight: normal;
margin: 0;
padding: 10px 0px 20px 20px;
}

#navlist ul, #navlist li
{
margin: 0;
padding: 0px;
display: inline;
list-style-type: none;
}

#navlist a:link, #navlist a:visited
{
float: right;
line-height: 20px;
font-weight: normal;
padding: 0px 10px 0px 0px;

margin: 0 10px 4px 10px;
text-decoration: none;
color: #fff;
}

#navlist a:link#current, #navlist a:visited#current, #navlist a:hover
{
background: transparent;
color: #fff;
}

#navlist a:hover { color: #036; }


/* set millions of background images */
.rbroundbox { background-color: #fff; }
.rbtop div { background: url(/images/tl.png) no-repeat top left; }
.rbtop { background: url(/images/tr.png) no-repeat top right; }
.rbbot div { background: url(/images/bl.png) no-repeat bottom left; }
.rbbot { background: url(/images/br.png) no-repeat bottom right; }

/* height and width stuff, width not really nessisary. */
.rbtop div, .rbtop, .rbbot div, .rbbot {
width: 100%;
height: 16px;
font-size: 1px;
}
.rbcontent { margin: 0 16px; }
.rbroundbox { margin: 1em auto; }

#allcomments {
border-top-style: ridge;
background-color: #C9E5FF;
padding: 10px;
}

#allfeedback {
padding-top: 10px;
padding-bottom: 5px;
border-bottom-style: ridge;
}

.posteddate {
font-size: 70%;
}


#true {
 width: 880px;
 height: 87px;
 background: url(images/true_navigation_all.gif) no-repeat;
 margin: 0px auto; padding: 0;
 position: relative;
 border: 0px solid #999;
}

#true li {margin: 0; padding: 0; list-style: none; display: block; position: absolute;}

#true a {display: block; text-indent: -9999px; text-decoration: none;}

#be {left: 340px; top: 0px; width: 78px; height: 87px;}
#sp {left: 418px; top: 0px; width: 66px; height: 87px;}
#re {left: 484px; top: 0px; width: 60px; height: 87px;}
#wa {left: 544px; top: 0px; width: 68px; height: 87px;}
#li {left: 612px; top: 0px; width: 65px; height: 87px;}
#sh {left: 677px; top: 0px; width: 58px; height: 87px;}
#st {left: 735px; top: 0px; width: 62px; height: 87px;}
#gi {left: 797px; top: 0px; width: 83px; height: 87px;}


#be a {height: 78px;}
#sp a {height: 78px;}
#re a {height: 78px;}
#wa a {height: 78px;}
#li a {height: 78px;}
#sh a {height: 78px;}
#st a {height: 78px;}
#gi a {height: 78px;}

.buk #uk a, #uk a:hover {background: url(images/true_navigation_all.gif) -95px -333px no-repeat;}
.bire #ire a, #ire a:hover {background: url(images/true_navigation_all.gif) -61px -699px no-repeat;}

#be a:hover {background: url(images/true_navigation_all.gif) -340px -87px no-repeat;}
#sp a:hover {background: url(images/true_navigation_all.gif) -418px -87px no-repeat;}
#re a:hover {background: url(images/true_navigation_all.gif) -484px -87px no-repeat;}
#wa a:hover {background: url(images/true_navigation_all.gif) -544px -87px no-repeat;}
#li a:hover {background: url(images/true_navigation_all.gif) -612px -87px no-repeat;}
#sh a:hover {background: url(images/true_navigation_all.gif) -677px -87px no-repeat;}
#st a:hover {background: url(images/true_navigation_all.gif) -735px -87px no-repeat;}
#gi a:hover {background: url(images/true_navigation_all.gif) -797px -87px no-repeat;}