/*
Theme Name: csc
Theme URI: http://andreasviklund.com/wordpress-themes/
Description: The first public theme by Andreas, based on the andreas01 open source website template. More themes and add-ons are available from the author's website.
Version: 1.0
Author: Andreas Viklund
Author URI: http://andreasviklund.com/
Latest updated: July 15th, 2006
Thanks and greetings: R.J Kaplan (who did the first WordPress port of this design), Rob Miller (who wrote the List Subpages code), Ainslie Johnson (who helped with betatesting and bugfixing) and Johanna Fält (for whom this theme was originally created).
*/

/* Body */

* {
	margin: 0;
	padding: 0;
}

body {
	background: #f4f4f4 url(img/bg.gif) top center repeat-y;
	color: #303030;
	font: 76% Verdana,Tahoma,Arial,sans-serif;
}

#wrap {
	background-color: #ffffff;
	color: #303030;
	margin: 0 auto;
	width: 760px;
}

/* Links */

a {
	background-color: inherit;
	color: #286ea0;
	font-weight: bold;
	text-decoration: none;
}

a:hover {
	background-color: inherit;
	color: #286ea0;
	font-weight: bold;
	text-decoration: underline;
}

a img {
	border: 0;
}

hr {margin: 10px 0;}

/* Header */

#header {

	margin: 10px 0 0;
	height:136px; /*168px;*/

}

#header h1 {
        display: none;
	background-color: inherit;
	color: #505050;
	float: left;
	font-size: 2em;
	letter-spacing: -1px;
	margin: 0 0 10px;
	width: 350px;
}

#header h1 a {
	background-color: inherit;
	color: #505050;
	text-decoration: none;
}

#header p {
	background-color: inherit;
	color: #808080;
	float: right;
	font-size: 1.1em;
	font-weight: bold;
	line-height: 1.3em;
	margin: 6px 0 0;
	text-align: center;
	width: 400px;
}

#navcontainer {
	background: #f4f4f4;
	top: 230px;
	float: left;
	width: 760px;
	height: 30px;
	margin: 0 0 10px 0;
}

ul#nav  {
	float: left;
	list-style: none;
	background: #f4f4f4;	
	width: 760px;		
	padding: 0;	
	margin: 0;
	height: 30px;
	display: inline;
	/*text-transform: uppercase;*/
	border-bottom: 2px solid #2a6da1;
}
ul#nav li {
	display: inline;
	margin: 0; 
	padding: 0;
}
ul#nav li a {

	display: block;
	float: left;
	width: auto;
	margin: 0;
	padding: 7px 15px;	
	border-right: 1px solid #dadada;
	border-left: 1px solid #fafafa;	
	border-bottom: none;
	color: #555;
	font: bold 12px Verdana,Tahoma,Arial,sans-serif;
	/*text-transform: uppercase;*/
	text-decoration: none;	
	/*letter-spacing: 1px;*/
}
ul#nav li a:hover, 
ul#nav li a:active {
	color: #326ea1;
}
ul#nav li#current a {	
	background: #DBDBDB;		
}



#frontphoto {
	margin: 0 0 10px;
border-top: 2px solid #2A6DA1;
}

/* Sidebars */

#leftside {
	clear: left;
	float: left;
	line-height: 1.4em;
	margin: 0 0 5px;
	width: 140px;
}

#extras {
	float: right;
	line-height: 1.4em;
	margin: 0 0 5px 0;
	width: 140px;
}

#leftside p, #leftside ul, #leftside div.textwidget, #extras p, #extras ul, #extras div.textwidget {
	font-size: 0.9em;
	margin: 0 0 18px;
}

#leftside a:hover {
	font-weight: normal;
	text-decoration: underline;
}

#leftside li, #extras li {
	line-height: 1.2em;
	list-style: none;
	margin: 0 0 6px;
}

#leftside ul ul, #extras ul ul {
	margin: 6px 0 0 10px;
}

#leftside ul ul li, #extras ul ul li {
	margin: 0 0 4px;
}

#leftside ul ul li a, #extras ul ul li a {
	font-weight: normal;
}

#leftside ul.linklist, #extras ul.linklist {
	font-size: 1em;
}

#leftside ul.linklist ul, #extras ul.linklist ul {
	margin: 0 0 18px;
}

#leftside ul.linklist ul li a, #extras ul.linklist ul li a {
	font-weight: bold;
}

#leftside h2, #leftside ul.linklist li h2, #leftside h3, #extras h2, #extras ul.linklist li h2, #extras h3 {
	background-color: inherit;
	color: #505050;
	font-size: 1.2em;
	margin: 0 0 10px;
}

#leftside label, #extras label {
	display: none;
}
/*class for blue text in testimonial*/

.blue {
	color: #2F6C99;
}

div.blue {
	float: left;
	margin-top: 10px;
}

div.blue a {
	font-weight: normal;
}

/* Main menu */

