/* ---------------------------------------------------------------------[ pages sections & layout ]--------------------------------------------------------- */
body {
	margin: 0;
	padding: 0;
	font: 76% "Lucida Grande", Geneva, Arial, Verdana;
	background-image: url(../images/fade.jpg);
	background-attachment: fixed;
	background-repeat: repeat-x;
	background-position: left top;
	background-color:#FFF;
	color:#000000;
}
#wrap {
	margin: 0 auto;
	padding: 0;
	text-align: left;
	width: 770px;
	background: #FFF;
}

#header {
	background: url(../images/sp_header3b.gif) no-repeat center top;
	margin: 0px auto;
	padding: 0px;
	width: 744px;
	height: 91px;
	line-height: 15px;
	color: #FFF;
	cursor:pointer;
}

#secondary-header { 
	background-color: #FFFFFF;
	height: 34px;
	width: 744px;
	margin:0 auto;
	margin-bottom: 14px;
	padding:0;
	text-align:left;
	border-bottom: 1px solid #ccc;
}
	
#secondary-menu, #secondary-menu a { 
	text-align:right;
	color:#555;
	font-weight:bold;
	border-bottom:none;
	}
	
#secondary-menu a:hover {
	color: #092248;
	padding-top:6px;
	text-decoration: none;
	border-bottom:1px dotted #092248;
}

#main-body { 
	background-color:#FFF;
	color: #000;
	width: 620px;
	float: right;
	padding-left: 0px;
	border-left: 1px dotted #ccc;

}

#sidebar {
	width: 120px;
	float: left; 
	padding: 0px 0px 0px 14px; 
	margin: 0px;
	background-color:#FFF;
}
	
#doublecolumns{
	padding: 0;
	background-color:#FFF;
}

#content{
	float: left;
	padding: 0;
	margin-top:10px;
	width:100%;
}

#footer{ 
	border-top: 1px dotted #ccc;
	position: relative;
	clear: both;
	height:auto;
	padding: 30px 120px 10px 120px;
	text-align: center;}
	
hr { border:0; width:80%; color:#999999; background-color:#999999; height:1px;}
	
hr.divider {clear:both; height:1px;margin: -1px 0 0 0; padding:0;border:none; visibility: hidden;}

#news .entry p { margin:0px 10px 0 0; }
	
#news .entry {
	margin-top:14px;
	padding-bottom:15px;
	line-height:18px;
}

#copy{width: 606px;margin: 0px auto 5px auto;padding: 0 0 0 10px;}
.copyimage {float: right;width: 30%;margin: 0.5em;padding: 0.5em;}
.copyimage p {text-align: center;font-style: italic;font-size: smaller;text-indent: 0;}
.copyimageright {float: right;border: 1px solid grey;margin: 0.5em;padding: 0.5em;width: 50%;}
.copyimageright p {text-align: center;font-style: italic;font-size: smaller;text-indent: 0;}

#copyonly {
	margin-right: 3em;
	margin-left: 1em;
}
#copyonly h1,
#copyonly h2,
#copyonly h3,
#copyonly h4 {
	margin: 1em 0;
	padding: 0;}

#copyonly h3 {
	color: #000
	;
	font-size: 1.4em;
	margin-top: 1.5em;
	margin-bottom: 0.5em;
	}
#copyonly ul {
	margin-top: 1em;
	margin-bottom: 1em;
	}

#copyonly ul li {
	margin-bottom: 0.3em;
	margin-left: 1em;
	list-style-type: disc;
	}
#copyonly p {
	line-height: 1.4em;
	margin-top: 0.6em;
	margin-bottom: 0.6em;
	}

#copyonly #breadcrumbs {
	margin-left: 0;
	}

#breadcrumbs {
	padding: 4px 0px 4px 4px;
	margin: 0 0 0 9px;
	text-align: left;
	color:#5A5A5A;}
	
