﻿
html { 
overflow: -moz-scrollbars-vertical;
font-size:100.01%; 
height: 101%; /* forces scroll on short length pages */
}
body { 
height:100%;
font:62.5%/1.3 Arial, Helvetica, sans-serif, Verdana;
background:#ddd6bf url('../../../images/body-bg-3.jpg') repeat-x;
color:#333;
}

p {
	font-size: 12px;
	text-align: left;
	line-height:150%;
}

/* ---------- ::Typography:: ------------------- */
address, h1, h2, h3, h4, h5, h6, li, p, pre {  padding :  .3em 30px .3em 10px; background: none;}
h1 {font-size:18px;}
h2 {font-size:1.6em;}
h3 {font-size:1.4em;}
h4 {font-size:1.2em;}
address, li, p {font-size:12px;}
pre {font-size: 12px;}
ul {margin-left: 25px;}
hr {
	background: #ddd6bf;
	color: #ddd6bf;
	border: 0;
}

/* ---------- ::Template:: --------------------- */

#wrap {
margin:0 auto;
width: 810px;
background: url('../../../../../images/wrap-bg-shadow.png') top left repeat-y;
}

#insidewrap {
	width: 800px;
	min-height: 400px;
	margin: 0 0 0 10px;
	background: url('../../../images/center-content-bg-5.jpg') repeat-y;
}
#masthead {
	width: 800px;
	height: 243px;
	background: url('../../../images/smartbrain-h5.jpg');
	padding: 0;
	margin: 0 0 0 0px;
	vertical-align: top;

}
#content {
width: 800px;
padding: 0;
border-collapse:collapse;
}

#content img {
	margin: 5px 10px 10px 10px;
	}

#right-500 {
float:right;
width: 490px;
margin: 0 20px 0 0;
height: 100%;
}

#leftwrap {
	float:left;
	width: 264px;
	background: url('../../../images/wrap-bg-shadow-2.png')  repeat-y top right;
}

#left-250 {
width: 254px;
background: transparent url('../../../images/smartbrain-h6.png') no-repeat bottom left;
}
#left-250 p {
	line-height: 140%;
}


#right-375 {
float:right;
width: 375px;
margin: 0 10px 0 0;
padding:0;
background: none;

}

#left-375 {
width: 375px;
margin:0;
padding:0;
background: none;

}

#footer {
width: 800px;
height:44px;
margin: 0 0 0 0px;
background: url('../../../images/footer-bg-3.jpg');
clear:both;
}

#footer-home {
width: 800px;
height:44px;
margin: 0 0 0 0px;
background: #ddd6bf url('../../../images/footer-bg-5.jpg');
clear:both;
}


/* ---------- ::Links:: ------------------------ */
a { color: #624267; text-decoration:underline;}
a:visited {text-decoration:underline;}
a:active, a:focus, a:hover {
text-decoration:none;
outline:none;
}
a img {border:none;}

/* ----------  ::Navigation:: ------------------ */

	/* ::Main Menu:: --- */
	#menu {
	}
	#menu li {
	}
	#menu li a {
	}
	#menu li a:active, #menu li a:focus, #menu li a:hover {
	}
	
	/* ::Footer Menu:: --- */
	#footer ul {
	}
	#footer li {
	}
	#footer li a {
	}
	#footer li a:active, #footer li a:focus, #footer li a:hover {
	}
	
/* ---------- ::Forms:: ------------------------ */
label {cursor:pointer;}
input,label,select,textarea {
/*vertical-align:middle;*/
font-size:inherit;
font-family:inherit;
}
/*input, textarea {padding:.2em;}*/
textarea {overflow:auto;}

/* ---------- ::Global Classes:: --------------- */
.center {text-align:center;}
.clear {
clear:both;
padding:0;
margin:0;
line-height:normal;
}
.floatleft {float:left;}
.floatright {float:right;}
.hidden {display:none;}
.inline {display:inline;}
.large {
font-size:20px;
font-weight:bold;
}
.light {color:#999;}
.small {
font-size:10px;
font-weight:normal;
}

.red {
	color: #c00;
}
.blue {
	color: #23237c;
}

.tancolor {
	font-weight: normal;
	color: #655733;
}

.tancolorbold {
	font-weight: bold;
	color: #B19228;
}

.footer-left {
	font-weight: bold;
	font-size: 10px;
	color: #B19228;
	float: left;
	margin: 18px 0 0 0;
	
}
.footer-right {
	font-weight: bold;
	font-size: 10px;
	color: #B19228;
	float: right;
	margin: 18px 0 0 0;

}

.footer-right a { color: #B19228; text-decoration:underline;}
.footer-right a:visited {text-decoration:underline;}
.footer-right a:active, a:focus, .footer-right a:hover {
text-decoration:none;
outline:none;
}



/* ---------- ::Pages:: ------------------------ */

/* /// place specific page rules here if needed /// */

#headerarea {
	width: 800px;
	height: 220px;
	border-collapse:collapse;
	vertical-align: top;

}

#flashbox {
	width: 800px;
	height: 159px;
	margin: 0;
	padding: 0;
	background: url('../../../images/top_banner_stil.jpg') no-repeat;
}