ul.page {
	list-style: none;
	margin: 0 0 18px;
	width: 140px;
}

ul.page li {
	display: inline;
	line-height: 1.4em;
	width: 140px;
}

ul.page li a {
	background-color: #f4f4f4;
	border-left: 4px solid #cccccc;
	color: #505050;
	float: left;
	font-weight: bold;
	margin-bottom: 5px;
	padding: 5px 1px 5px 5px;
	text-decoration: none;
	width: 130px;
}

ul.page li a:hover, ul.page li.current_page_item a {
	background-color: #eaeaea;
	border-left: 4px solid #286ea0;
	color: #505050;
}

ul.page ul {
	font-size: 0.9em;
	margin: 0 0 0 15px;
	padding: 0 0 5px;
	width: 125px;
}

ul.page ul a {
	padding: 3px 1px 3px 5px;
	width: 115px;
}

ul.page ul ul {
	width: 113px;
}

ul.page ul ul a {
	width: 100px;
}

/* Content */

#content {
	border-left: 1px solid #e0e0e0;
	border-right: 1px solid #e0e0e0;
	line-height: 1.6em;
	margin: 0 160px 5px 160px;
	padding: 0 10px;
}

#contentwide {
	border-left: 1px solid #f0f0f0;
	line-height: 1.6em;
	margin: 42px 0 5px 150px;
	padding: 0 0 0 10px;
}

#content h2,#contentwide h2 {
	font-size: 1.2em;
	margin: 0 0 10px;
}

#content h3,#contentwide h3 {
	font-size: 1.2em;
	margin: 0 0 8px;
}

#content img,#contentwide img {
	/*border: 1px solid #d0d0d0;*/
	/*float: right;*/
	margin: 5px 10px 5px 5px;
}

#content ul,#contentwide ul,#content ol,#contentwide ol {
	margin: 0 0 16px 23px;
}

#content li,#contentwide li {
	padding: 5px 0 5px 5px;
}

#content ul ul,#contentwide ul ul,#content ol ol,#contentwide ol ol {
	margin: 0 0 0 16px;
}

#contentwide p.more {
	font-size: 10px;
	padding: 0;
	margin: 0 0 40px 0;
}

/* Footer */

#footer {
	background-color: #ffffff;
	border-top: 2px solid #e0e0e0;
	clear: both;
	color: #808080;
	font-size: 0.9em;
	font-weight: normal;
	line-height: 1.3em;
	margin: 0 auto;
	padding: 10px 0;
	text-align: center;
	width: 760px;
}

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

#footer a {
	background-color: inherit;
	color: #808080;
	font-weight: normal;
	text-decoration: none;
}

#footer a:hover {
	background-color: inherit;
	color: #505050;
	text-decoration: underline;
}

/* Subpage menu */

#subpages {
	border-bottom: 1px solid #e0e0e0;
	border-left: 1px solid #e0e0e0;
	float: right;
	font-weight: bold;
	line-height: 1.3em;
	margin: -5px 0 8px 15px;
	padding: 0 0 10px 10px;
	width: 190px;
}

#subpages h2 {
	font-size: 1.2em;
	font-weight: bold;
	letter-spacing: -1px;
	line-height: 1.3em;
	margin: 0 0 12px;
}

#subpages ul.submenu {
	line-height: 1.4em;
	list-style: none;
	margin: 0;
}

#subpages ul.submenu li {
	display: inline;
	line-height: 1.4em;
	width: 180px;
	padding: 0;
}

#subpages ul.submenu li a {
	background-color: #f4f4f4;
	border-left: 4px solid #cccccc;
	color: #505050;
	float: left;
	font-weight: bold;
	margin-bottom: 5px;
	padding: 3px 1px 3px 5px;
	text-decoration: none;
	width: 180px;
}

#subpages ul.submenu li ul {
	margin: 0 0 5px 10px;
	width: 170px;
}

#subpages ul.submenu li ul li a {
	width: 170px;
}

#subpages ul.submenu li ul ul {
	margin: 0 0 5px 10px;
	width: 160px;
}

#subpages ul.submenu li ul ul li a {
	width: 160px;
}

#subpages ul.submenu li ul ul ul {
	margin: 0 0 5px 10px;
	width: 150px;
}

#subpages ul.submenu li ul ul ul li a {
	width: 150px;
}

#subpages ul.submenu li a:hover,#subpages ul.submenu li.current_page_item a {
	background-color: #eaeaea;
	border-left: 4px solid #286ea0;
	color: #505050;
}

#subpages ul.submenu li.current_page_item ul li a {
	background-color: #f4f4f4;
	border-left: 4px solid #cccccc;
	color: #505050;
}

/* Tags */

p,ul,ol {
	margin: 0 0 16px;
}

blockquote {
	border-left: 4px solid #e0e0e0;
	margin: 20px;
	padding: 8px 8px 8px 15px;
}

