/* RESET STYLES */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! Or not. */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

/* END RESET */



body {
    background: url(../images/mainBg.gif) repeat;
    font-family:Arial,Verdana,sans-serif;
    font-size:12px;
    color:#575a5d;
}

/* the wrapper */
#tupac{
    margin:6px auto;
    width:1000px;
}

#topbar{
    background: url(../images/topBarBg2.gif) no-repeat;
    height:12px;
    width:1000px;
}

#container{
    background: url(../images/centerBg2.gif) repeat-y;
    width:1000px;
    padding-bottom:40px;
}

.stage{
    margin:0 20px;
}

.central{
    margin:0 5px;
}

.inner{
    margin-left:67px;
    margin-top:40px;
    width:500px;
}

.mast{
    padding-top:20px;
}

.mastExtra{
    float:right;
    color:#8e8e8e;
    text-align:left;
}

.mastExtra a{
    color:#8e8e8e;
}

.mastExtra a:hover{
    color:#ccc;
}

.mastExtra form{
    margin:8px 0;
    padding:0;
}

.mastExtra form input{
    margin:0;
    padding:0;
}

.mastExtra form .button{
    margin-bottom:-5px;
}

.signup{
    color:#fff;
    text-align:center;
    background:#ccc;
    font-size:10px;
    padding:4px;
}

#logo{
    padding:23px 3px;
}

#bottombar{
    background: url(../images/bottomBarBg2.gif) no-repeat;
    height:12px;
    width:1000px;
}

#loginBox{
    background: url(../images/loginBg.gif) no-repeat;
    height:221px;
    width:351px;
    float:right;
    margin-top:52px;
    margin-right:50px;
}

.leftColumn{
    background: url(../images/leftPhoto.jpg) no-repeat;
    float:left;
    width:199px;
    margin-top:10px;
    min-height:400px;
}

.rightColumn{
    float:right;
    width:180px;
    margin-top:10px;
    padding-right:52px;
}

.centerColumn{
    width:520px;
    border-left:1px solid #ccc;
    border-right:1px solid #ccc;
    padding:10px;
    margin-left:204px;
}

.loginBoxContainer{
    padding:14px;
    margin:0;
}

.hb{
    height:1px;
    margin:0 5px;
    background-color:#DFDFDF;
}

#footer{
    color:#dce6ef;
    margin:4px 20px;
    font-size:11px;
}

#footer p{
    display:inline;
    padding-top:0;
}

#footer a{
    color:#dce6ef;
    text-decoration: none;
}

#footer a:hover{
    color:#FFF;
}

#footer .subsection{
    float:right;
    padding-top:18px;
    padding-right:10px;

}

#footer .subsection a{
    text-decoration:underline;
}

.right{
    padding-left:536px;
}

.clearBoth{
    clear:both;
}

h2, h4, h5{
    font-family:Arial,Verdana,sans-serif;
    font-size:22px;
    color:#d6560a;
    font-weight:lighter;
    margin-top:16px;
}

h5{
    font-size:13px;
    font-weight:bold;
    margin-top:0;
    padding-top:0;
    text-align:center;
}

h4{
    color:#e5c438;
    font-size:16px;
    margin-top:0;
}

.loginHeader{
    font-size:16px;
    font-family:Arial,Verdana,sans-serif;
    color:#2c5b95;
    font-weight:lighter;
}

.separator{
    background: url(../images/sepBg.gif) repeat-x;
    height:5px;
    margin:14px 0 18px 0;
}

.width500{
    width:500px;
}

p{
    line-height:16px;
    padding-top:14px;
}

a{
    color:#d6560a;
    text-decoration:none;
}

a:hover{
    color:#7c9fc5;
}

.phonenumbers{
    font-weight:bold;
    color:#b0b0b0;
    font-size:15px;
    text-align:center;
    padding-top:3px;
}

/* SIDEBAR BOX STYLES */
.boxWhiteTop{
    background: url(../images/boxWhiteTop.gif) no-repeat;
    height:9px;
    width:220px;
}

.boxBlueTop{
     background: url(../images/blueNewsTopBg.gif) no-repeat;
     height:10px;
     width:219px;
}

.blue{
    color:#2b5e96;
    padding-top:8px;
}

.blue a{
    color:#2b5e96;
}

.blue a:hover{
    color:#7c9fc5;
}

.boxWhiteBottom{
    background: url(../images/boxWhiteBottom.gif) no-repeat;
    height:9px;
    width:220px;
    margin-bottom:8px;
    clear:both;
}

.boxWhiteCenter{
    background: url(../images/boxWhiteBg.gif) repeat-y;
    width:220px;
}

.boxContents{
    padding:0 5px;
}

.boxContents h4{
    padding-bottom:8px;
}

.boxContents p{
    padding-top:2px;
}

.boxContents .more{
    float:right;
}

.orangeNotice{
    margin-bottom:6px;
}

.boxContents p.newsItemDate{
    padding-top:6px;
}

.boxContents p.eventsItemDate{
    padding-top:6px;
    font-weight:bold;
}

.boxContents p.eventsItemText{
    padding:10px 0 6px 0;
    font-size:11px;
}

/* FORM ELEMENTS */
form{
    padding-left:20px;
    padding-top:20px;
}
form.FormGrid{
    padding-left:0;
}
td {
    padding:4px 6px;
    color:#2c5b95;
}

#daterangeform {
    padding:0 0 14px 0;
}

/* PRESENTATION PROMO ZONE STYLES - FOOT OF INDIVIDUAL SITE PAGES */
#presentationPromo {
    width:520px;
    height:100px;
    background:#FFF url('../images/site-page-prez-promo.jpg') no-repeat 0 0;
}
h3.presentationPromo {
    margin-bottom:16px;
    font-size:18px;
    color:#074c8d;
    font-family:Arial,Verdana,sans-serif;
    margin-top:16px;
}
.promoContainer {
    width:230px;
    height:100px;
    padding-left:22px;
}
.promoRight {
    float:right;
    width:233px;
}
.promoLeft {

}
.promoContainer h6 {
    padding-top:16px;
    padding-bottom:6px;
    margin-top:0;
    font-weight:normal;
    font-size:15px;
    color:#D75404;
}
.promoContainer p {
    padding-top:0;
    width:150px;
    line-height:16px;
    padding-bottom:9px;
}
.promoContainer a {
    font-family: Arial,Verdana,sans-serif;
    font-size: 10px;
    font-weight: bold;
    color: #3974BF;
    background: transparent url('../images/blue-triangle.png') 100% 38% no-repeat;
    padding-right: 7px;
}
.promoContainer a:hover {
    color: #D75404;
}
.promoContainer span {
    font-size: 10px;
    font-weight: normal;
    color: #3974BF;
    padding:0 2px;
}

/*.boxContents p span {
    font-size: 9px;
    color:#A0A0A0;
}*/

.solarTech .faux_h6 {
    display:block;
    padding-bottom:12px;
    font-size: 16px;
    color:#074C8D;
    font-weight: normal;
}

.solarTech a {
    display:block;
    color:#666;
    font-size:12px;
    padding-top:9px;
    line-height:14px;
    width:209px;
}

.solarTech a:hover {
    color:#D6560A;
}

.angle {
    font-size: 9px;
    color:#A0A0A0;
}

#viewall {
    color: #3971B5;
    display:block;
    padding-top:10px;
}
#viewall:hover {
    color:#D6560A;
}

sub {
    height:0;
    line-height:1;
    vertical-align:baseline;
    _vertical-align:bottom;
    position:relative;
    font-size:0.7em;
}