#menuwrap {
	width: 800px;
	height: 23px;
	border-collapse:collapse;
	vertical-align: top;

}

#leftcontentbar {
	width:300px;
	border-collapse:collapse;
}

#centercontentbar {
	width: 500px;
	padding: 0 30px;
	border-collapse:collapse;	
}


#logo {
	width: 800px;
	height: 62px;
	background: url('../../../images/top_bann_with_logo-2.jpg') no-repeat;
}

#logolink {
	margin: 0;
	padding: 0;
	width: 300px;
	height: 70px;
	display: block;
	float: left;

}

#topnav-container {
	    
}

/* Top Navigation */
.nav, .nav ul { 
	list-style:none;
	margin: 0;
	padding: 0;
	text-align: left;
	
}

.nav {
  font-family: Arial, Helvetica, sans-serif;
  position: relative;
  left: 135px;
}

.nav li {
/* styles the parent list */
  border-left: 1px solid #462C4F;
  float: left;
  margin: 0;
  padding: 0;
  position: relative;
  
}

.nav li.noborder {
	border-left: 0;
}
.nav li a, .nav li a:link, .nav li a:active, .nav li a:visited {
/* styles the parent links */
  font: bold 11px/21px Arial, Helvetica, sans-serif;
  background: transparent;
  color: #462C4F;
  display: block;
  padding: 0 9px;
  text-decoration: none;
}

.nav li a:hover {
/* styles the parent links hover */
  background: #ded8c2;
  color: #655733;
}

/*
--The CSS below is used in conjunction with the jquery script so
--that older browsers will render the drop-down menu
*/
#nav-one li:hover a, 
#nav-one li.sfHover a {
 /* styles the parent link hover */
  background: #ded8c2;
  color: #655733;
}
#nav-one li:hover ul a, 
#nav-one li.sfHover ul a {
 /* styles the drop-down list menu */
  background: #eeeade;
  color: #655733;z-index: 5000;
	
}
#nav-one li:hover ul a:hover, 
#nav-one li.sfHover ul a:hover {
 /* styles the drop-down list link hover */
  background: #ded8c2;
  color: #655733;
	
}
/*end css for older browsers*/

.nav ul {
 /* styles the main drop-down menu container*/
  background: #565656;
  border: 1px solid #462C4F;
  border-top: 0px solid #655733;
  z-index: 100;
  border-right: 0px;
  list-style:none;
  margin: 0;
  width: 174px;
  position: absolute;
  top: -999em;
  left: -1px;

}
.nav li:hover ul,
.nav li.sfHover ul {
  top: 21px;  /* postions the drop-down menu from the partent menu */
  left: -1px;
}
.nav ul li {
  border: 0;
  float: none;
}
.nav ul a {
/* style the drop-down links */
  border: 0px solid #000;
  border-bottom: 0;
  padding-right: 20px;
  width: 155px;
  white-space: nowrap;

}
.nav ul a:hover {
  background: #ded8c2;
  color: #655733;
}

/*position the last (far right) menu to have the drop-down go inside of parent menu*/

.nav li:hover ul.inside,
.nav li.sfHover ul.inside {
  top: 21px;  /* postions the drop-down menu from the partent menu */
  left: -90px; 
}




/*Upper Right Header Navigation*/
#headernav {
	float:right;
	width: 450px;
	height: 20px;
	text-align:right;
	padding-right: 30px;
}

#shoppingcart {
	float:right;
	width: 450px;
	height: 35px;
	text-align:right;
	padding-right: 30px;

}

/* Navigation */
#headernav ul { 
	list-style:none;
	margin: 0;
	padding: 0;
	text-align: right;
}

#headernav ul {
  position: relative;
  padding-top: 5px;
  float: right;
  
}

#headernav ul li {
  margin: 0;
  padding: 0;
  display: inline;
  float: left;
  border-right: 1px solid #655733;

}

#headernav ul li a,
#headernav ul li a:link,
#headernav ul li a:active,
#headernav ul li a:visited {
  font: bold 10px Arial, Helvetica, sans-serif;
  background: transparent;
  color: #655733;
  display: block;
  padding: 0 9px;
  text-decoration: none;
}


#headernav ul li a:hover {
  text-decoration:underline;
  color: #877655;
}

/** NEWS Component **/

#content .aNavig, #content .lnkTITLE {
	color: #624267; 

}
#content {text-align: left;}
#content table {
	font: normal 12px Arial, Helvetica, sans-serif;
/*	color: #624267; */
	color: #333333;
}

#content .content a {
	font: normal 12px Arial, Helvetica, sans-serif;
	color: #624267;
}

#content h1 {
	color: #624267;
	padding: 0;
	margin: 10px 10px 5px;
}

#content p a {
	color: #624267;
}

.provhead  {font-size: 13px; font-weight:bold; color: #655733;}

#homecontentlinks a {
	margin: 5px 10px;
}

