@charset "utf-8";

/* HTML Elements */
body {
    margin: 0px;
   	background-color: #F8F4F1;
		font : 80%/1.2em Verdana, Tahoma, Arial, sans-serif;
	line-height:160%;
	
}

a:link {
	color: #333333;
}
a:visited {
	color: #333333;
	outline: none;
}
/* Header Styles */

h1, h2, h3 {
	font-family : Tahoma, Verdana, 'Trebuchet MS', Sans-serif;
	font-weight : bold;
}

h1 {
	font-size : 120%;
	color:#68923e;
}

h2 {
	font-size : 110%;
	color : #f06f18;
}

h3 {
	font-size : 100%;
	color : #cc6600;
	font-style:italic;
}
#wrap {
	width : 800px;
	margin : 0 auto;
	text-align : left;
  border: solid 1px #68923e;
	}
/* Header Layout */

#header-main {
  width: 800px;
  background : url(images/TheConfPubs-byline.gif) top right no-repeat #68923e;
	bacground-color:#68923e;
	height : 100px;
	color : #ffffff;
	letter-spacing: -1em; 
}

/* Navigation Bar */

#nav-bar {
  border-top: 3px solid silver;
  margin: 0;
  padding: 0;
  float: left;
  font-size: 100%;
  width: 100%;
  border-width: 1px 0;
  background: #f06f18;
}

#nav-bar ul {
	float : left;
	list-style : none;
	margin : 0;
	padding : 0;
}

#nav-bar ul li {
	display : inline;
}

#nav-bar ul li a {
    float : left;
    color: white;
    padding: 6px 11px;
    text-decoration: none;
    border-right: 1px solid #D1D1D1;
}

#nav-bar ul li a:hover {
	color : #20459a;
}

body#sectionone #nav-bar li#one a, 
body#sectiontwo #nav-bar li#two a,
body#sectionthree #nav-bar li#three a,
body#sectionfour #nav-bar li#four a,
body#sectionfive #nav-bar li#five a, 
body#sectionsix #nav-bar li#six a,  
body#sectionseven #nav-bar li#seven a,
body#sectioneight #nav-bar li#eight a
{
	color: #20459a;
		}

#restofcontent { /*wrap rest of content of the page inside this div*/
clear: both;
margin:0;

}

#content-wrap {
	width : 800px;
	background : #ffffff;
	margin-top:10px;
	padding-bottom : 20px;

}


/* Content */

#content {
	background : #ffffff;
	width : 59%;
	margin-top : 10px;
	margin-left : 10px;
 	text-align : left;
	padding-left : 10px;
	position : relative;
	padding-right : 10px;
	border-bottom : 8px solid #ffffff;
	font-size:0.9em;
	}

#content h1 {
	margin-top : 15px;
	font : bold 125% Verdana, 'Trebuchet MS', Sans-serif;
	color : #68923e;
	padding : 5px 0 5px 0px;
	border-bottom : 1px solid #f8f4f1;
	}
	
 #content p {
 margin-top:15px;
 text-align: justify;
 }
 
#content p span{
  color:#20459a;
  font-weight:bold;
	text-align:left;
	
}

#content a.blue {text-decoration:none;}

#content .home{
   margin-top:20px;
	 margin-bottom:50px;
	 }

#content p.samples{
	font-size:88%;
	line-height:150%;
	
	 }
	 	 
#content .homeimage{
float:left;
margin : 5px 10px 15px 0;
}


#content div.caption {
  float: left;
  }
  
#content div.caption img {border: 1px solid #f06f18;
margin : 3px 5px 5px 0;
}

	
#content div.caption p {
   text-align: center;
	 font-size:0.85em;
	 width:150px;
	 line-height:110%;
	 float:left;
}

#content hr {color:#f06f18;}
#content p.testimonials {
text-align:right;
font-weight:bold;
}
	 
	 		 
#samples {height:260px;
margin-bottom:10px;
}	



 
/* Sidebar */

#sidebar {
	float : right;
	width : 31%;
	margin-right : 16px;
	margin-left : 5px;
	background : #ffffff;
	margin-top : 10px;
  margin-bottom: 20px;
}

