/* <<<<<<<<<<<<<<<<<<<<<<<<<< Structural Layout >>>>>>>>>>>>>>>>>>>>>>>>>>>>> */
body {
 background: url(images/bg4.jpg) fixed no-repeat;
 background-position: center;
 margin: 0;
 padding: 0;
 text-align: center; /* IE hack Part 1 */ 
}

#container {
 width: 800px;
 margin: 0px auto;
 padding-top: 0px;
 font-family: Arial, Verdana, Helvetica, sans-serif;
 color: #000;
 font-size: 11px;
 text-align: left; /* IE hack Part 2 */
 voice-family: "\"}\""; 
 voice-family: inherit;
}

html>body #container {
  width: 800px;
}

#header {
 background: url(images/sunspotsLogo.gif) no-repeat;
 margin: 0 0 0 2px;
 height: 123px;
}

#headerclick {
	background-position: relative;
	position: absolute;
	float: left;
	width: 210px;
	height: 73px;
	margin-left: 20px;
	padding: 0px;
	left: 103px;
	top: 5px;
}

#headerclick a {
 display: block;
 height: 73px;
 text-decoration: none;
}

#menu {
 background: url(images/menuButton.gif);
 margin: 0px;
 width: 798px;
 height: 35px;
 position: relative;
 top: 73px;
 font-size: 12px;
}

#menu a {
 color: #000;
 text-decoration: none;
}

#menu a:hover {
 color: #66c;
 text-decoration: underline;
}

#menulinks {
 width: 750px;
 padding: 12px 0 0 30px;
 margin: 0px;
}

#menulinks a.menulogin {
 padding-left: 245px;
 text-align: right;
}

#clock {
 position: relative;
 height: 15px;
 width: 775px;
 top: 18px;
 color: #999;
 text-align: right;
 padding-right: 0px;
}

#bodyContainer {
 position: relative;
 margin: 0px auto;
 width: 769px;
 background-color: #eee;
}

#mainBody {
 position: relative;
 width: 600px;
 float: left;
}

#leftNav {
 float: left;
 margin: 0px;
 padding: 5px 0 10px 6px;
}


#content {
 position: relative;
 float: right;
 color: #000;
 text-align: left;
 width: 410px;
 margin: 0px 0px 0 0px;
 padding: 0 0px 0 0;
 background-color: #fff;
 display: inline;
}

#content p {
	font-size: 12px;
	margin: 10px 20px 20px 20px;
	color: #666;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
}

#content a {
 color: #666;
}

#content a:hover {
	color: #00F;
}

#content p strong{
	color: #006;
	font-size: 15px;
}

#contentmenu {
 background: url(images/contentMenu.jpg) no-repeat;
 width: 390px;
 height: 35px;
 margin: 0 0 0 13px;
 font-size: 12px;
 background-color: #000;
}

#contentmenu a {
 color: #000;
 text-decoration: none;
}

#contentmenu a:hover {
 color: #66c;
 text-decoration: underline;
}

#contentmenulinks {
 width: 370px;
 padding: 12px 0 0 12px;
 margin: 0px;
}


#rightColumn {
 position: relative;
 float: left;
 width: 130px;
 margin: 6px 0px 0 0;
 padding: 0 0px 0 5px;
}

#feet {
 position: relative;
 background: url(images/foot.jpg) no-repeat;
 width: 769px;
 height: 57px;
 display: block;
 margin: 0px auto;
}

#feetCont {
 position: relative;
 top: 18px;
 padding-left: 125px;
 font-family: Arial, Verdana, Helvetica, sans-serif;
 font-size: 11px;
 color: #fff;
 text-align: left;
}

#feetCont a {
 color: #fff;
 text-decoration: none;
}

#feetCont a:hover {
 text-decoration: underline;
 color: #fff;
}

div.hr { margin: 15px 15px; border: none; border-top: 1px solid #D3D3D3; }
div.hr hr { display: none; }

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

.clearfix {
 display: inline-table;
}

/* Hides from IE-mac \*/
* html .clearfix {
 height: 1%;
}
.clearfix {
	display: block;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666;
	text-align: left;
}
/* End hide from IE-mac */

#darkdiv {
 width: 769px;
 height: 8px;
 background: #283369 url(images/yellows.gif);
}

.colorparagraph {
 color: #006;
 font-weight: bold;
}

/* <<<<<<<<<<<<<<<<<<<<<<<<<< Structural Layout small pages >>>>>>>>>>>>>>>>>>>>>>>>>>>>> */

body.smallpages {
 background: url(images/bg1.jpg) fixed no-repeat;
}

#smallpagecontainer {
 width: 400px;
 margin: 0px auto;
 padding-top: 0px;
 font-family: Arial, Verdana, Helvetica, sans-serif;
 color: #000;
 font-size: 11px;
 text-align: left; /* IE hack Part 2 */
 voice-family: "\"}\""; 
 voice-family: inherit;
}

#logosmall {
 background: url(images/sunspotsLogoSmall.jpg) no-repeat;
 margin: 0 0 0 0px;
 height: 100px;
 width: 400px;
}

#smalltop {
 font-size: 15px;
 color: #006;
 width: 400px;
}

#smallcontent {
	width: 400px;
}

#smallleft {
  width: 200px;
  margin: 0;
  padding: 0;
  float: left;
}

#smallright {
  width: 200px;
  margin: 0;
  padding: 0;
  float: right;
}

a.current {
 color: #66c;
 font-weight: bold;
}

#brochure
{
	padding: 10px;
	background-image: url(images/flyerBg.jpg);
	background-repeat: no-repeat;
	margin: 0 0 0 13px;
	color: #0000;
}

.brochureThumbs {
float: right;
clear: both;
padding-left: 5px;
}