/* font size set to 16px for all browsers */

* {margin: 0; padding: 0; font-size: 100%;}
body {
	width: 784px; margin:auto; font-family: Helvetica, Arial, sans-serif; /*background-color:#ffffff;*/
}

#container { width:780px; background-color:#ffffff;  float:left;
 /* border-style:none solid solid solid;v*/
 /* border-width:1px; */
 /* border-color:green; */
 } /*CHANGE: BACKGRND COLOR*/
 
html {background:#c7c797;  }
h1, h2, h3, h4, h5, h6 {font-weight:normal;}
p {font-weight:normal; font-size:.7em; color:#333; line-height:1.3em; margin-bottom:12px;}
strong {font-weight:bold; font-size:.7em; color:#333;}
p strong {font-size:1em;}
img {/*border:0;*/}
input {font-size:.65em; color:#777; padding:2px 3px;}

/*---font classes for the entire web------------------------------------------------------------------------*/

.aboutName {
	font-size:14px;
	font-family:tahoma, arial, tahoma;
	font-weight:bold;
	color:#0B0895;
	padding:0 0 35px 0;
	line-height:20px;
}

.aboutTitle {
	font-size:13px;
	font-family:tahoma, "Times New Roman", arial, tahoma;
	font-weight:bold;
	color:#0B0895;
	line-height:23px;
}
	
.text, .textsmall, .textmain, .textmedium, .textlarge, textwhite {
	font-family:tahoma, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#0B0895;
	text-decoration:none;
}
.text:hover {
	/*text-decoration:underline;*/
}


.textmain{
	font-size:12px;	
	color:#034321;
}

.textwhite {
	font-size:12px;
	color:#ffffff;
	font-weight:bold;
	padding:3% 0 0 0;
}

.textwhite a{
	color:#ffffff;
	text-decoration:none;
}

.textwhite a:hover {
	color:pink;
}

.textmedium{
	font-family: arial, tahoma; 
	font-size:12px;
	/*font-weight:bold;*/
}

.textlarge{
	font-size:14px;
	font-weight:bold;
}

.textLinks {
	color:#5C762C; 
	font-size:.7em;
}

p a.textLinks {font-size:1em;} 
em a.textLinks {font-size:1em;}

.scroll {
	scrollbar-3dlight-color: #739DDB;
	scrollbar-arrow-color: #ffffff;
	scrollbar-base-color: #ffffff;
	scrollbar-darkshadow-color: #739DDB;
	scrollbar-face-color: #739DDB;
	scrollbar-highlight-color: #ffffff;
	scrollbar-shadow-color: #ffffff;
	scrollbar-track-color: #739DDB;
}
.more, .learnmore {
	font-family: Georgia, "Times New Roman", tahoma, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#5C762C;
	text-decoration:none;
	font-weight:bold;
}
.more:hover, .learnmore:hover {
	text-decoration:underline;
}

.head, .mainSubHead {
	font-family:tahoma, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#A40909;
	font-weight:bold;
	
}

.loginFont {
	font-family:tahoma, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:blue;
	font-weight:bold;
	
}

.head:hover {
	text-decoration:underline;

}
	
.mainHead{
	font-family:Arial, Helvetica, sans-serif;
	font-size:17px;
	color:#A40909;
	font-weight:bold;
}
.mainHeadItalic{
	font-family: Palatino, Arial, Helvetica, sans-serif;
	font-size:17px;
	color:#A40909;
	font-weight:bold;
	font-style:italic;
}


.list {
	font-family:tahoma, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#545454;
	text-decoration:underline;
}
.list:hover {
	text-decoration:none;
}
.list_g {
	font-family:tahoma, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#1A8202;
	text-decoration:underline;
	font-weight:bold;
}
.list_g:hover {
	text-decoration:none;
}
.menu {
	font-family:tahoma, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#61B6CF;
	text-decoration:underline;
}
.menu:hover {
	text-decoration:none;
}


/*--flash styles--------------------------------------------------------------------------------*/
#flashheader {order:100; position:absolute; top:0px; left:01px;  width:730px; height:75px; background:url('../images/header_bgrnd_solargen_plain2.jpg') no-repeat top left; float:left; margin:0;; padding: 0;}

#flashheader #leftSide {order:1000; position:absolute; top:20px; left:18px;}
/*top right for login etc. padding:top,left*/
#flashheader #rightSide {order:1; position:absolute; top:40px;  right:0px; width:400px; }
#flashheader #rightSide #searchTextBox {float:right; align:bottom; padding:1px 0 0 0;  }
#flashheader #rightSide #searchGoBox {float:right; align:bottom;}
#flashheader #rightSide #utilityMenu {float:right; margin:10px 0 0 0px;}
#flashheader #rightSide #utilityMenu a {text-decoration:none; display:block; font-family: Arial, Helvetica, sans-serif; color:green; font-size:.7em; font-weight:bold; vertical-align:middle; display:table-cell;}

#flashheader #rightSide #utilityMenu0 {float:right; }
#flashheader #rightSide #utilityMenu1 {float:right; }
#flashheader #rightSide #utilityMenu1 a {padding: 1px 10px; border-left: 1px solid #ffffff; color:green;}
#flashheader #rightSide #utilityMenu1 a:hover {color:blue;}
#flashheader #rightSide #utilityMenu2 {float:right;}
#flashheader #rightSide #utilityMenu2 a {color:green; padding: 1px 10px; border-left: 1px solid #ffffff; border-right:1px solid #977728;}
#flashheader #rightSide #utilityMenu2 a:hover {color:blue;}
#flashheader #rightSide #utilityMenu3 {float:right;}
#flashheader #rightSide #utilityMenu3 a {color:green; padding: 1px 10px; border-right:1px solid #977728;}
#flashheader #rightSide #utilityMenu3 a:hover {color:blue;}

/*--header styles----------------------------------------------------------------------------------*/

#header2 {top:0px left:0px; width:830px; height:130px; background:url('../images/header_bgrnd_solargen-plain2.jpg') no-repeat top left; margin:0;; padding: 0;; float}
#header2 #leftSide {float:left;  margin: 20px 0 0 0;}
#header2 #leftSide #logo {float:left;}

/*top right for login etc. padding:top,left*/


#header2 #slogan {float:right; font-weight:bold; color:#621D78; font-size:13px; font-style:italic; font-family: Georgia, "times new roman", Helvetica;}

/*--main nav----------------------------------------------------------------------------------------------*/
/* use either javascriptMenu or mainMenu */
#javascriptMenu {float:left; height: 27px; width:720px; /* background: #10762d;*/}

#mainMenu {float:left; padding: 0px 0 5px 0; background: #FFF /*url(../images/shadows/header.gif) repeat-x bottom left */;}
#mainMenu ul {float:left; list-style:none; border-top: 1px solid #B2B1B0; border-bottom: 1px solid #B2B1B0;}
#mainMenu ul li {float:left; border-left:1px solid #B2B1B0; border-right:1px solid #B2B1B0; font-weight:bold; letter-spacing: .145em; font-size: 14px}

/*the following are very important -- matched with header background*/
 /*CHANGE: MAIN MENU COLOR*/
#mainMenu ul li a {display:block; text-decoration:none; font-size:14px; font-weight:extra-bold; font-family: Tahoma, "times new roman", Helvetica; color:#ffffff; padding: 7px 0px; text-align:center; background-color: #1505E4;}
#mainMenu ul li a:hover {background-color:#E30E06; color:#ffffff;}
#mainMenu #style1 {width:142px; border-left:1px solid #cccccc;}
#mainMenu #style2 {width:191px; border-left:0px solid #cccccc;}



/*--page layout options----------------------------------------------------------------------------*/
#oneCol #mainContent {float:right; width:820px; }

#threeCol #leftColumn {float:left; width:240px; padding:5px 7px 0px 0px}
#threeCol #mainContent {float:left; width:240px; padding:5px 6px 0px 0px}
#threeCol #rightColumn {float:right; width: 200px; padding:5px 10px 0 0;}

#twoColContentLeft #mainContent {float:left; width:420px; padding:10px 13px 0 34px; background:#e3e3e3;}
#twoColContentLeft #sideColumn {float:right; width:200px; padding:5px 10px 0 0;}  /* 162width+33padding is 195px total */

/** for twoColContentRight structure **/

#twoColContentRight #primaryMenu #menuHead {float:left; width:250px; height:35px; background:#13b329; color:white; }
#twoColContentRight #primaryMenu #menuHeadHome {float:left; width:250px; height:185px; background:#13b329; color:white; }
#twoColContentRight #primaryMenu #menuHeadHome a {color:white; }
#twoColContentRight #primaryMenu #menuHeadHome a:hover {color:blue; }
#twoColContentRight #primaryMenu #menuHead h2{float:left; font-weight:bold; padding: 8px 0 0 30px;}
#twoColContentRight #primaryMenu #menuHeadHome h2{float:left; font-family:Helvetica, Tahoma, arial; font-size:20px; line-height:25px; color:white; padding: 15px 20px 10px 30px;}
/*#twoColContentRight #primaryMenu #menuHeadHome p{float:left; font-weight:bold; font-family:Tahoma, arial; font-size:12px; line-height:15px; color:white; padding: 0px 20px 0 30px;}*/
#twoColContentRight #primaryMenu {float:left; height:100%; width:250px; padding:0 0px 0 0px; }
#twocolContentRight #primaryMenu #menuContent {float:left; width:240px; margin:0px 5px 0 5px; }
#twoColContentRight #primaryMenu a {color:#499a1a;}
#twoColContentRight #primaryMenu a:hover {color:blue}

#twoColContentRight #mainContent {float:right; width:530px; padding:0px 0px 0 0px; background:#ffffff;}
#twoColContentRight #mainContent #aboutPhoto img {float:left;	border-style: groove; 	border-color: #499a1a; 	margin:0px 15px 2px 0; }
#twoColContentRight #mainContent #aboutPhoto p {float:left;}
#menuTd{width:200px; height:100%; valign:top; align:center; padding:15px 0px 0px 30px;}


/*--the main container----------------------------------------------------------------------------*/
#container { /*background-color:#ffffff;*/  float:left;} /*CHANGE: BACKGRND COLOR*/

/*--column specific tables etc. ----------------------------------------------------------------------*/

/** for threeCol structure **/
#ColMainTableGray{width:220px; background-color:#e3e3e3; margin:15px 10px 5px 12px;}
#ColMainTableGray li {font-weight:bold; color:#120092; letter-spacing: .115em; font-size: 1em; padding:5px 5px 5px 5px;}
#ColMainTableGray p {font-weight:bold; color:#120092; letter-spacing: .115em; font-size: 1em; padding:5px 5px 5px 5px;}
#ColMainTableGray .more{float: right; margin:20px 50px 12px 0;}
#ColMainTableGray .learnmore{float: right; margin:0px 0px 0px 0px;}

/** for twoCol structure **/
#twoColMainTable{width:300px; margin:15px 10px 5px 12px;}

#colTd{width:220px; height:306px; valign:top; padding:15px 5px 20px 0px}

/*--leftColMain --------------------------------------------------------------------------------------*/
#leftColMain {float:left;  width:559px; margin:0px 0 10px 0;}
#leftColMain h3 {color:#7A6D5C; font-weight:bold; font-size:.95em;}  /* for all 3 headers in search */

#leftColMain2 {float:left; width:500px; /*border-top:1px dashed #D8D1C9;*/ background: url('../images/icons/two.gif') no-repeat 0px 12px; margin-left:20px; margin-right:0; margin-top:0; margin-bottom:0px; padding-left:0; padding-right:0; padding-top:20px; padding-bottom:12px}
#leftColMain2 h3 {display:block; margin:0 0 0 45px; width:200px;}
#leftColMain2 #catCol1 {width:180px; float:left; margin:25px 25px 0 8px; }
#leftColMain2 #catCol1 input {float:left; width:20px; height:16px; display:block; margin:0 3px 0 0;}
#leftColMain2 #catCol2 {width:180px; float:left; margin:25px 0 0 0;}
#leftColMain2 #catCol2 input {float:left; width:20px; height:16px; display:block; margin:0 3px 0 0;}
#leftColMain2 .catDesc {width:150px; float:left; margin:0px 0 10px 0; padding:0 0 2px 0; line-height:.8em;}
#leftColMain2 .catDesc p {color:#777; margin-bottom:0px;}

	
/*--footer-----------------------------------------------------------------------------------------------*/
#footer{float:left; width:820px; padding: 5px 0 20px 0; margin:0px 0 0 0; background:transparent;}
#footer a{color:#660033;}
#footer a:hover {color:#ffffff;}