#sidebar h1 {
    border-top:1px solid #6C80B3;
		border-bottom:1px solid #6C80B3;
    background:#fff;
    color:#68923e;
    font:18px/30px Verdana, 'Trebuchet MS', Sans-serif;
    margin:10px 8px 16px;
    padding:0 0 0 20px;
}

#sidebar h2 {
    color:#68923e;
    font:14px/24px Verdana, 'Trebuchet MS', Sans-serif;
    margin:6px 8px 16px;
    padding:0 0 0 20px;
}
#sidebar img {
  margin:6px 8px 20px;
  padding:0 0 0px 20px;
}


#sidebar ul {
   margin:0 0 30px 5px;
	 list-style-type:none;
   }

#sidebar ul li a {
    
    background:url(images/button.gif) 0 4px no-repeat;
    color:#1A1A1A;
    text-decoration:none;
    padding-left:20px;
    font-size:0.9em;
}

#sidebar ul li a:hover{
    background:url(images/button-hover.gif) 0 4px no-repeat #F3F3F3;
    color:#20459a;
    text-decoration:none;
	
}


/* Images */

img {
	border : none;
}

img.float-right {
	margin : 5px 10px 10px 0;
	float:right;
}

img.float-left {
	margin : 5px 10px 10px 0;
		float:left;
	}
img.samples {
position:relative;
border: 1px solid #f06f18;
margin : 3px 10px 20px 0;
float:left;
	}
.center
{text-align:center;}	
		
.right
{float:right;}

code {
	margin : 4px 8px;
	padding : 8px;
	text-align : left;
	display : block;
	overflow : auto;
	font : 500 1em/1.5em 'Lucida Console', 'courier new', monospace;
	background : #f8f4f1;
	border : 1px dashed #D7C3C3;
}

/* Additional Formatting */

blockquote {
	margin : 10px;
	padding : 0 0 0 40px;
	border : 1px solid #D7C3C3;
	background : #f8f4f1 url(images/quote.png) no-repeat 5px 5px;
}

.border {
  border-top: 1px solid #6C80B3;
	width:94%;
	text-align:right;
	margin-left:7px;
}

ul, ol {
padding-left :20px;
list-style-type:square;
}

form {
	margin : 10px;
	padding : 0 5px;
	border : 1px solid #D7C3C3;
	background-color : #f8f4f1;
}

label {
width:130px;
	display : block;
	font-weight : bold;
	float: left;
	text-align: left;
	margin-right: 0.5em;
	color: #333333;
	font-size:1em;

}
label.smallest{width:250px;}
input {
	padding : 2px;
	border : 1px solid #D7C3C3;
	font : normal 1em Verdana, sans-serif;
	color : #000000;
	background-color : #ffffff;
}

textarea {
	padding : 2px;
	font-family : Verdana, sans-serif;
	font-size:0.95em;
	border : 1px solid #D7C3C3;
	background-color : #ffffff;
	height : 100px;
	display : block;
	color : #000;


}

input.button {
	margin : 0;
	font : bolder 12px Arial, Sans-serif;
	border : 1px solid #D7C3C3;
	padding : 2px 3px;
	background : #fff;
	color : #131212;
}


.smallest {
	font-size: smaller;
	line-height:120%;
}


/* Footer */

#footer {
clear:both;
  text-align: center;
    font-size: 0.85em;
	background : #ffffff;
	height : 25px;
	border-top : 10px solid #ec6a1c;
	padding-top : 5px;
     color:#20459a;

}
  #footer a {
     color:#20459a;
}
    #footer a:hover{
     color:#68923e;
}

/* Post Footer */

.post-footer {
	border-bottom : 1px solid #D7C3C3;
	padding : 5px;
	margin : 20px 10px 0 2px;
	font-size : 95%;
	background-color : #f8f4f1;
}

.post-footer .date {
	padding-left : 20px;
	margin : 0 10px 0 5px;
	text-align : right;
	font-size : 9px;
	color : #009900;
}

.post-footer .readmore {
	background : url(images/page.gif) no-repeat left center;
	padding-left : 20px;
	margin : 0 10px 0 5px;
}

@media print {
* { background: #fff; color: #000; }
html { font: 100%/1.5 georgia, serif; }
#header-main, #nav-bar, #sidebar, #footer, img{ display: none; }
}