img {border:0;}
.imgborder img {border: 1px solid #ccc;background:#F3F3F3;}
.imgborder a:link {text-decoration:none;}
.imgborder a {text-decoration:none;}
.imgborder2 img {border: 1px solid #ccc;background:#FFF; padding:4px;}

/* -----------------------------------------------------------------[ site links ]------------------------------------------------------------------------------- */
	
a:link, a:visited, a:hover { color: #0d3062; text-decoration: underline;}
a:active {color: #666666; text-decoration: underline;}

.navlink a:link, .navlink a:visited,  .navlink a:active {color:#666; text-decoration:none;border-bottom:none;}
.navlink a:hover {color:#0d3062; text-decoration:underline;border-bottom:none;}

/* --------------------------------------------------------------------[ Home Page ] ---------------------------------------------------------------------- */

#home-splash{
	padding: 0;
	background-color:#FFF;
}

/* --------------------------------------------------------------------[ Login/Comment Form ] ------------------------------------------------------------------------*/

form#login {
	background-color: #eee;
	padding: 1em;
	border-top: 1px solid #aaa;
	border-bottom: 1px solid #aaa;
	margin-right: 1em;
	}

form#login input.data {
	font-size: 2em;
	color: #333;
	margin-left: 0.3em;
	}

form#login label.data {
	width: 130px;
	float: left;
	text-align: right;
	font-weight: bold;
	color: #999;
	margin-top: 0.75em;
	}

form#login hr {
	visibility: hidden;
	line-height: 1px;
	clear: both;
	}

ul.errors li {
	color: #c00;
	margin-left: 1.5em;
	list-style-type: square;
	}
#feedback-false,
#feedback-true {
	margin-right: 1em;
	margin-bottom: 1em;
	padding: 0 1em;
	border: solid 1px #333;
	}

#feedback-false p,
#feedback-true p {
	margin: 0.3em 0;
	}

form#comment {
	background-color: #eee;
	padding: 1em;
	border-top: 1px solid #aaa;
	border-bottom: 1px solid #aaa;
	margin-right: 1em;
	}

form#comment input.data {
	font-size: 1.5em;
	color: #333;
	margin-left: 0.3em;
	}

form#comment textarea.data {
	font-size: 1.5em;
	color: #333;
	margin-left: 0.3em;
	}

form#comment label.data {
	width: 130px;
	float: left;
	text-align: right;
	font-weight: bold;
	color: #999;
	margin-top: 0.75em;
	}

ul.errors li {
	color: #c00;
	margin-left: 1.5em;
	list-style-type: square;
	}
/* ---------------------------------------------------------------------[double column page layout ]---------------------------------------------------- */

.rightcolumn { /* right column on 2 column layout pages */
	float: right;
	width: 190px;
	padding:0 10px 0 10px;
	margin: 0;}

.rightcolumn dd {
	padding:0 0 3px 0;
	margin:0;
}
.rightcolumn p { 
	line-height: 1.4em;
	margin:0 auto 5px auto;}
	
.rightcolumn ul {
	margin:0 0 0 15px; 
	padding:0; 
	font-size:10px;
}	

.leftcolumn{
	float: left;
	width: 385px;
	border-right: 1px dotted #CCC;
	text-align:left;
	padding-left:14px;}
	
/* -----------------------------------------------------------------------[ Category Page ]------------------------------------------------------------------- */

	#enhanced, #enhanced.enhancedsxn {
		width: 374px;
		margin: 0;
		padding: 0;
		}
	#topcat_head_img {
		text-align:center;
		width:372px;
		border:1px solid #ebebeb;
	}
	#topcat_head_img img {
		margin:0; 
		padding:0; 
		}
	#enhanced img{
		padding:2px;
		border:solid 1px #CCCCCC; 
		background-color:#FFFFFF;}
		
	#enhanced a{
		text-align: center;
		line-height: normal;
		font-size: 12px;}

	#enhanced h2 {
		color:#666666; 
		margin: 0 0 0px 0;
		padding: 5px 0px 5px 10px;
		font-size: 110%;
		font-weight: bold;
		background: #ebebeb;
		}
	
	.enhancedsxn {
		margin: 0 0 0 0px;
		padding: 6px 0px 4px 10px;
		color: #000;
		text-align:left;
		}
	
	.centered p{
	text-align: center;}	
/* -----------------------------------------------------------------------[ Overall p and h1/h2/h3 typography ]------------------------------------------ */
	 
p {
	/*font-size: 12px;*/
	margin-right: 12px;
	padding-bottom: 5px;
	text-align: left;
	font-weight: normal;
	line-height: 1.3em;} 
	