blockquote p {
	background-color: inherit;
	color: #505050;
	/*font-size: 0.9em;*/
	line-height: 1.3em;
}

label {
	background-color: inherit;
	color: #606060;
	font-size: 0.9em;
	font-weight: bold;
}

table#wp-calendar {
	margin: 0 0 18px;
	width: 140px;
}

/* Forms */

#s,#submit {
	background-color: #ffffff;
	border: 1px solid #cccccc;
	color: #505050;
	font-size: 0.9em;
	margin: 0 0 16px;
	padding: 4px;
	width: 130px;
}

#author,#email,#url,#comment {
	border: 1px solid #cccccc;
	font-family: Verdana,Tahoma,Arial,Sans-Serif;
	font-size: 1em;
	margin: 0;
	padding: 4px;
}

#commentsection {
	margin: 25px 0 0;
}

#commentsection p {
	margin: 0 0 6px;
}

/* Float fix */

.contenttext {
	overflow: hidden;
}

* html .contenttext {
	height: 1px;
	overflow: visible;
}

* html .contenttext p {
	overflow: hidden;
	width: 99%;
}

/* Various classes */

.left {
	border: 1px solid #cccccc;
	float: left;
	margin: 10px 15px 10px 0;
}

.right {
	border: 1px solid #cccccc;
	float: right;
	margin: 0 0 0 10px;
}

.noborder {
	border: none;
}

.center {
	border: 1px solid #aaaaaa;
	margin: 5px auto 12px;
	text-align: center;
}

#callout {
	width: 350px;
	margin: 0 auto;
	border: 1px solid #286ea0;
	padding: 10px;
	text-align: center;
}

.textright {
	text-align: right;
}

.small {
	font-size: 0.8em;
}

.bold {
	font-weight: bold;
}

.hide {
	display: none;
}

#leftside input {
	margin-top: 10px;
}
#formspace {
	color: #fff;
}

.post {
	margin: 0 0 25px;
}

.post h2 {margin-top: 10px; padding-top: 10px;}
.postinfo {
	background-color: #f4f4f4;
	border-left: 4px solid #cccccc;
	color: #606060;
	font-size: 0.9em;
	font-weight: bold;
	line-height: 1.5em;
	margin: 1px 0 40px;
	padding: 8px 5px 8px 8px;
}

.comment {
	background-color: #f4f4f4;
	border-left: 4px solid #cccccc;
	color: #606060;
	margin: 0 0 10px;
	padding: 8px 5px 0 8px;
}

.comment p.commenthead {
	line-height: 1.6em;
}

.comment p {
	font-size: 0.9em;
	line-height: 1.3em;
	margin: 0 0 6px;
	padding-bottom: 5px;
}

.navigation {
	display: block;
	margin: 10px 0;
	padding: 0 0 15px;
	text-align: center;
}

.navigation p {
	margin: 0;
	padding: 0;
}

.prevlink {
	margin-right: 20px;
}

.nextlink {
	margin-left: 20px;
}

/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/simple_vertical.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

/* Add a margin - for this demo only - and a relative position with a high z-index to make it appear over any element below */
#menu_container {
	margin: 0; 
	position:relative; 
	width:100px; 
	z-index:100;
	}

#pmenu {   
position:relative;
}

/* Get rid of the margin, padding and bullets in the unordered lists */
#pmenu, #pmenu ul {
width:130px;
	padding:0; 
	margin:0; 
	list-style-type: none;
	}

/* Set up the link size, color and borders */
#pmenu a:link, #pmenu a:visited {
	display:block;
	background-color: #f4f4f4;
	border-left: 4px solid #cccccc;
	color: #505050;
	/*float: left;*/
	font-weight: bold;
	margin-bottom: 5px;
	padding: 5px 1px 5px 5px;
	text-decoration: none;
	width: 130px;
	}

/* Set up the list items */
#pmenu li {
	/*float:left;*/
	line-height: 1.4em;
	width: 140px;
	padding:0; 
	margin:0; 
	}
	
#pmenu li ul {
	margin: 0;
}

#pmenu li ul li a:link, #pmenu li ul li a:visited {
	background: #6B8FBF;
	color: #fff;
	border-left:4px solid #2A6DA1;
}

#pmenu li.current_page_item a {
	border-left: 4px solid #2A6DA1;
	font-weight: 900;
}

#pmenu li a.current {
	border-left: 4px solid #2A6DA1;
	font-weight: 900;
}

#pmenu li.page_item a.current {
	border-left: 4px solid #2A6DA1;
	font-weight: 900;
}

#pmenu li ul li.current_page_item a {
	background: #A1BBDE;
}

div.not_found {
margin-right:5em;
}

div.offDiv {
display:none;
}

#signup {
	width: 115px;
	border: 2px solid #3481b0;
	padding: 10px;
	margin: 0;
	background-color: #f4f4f4;
}


/* home page with articles */

#homearticles {width: 170px;float: right;padding: 5px; }