#homecontentlinks a.current {
	color: #666;
	text-decoration:none;
}

.blocklist {
	width: 430px;
	float:left;
}

.blocklist ul {
	margin: 0 0 0 50px;
	padding: 5px 0 0 10px;
}

#content .pcShowContent img {
	margin: 0;
}

#newspage {margin: 0 30px 0 10px;}

#newspage .news a{margin: 0; padding: 0;}

#newspage .news	 a:link    {color:#624267;text-decoration:underline;}
#newspage .news	 a:visited {color:#624267;text-decoration:underline;}
#newspage .news	 a:hover   {text-decoration:none;}

#newsarticles p {margin: 10px 30px 10px 10px; padding: 0;}
#newsarticles h3 {margin: 10px; padding: 0; color: #624267; font-size: 14px;}


#patent-wrap {
	padding-top: 10px;
}
#patent-left-col {
	 /*width:390px;*/
	 float: left;
	 border: 0px solid red;
}
#patent-left-col h1 {
	font-size: 24px;
	color: #624267;
	line-height:24px;
}
#patent-left-col h2 {
	font-size: 16px;
	color: #624267;
	margin-bottom: 0;
}
#patent-left-col h1 span {
	font-size: 10px;
	color: #000000;
	font-weight: normal;
}
#patent-left-col p {
	margin-top:0;

}

#patent-left-col p.small {
	font-size: 10px;
}


#patent-right-col {
	width:380px;
	float: right;
	border: 0px solid blue;
	background: transparent url(../images/rightColumn_bg.png) no-repeat;
	margin-right: 15px;
	margin-left: 20px;
	margin-bottom: 20px;
	
}
#patent-right-col h2 {
	font-size: 16px;
	color: #624267;
	padding-bottom: 0;
	margin-bottom: 0px;
}
#patent-right-col p {
	margin-top: 5px;
	margin-bottom: 5px;
}

#patent-right-col #pope-quote h2 {
	font:18px Georgia, Times, Serif;
	color: #000000;
	padding-bottom: 0;
	margin-bottom: 0px;
}
#patent-right-col #pope-quote h3 {
	font:12px Georgia, Times, Serif;
	color: #000000;
	padding: 0 0 0 10px;
	margin: 0 ;
	text-transform:uppercase;
}

#patent-right-col #pope-quote p {
	font: normal 11px Georgia, Times, Serif;
	color: #333333;
}
#patent-right-col #pope-quote p.small {
	font-size: 10px;
}


#about-right-col {
	width:380px;
	float: right;
	background: transparent url(../images/rightColumn_bg.png) no-repeat;
	margin: 10px 15px 0 10px;
}
#about-right-col h2 {
	font-size: 16px;
	color: #624267;
	padding-bottom: 0;
	margin-bottom: 0px;
}
#about-right-col p {
	margin: 5px 0 5px 10px;
}



#facts-wrap {
	padding-top: 10px;
}
#facts-left-col {
	 width:390px;
	 float: left;
	 border: 0px solid red;
}
#facts-left-col h1 {
	font-size: 24px;
	color: #624267;
	line-height:24px;
}
#facts-left-col h2 {
	font-size: 16px;
	color: #624267;
	margin-bottom: 0;
}
#facts-left-col h1 span {
	font-size: 10px;
	color: #000000;
	font-weight: normal;
}
#facts-left-col p {
	margin-top:0;

}

#facts-left-col p.small {
	font-size: 10px;
}

#facts-right-col {
	width:380px;
	float: right;
	border: 0px solid blue;
	background: transparent url(../images/rightColumn_bg.png) no-repeat;
	margin-right: 15px;
}

#facts-right-col h2 {
	font-size: 16px;
	color: #624267;
	padding-bottom: 0;
	margin-bottom: 0px;
}
#facts-right-col p {
	margin-top: 5px;
	margin-bottom: 5px;
}

#facts-right-col #pope-quote h2 {
	font:18px Georgia, Times, Serif;
	color: #000000;
	padding-bottom: 0;
	margin-bottom: 0px;
}
#facts-right-col #pope-quote h3 {
	font:12px Georgia, Times, Serif;
	color: #000000;
	padding: 0 0 0 10px;
	margin: 0 ;
	text-transform:uppercase;
}

#facts-right-col #pope-quote p {
	font: normal 11px Georgia, Times, Serif;
	color: #333333;
}
#facts-right-col #pope-quote p.small {
	font-size: 10px;
}

#storemapwrap {
	margin: 20px;
	padding-left: 100px;
}
#storemapwrap h1{
	margin-left: -100px;
}
#storemapwrap ul {
	margin: 0;
	padding: 10px 20px 20px;
}

.storemapsubsubhead {
	font-size: 13px;
	font-weight: bold;
	color: #624267;
}

.StoreMapLeftCol {
float: left;
width: 280px;
padding: 20px 0 0 0px;
}
.StoreMapRightCol {
float: left;
width: 280px;
padding: 20px 0 0 30px;
}