h1,h2,h3 { 
	color: #191919;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	line-height:normal;}
	
h1,h2,h3 a:link{ 
	text-decoration: none;}
	
h1 {
	font-size: 2.2em;
	margin: 0em 8px .2em 0px;
	padding: 4px 0px 6px 0px;
	text-align: left;}
	
h2 {
	font-size: 1.4em;
	margin: .6em 0em 0em 0em;
	color: #5f96e2;
	font-weight: bold;
}
	
h3 {
	font-size: 1.2em;
	margin: .6em 0em .2em 0em;}

h4 {
	font-size: 12px;
	margin: 0em 0em .8em 0em;
	font-weight: bold;
	}

/* ---------------------------------------------------------------- [Categories and Steps on Home page] ------------------------------------------- */
#midbanner {
	margin-left:12px;
	margin-top:10px;
	padding-top:0px;
}
#midbanner a.link {
		text-decoration:none;
	}

#welcome {
	background: url(../images/sp_welcome_bg.gif) no-repeat top left;
	margin:0 12px 0 12px;
	width:207px;
	height:341px;
	background-color:#D8EFF6;
	color:#494949;
	padding:4px 4px 1px 6px;
	text-align:left;
}

#welcome p{
	padding:5px 2px 5px 2px;
	margin:0px;
}


#welcome h1 {
	font-size:1.8em;
	line-height:1em;
	margin: 0px;
	padding: 2px 0 5px 4px;
	color: #2D93B4;
}

.concepts{
	float:right;
	width:386px;
}
.concept {
	float:left;
	width:183px;
	margin:0 7px 0 0;
}
.concept p {
	margin:0 0 6px 0;
	padding:0;
}
.concept p img {
	height:62px;
	width:183px;
}
.concept_title {
	margin: 0;
	font-size:14px;
	color: #FFF;
	text-transform:none;
	padding:2px 0px 2px 0px;
	background-color: #33a7cc;
	text-align:center;
	font-weight:normal;
}	

.primary {
	padding: 0 0 0 12px;
	margin: 0px;
	width: 405px;
}

	
.primary h2, .secondary h2 {
	margin: 0 0 10px 0;
	font-size:12px;
	color: #555;
	text-transform:none;
	padding:4px 0px 4px 10px;
	background-color: #e2e2e2;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-top-color: #CCCCCC;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	border-left-color: #CCCCCC;
	}

.primary a, .primary a:visited, .secondary h2 a, .secondary h2 a:visited {
color: #0d3062; text-decoration: none;}

/* ------------------------------------------------------------------- [Bio Page ] ------------------------------------------------------------------------------ */
#bio p {
	clear:both;
	margin-bottom:5px;
}

#bio img {
	margin:0 10px 10px 0;
}

#bio strong {
	display:block;
}
/*-------------------------------------------------------------------- [News Section] -------------------------------------------------------------------------*/	
#news h2 {
	margin: 0em;
	text-transform: none;
	color:#000;
}
	
#news h2 a:link, #news h2 a:visited {
	color: #191919;
	text-decoration:none;
	border-bottom:none;}

#news h2 a:hover{ color: #0d3062;}

#news .entry a {
	text-decoration:underline;
	font-weight: bold;
	color:#33a7cc;
}

#news .entry a:hover {
	color:#0d3062;
}

/*-------------------------------------------------------------------- [  Extra Section ] ----------------------------------------------------------------------*/
.secondary{
	float: right;
	width: 183px;
	padding:0 13px 0 0px;
	margin: 0;
	font-size:11px;
	text-align:left;
}

.secondary p, .rightbar p{
	line-height: 1.4em;
	color: #202020;
	margin:0px auto 10px auto;
	font-size:11px;
	text-align:left;
}
.secondary p strong {
	display:block;
}
.secondary h2, .rightbar h2{
	margin:0px auto 16px auto;
	text-align:left;
}

.secondary img{
	float: left;
	text-align:left;
}

.secondary a {
	text-decoration:underline;
	font-weight: bold;
	color:#33a7cc;
}

.secondary a:hover {
	color:#0d3062;
}
/*-------------------------------------------------------------------- [Sidebar Section] -----------------------------------------------------------------------*/

