/*
	Style Index
	
	$1 - Site Structure Styles
	$2 - Header Styles
	$3 - Sidebar Styles
	$4 - Content Styles
	$5 - Footer Styles
	$6 - Clearfix Styles
*/


/* undohtml.css 
(CC) 2004 Tantek Celik. Some Rights Reserved.
http://creativecommons.org/licenses/by/2.0
This style sheet is licensed under a Creative Commons License.
Purpose: undo some of the default styling of common (X)HTML browsers */

:link,:visited { text-decoration:none }
ul,ol { list-style:none }
h1,h2,h3,h4,h5,h6,pre,code { font-size:1em; }
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input
{ margin:0; padding:0 }
a img,:link img,:visited img { border:none }
address { font-style:normal }



/* $1 - Site Structure Styles ///////////////////////////////////////////////////////////////////////////////////*/

body {
	background:#6E6F73;
	font:80% Arial, Helvetica, sans-serif;
	color: #333;
	}
	
#container {
	width:780px;
	margin:0 auto;
	padding:0 5px;
	background:url(/images/container-bg.gif) repeat-y;
	}

.sidebar-repeat {
	background:url(/images/sidebar-left-repeat.png) 20px 0px no-repeat;
	display:inline-block; /* needed for IE */
	}

#content-container {
	background:url(/images/content-container-bottom-bg.png) 20px 100% no-repeat;
	padding-bottom:30px;
	display:inline-block; /* needed for IE */
	}

	
#sidebar-left {
	float:left;
	width:220px;
	padding:8px 0 0 20px;
	background:url(/images/sidebar-left-bg.png) 0px 40px no-repeat; 
	}
	
#main-content {
	float:left;
	width:540px;
	}

	
#footer {
	background:#B7D6EA url(/images/footer-left-bg.png) 20px 0% no-repeat;
	padding:10px;
	overflow:hidden;
	}
	
/* $2 - Header Styles ///////////////////////////////////////////////////////////////////////////////////*/

h3.contact-header {
	height:40px;
	line-height:40px;
	text-align:right;
	padding:0 10px 0 0;
	margin:0;
	}
	
/* $3 - Sidebar Styles ///////////////////////////////////////////////////////////////////////////////////*/

#sidebar-container {
	padding:10px;
	background:#F8F8F8;
	border-left:1px solid #d3d3d3;
	border-right:1px solid #d3d3d3;
	}

.topNav {
	background:url(/images/header-navigation.gif) no-repeat 0 20px;
	height: 50px;
	color: #f8f8f8;
	
}
.collapsing_menu {
    margin-bottom: 20px;
}
.collapsing_menu .level_0 a {
	color: #333;
}
.collapsing_menu .level_0 a:hover {
 	text-decoration:none;
	}

.collapsing_menu .level_0 {
	border-bottom:1px dotted #333;
	}

.collapsing_menu .level_0 li {
	border-top:1px dotted #333;
	}

.collapsing_menu .level_0 a {
	display:block;
	padding:8px 5px;
	height:1%;
	}

.collapsing_menu .level_0 a:hover {
	background:#D3D6DB;
	color:#0E70AF;
	}
.collapsing_menu .level_1 a:hover {
 	text-decoration:none;
	}

.collapsing_menu .level_1 li {
	border-top:1px dotted #ccc;
	}

.collapsing_menu .level_1 a {
	display:block;
	padding:3px 2px 3px 10px;
	height:1%;
	font-size: 94%;
	}

.collapsing_menu .level_1 a:hover {
	background:#D3D6DB;
	color:#0E70AF;
	}

.testimonials {
	padding-top:30px;
	margin-bottom:10px;
	background:url(/images/testimonials-bg.gif) no-repeat;
	}

.author {
	text-align:right;
	font-weight:bold;
	}

.sidebar-logo {
	margin:0 0 -3px 0;
	}
	
/* $3 - Content Styles ///////////////////////////////////////////////////////////////////////////////////*/

a,
a:link,
a:visited {
	color:#5B9EC8;
	}

a:hover {
 	text-decoration:underline;
	}


h1,h2,h3,h4,h5,h6 {
	padding-top:15px;
	margin-bottom:10px;
	font-weight:normal;
	}
	
h1 {
	font-size:24px;
	}

h2 {
	font-size:20px;
    color: #5B9EC8;
	}

h3 {
	font-size:16px;
    color: #5B9EC8;
    padding-top: 2px;
	}

h1.title {
	padding:0;
	}


p {
	margin-bottom:15px;
	}


img {
	border:none;
	}


.content-padding {
	padding:20px;
	}
#main-content table {
        border-collapse: collapse;
        padding: 3px;
}
#main-content caption {
        display:none;
}
#main-content th, #main-content td {
        border-collapse: collapse;
        padding: 3px;
}
#main-content .alternate {
        background-color: #cacbcc;
}
#main-content ul {
	margin:0 0 15px 15px;
	}

#main-content ul li {
	margin-bottom:8px;
	padding-left:16px;
	background:url(/images/ul-li-bg.gif) 0% 5% no-repeat;
	}

.index-box {
	height:98px;
	padding:20px 120px 0 10px;
	background:url(/images/index-box-bg.jpg) no-repeat;
	}
	
	.index-box h3 {
		color:#B7D6E9;
		margin:5px 0 5px 0;
		padding:0;
		}
	
	.index-box p {
		color:white;
		margin:0 0 5px 0;
		padding:0;
		}
	
	.index-box p a,
	.index-box p a:link,
	.index-box p a:visited {
		color:#B7D6E9;
		margin:0;
		padding:0;
		text-decoration:underline;
		}
	
	.index-box p a:hover {
		text-decoration:none;
		}


/* $5 - Footer Styles ///////////////////////////////////////////////////////////////////////////////////*/

#footer p {
	margin:0;
	padding:0;
	}

.footer-left {
	float:left;
	width:70%;
	padding-top:40px;
	}

.footer-right {
	float:right;
	width:30%;
	text-align:right;
	}
	
.alt-logo {
	background:url(/images/alt-logo.gif)  no-repeat;
	padding:10px 0 10px 26px;
	}

/* $6 - Clearfix Styles ///////////////////////////////////////////////////////////////////////////////////*/



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

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
	
th {
    vertical-align: top;
}
	
/* $7 - Form Field Styles ///////////////////////////////////////////////////////////////////////////////////*/

.content-padding form {
    margin: 0;
    padding: 0;
    clear: both;
}
.content-padding form fieldset {
    border: none;
    padding: 10px 0 10px 0;
    margin: 0;
}
.content-padding form fieldset.hidden {
    border: 0;
}
.content-padding form fieldset legend {
    font-weight: bold;
}
.content-padding form label {
    margin: 0 0 0 5px;
}
.content-padding form label.qflabel {
    display: block;
    float: left;
    width: 150px;
    padding: 0;
    margin: 5px 0 0 0;
    text-align: right;
}
.content-padding form input, .content-padding form textarea, .content-padding form select {
    width: auto;
    border: 1px solid #333;
}
.content-padding form textarea {
    overflow: auto;
    width: 300px;
}
.content-padding form br {
    clear: left;
}
.content-padding form div.qfelement {
    display: inline;
    float: left;
    margin: 5px 0 0 10px;
    padding: 0;
}
.content-padding form span.error, form span.required {
    color: red;
}
.content-padding form div.error {
    border: 1px solid red;
    padding: 5px;
    width: 300px;
}
?>