#sidebar p {
	margin: 0em 0em .1em 1em;
	text-align: left;
	color: #888;}	

#sidebar h6.topmost {			 /*---- justifies the top header with the top margin -------*/
	padding:0px;
	margin-top: 0px;
	text-align:right;}

#sidebar h3, #sidebar h6 {
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	text-align:right;}

#sidebar h6 {
	font-size: 10px;
	margin: 0em;
	color: #6C7376;
	padding:0;
	margin-top: 14px;
}
	
#sidebar h3 {
	font-size: 1.5em;
	padding:1px 0 0px 0px;
	margin: 0em 0em .1em 0em;
	color: #000;
}

#sidebar a, #sidebar a:visited {color:#666; text-decoration:none;border-bottom:none; }

#sidebar  a:hover { color:#0d3062; text-decoration:underline;border-bottom:none; }

							/*   ------------------------------ Sidebar Vendor Dropdown ----------------------------------- */

#vendor_select_form { text-align:right; }

#vendor_select_form .vendor_id_selector { width:130px; }

							/*   ------------------------------ Sidebar Concept List ---------------------------------------- */

#browse-concept{ padding: 0; text-align: right;font-size:11px; }

#browse-concept ul{ 
	list-style-type: none;
	margin: 0;
	padding: 0; 
}
#browse-concept ul li {
	text-align: right;
	display: block;
	margin: 0;
	padding:1px 0 2px 0;
	font-weight: bold;
	border-bottom:1px dotted #ccc; 	
}
#browse-concept ul li a{
	text-decoration: none;
	color: #888;
}
#browse-concept ul li a:hover{	color: #0d3062; }

							/*   ------------------------------ Sidebar Saved-Vendors List ----------------------------------------*/

#saved-vendors{ padding: 0;text-align: right;font-size:11px; }

#saved-vendors ul { list-style-type: none;margin: 0;padding: 0 0px 25px 0px; }

#saved-vendors ul li {	
	display: block;
	text-align: right;
	margin: 0;
	padding: 1px 0 6px 0;
	line-height: 1em;
	padding:1px 0 2px 0;
	font-weight:bold;
	border-bottom:1px dotted #ccc;
}
#saved-vendors li a{
	color: #888;
	text-decoration: none;
}

#saved-vendors ul li a:hover{
	color: #0d3062;
}

#suggestions a {
	text-decoration:underline;
	font-weight: bold;
	color:#33a7cc;
}

#suggestions a:hover {
	color:#0d3062;
}
/* ---------------------------------------------------------------------------------------[ lists ] ------------------------------------------------------------ */


/* ----------------------------------------------------------------------------------------[ forms ] ---------------------------------------------------------*/

#searchform { margin:0; padding:0;}
#searchform .searchinput {
	font-family: "Lucida Grande",Verdana, Arial, Helvetica, sans-serif; border: 1px solid #999;
	font-size: 14px;
	color: #999; 
	margin-top: 6px; 
	margin-left: 6px;
	padding-left:2px;
	padding-right:2px;
	vertical-align:middle;
	text-align:right
}
#searchform .searchimg {
	vertical-align:middle; 
	margin-top: 4px; 
	padding:0;
}

select {
	font-family: "Lucida Grande", Geneva, Arial, Verdana;
	font-size: 11px;}

select.smalldrop {font-size:10px;}
/* -----------------------------------------------------------------------------------------[ general classes ]------------------------------------------ */
	
.dots {
	padding-left:10px;
	background-image: url(../images/dots.gif);
	background-position: left 50%;
	background-repeat: no-repeat;}

.smaller {font-size: .9em;}

.nospace {margin:0; padding:0;}

.centerit {text-align:center;}

.left {float: left;text-align: left;width: 28%;}
	
.right {float: right;text-align: right;padding: 6px 16px 0 0;}

.formlabel {text-align:right}

.inlinenav ul {list-style-type: none;margin: 0;padding: 4px 5px 0px 0px; white-space: nowrap;}
.inlinenav ul li {display: inline; margin: 0 2px 0 2px;}

small {
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 11px;
	line-height: 1.5em;
	margin: 0px 0px 24px 0px;
	color: #999;
}
.red { color: red; }