/*
	Prime Carbon Screen Styles 2008

	Table of Contents:
		layout
		typography
		miscellaneous

/* layout
----------------------------------------------- */

body {
    margin:0;
    padding:0;
    background:url(../images/body_bg.jpg) repeat-x top #3f3f3f;
    font-size:1em;
    /* font-family: "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
    */
    font-family:Arial, Helvetica, sans-serif;
    color:#fff;
}

#container {
    width: 907px;
    margin-right:auto;
    margin-left:auto;
    padding-top:30px;
    padding-left:10px;
    /*background-color:#00CCFF;
    */
}

#header {
}

#logo {
    margin-left:48px;
}

#nav {
    float:right;
    color:#fff;
    margin:0;
    margin-top:75px;
    margin-right:20px;
    width:620px;
    text-align:right;
    font-size:.85em;
}

#content {
    margin:0;
    padding:0;
    font-size:.9em;
}

#text-right {
    padding-left:300px;
    padding-right:50px;
}

#text-left {
    padding-left:50px;
    padding-right:350px;
}

#nav-box {
    width:281px;
    background:url(../images/nav_box_bg.jpg) repeat-y;
    overflow:hidden;
}

#nav-box-inside {
    width:281px;
    background:url(../images/nav_box_bottom.jpg) bottom no-repeat;
    overflow:hidden
}

#footer {
    border-top:1px solid #7ea526;
    margin:30px 15px 40px 5px;
    padding-top:15px;
    font-size:.75em;
    color:#636363;
    line-height:140%;
}

#one-col {
    padding-left:50px;
    padding-right:50px;
}

/* typography
----------------------------------------------- */
h3 {
    font-size:1.5em;
    font-family:Arial, Helvetica, sans-serif;
    margin-top:15px;
    margin-bottom:0px;
    padding-top:0px;
	padding-bottom:0px;
    color:#7ba02a;
    line-height:150%;
}

h4 {
    line-height:140%;
    font-size:1.2em;
    margin-top:15px;
    margin-bottom:0px;
    padding-top:0px;
	color:#B6D477;
}

h5 {
    line-height:140%;
    font-size:1em;
    margin-top:0px;
    padding-top:0px;
    margin-bottom:0px;
    padding-bottom:0px;
    color:#ccc;
}

p {
    line-height:140%;
    margin-top:15px;
    padding-top:0px;
}

a {
    color: #7ba02a;
    text-decoration:underline;
}

a:hover {
    color: #fff;
    text-decoration:underline;
}

ol li{
    line-height:150%;
    padding-bottom:1.2em;
}

#text-right ul, #text-left ul{
    margin-bottom:0;
    padding-bottom:0;
}

#text-right ul li, #text-left ul li{
    line-height:150%;
    padding-bottom:.75em;
    padding-left:15px;
    list-style-type:none;
    background:url(../images/green_li.gif)  no-repeat 0 7px;
}

#nav ul {
    list-style-type:none;
    padding:0px;
    padding-bottom:20px;
    margin:0;
    font-family:Arial, Helvetica, sans-serif;
}

#nav li {
    display:inline;
    padding:0px;
    padding-right:35px;
    padding-bottom:20px;
    margin:0;
    font-weight:bold;
}

#nav a {
    color:#7ea526;
    text-transform:uppercase;
    text-decoration:none;
    padding-bottom:49px;
}

#nav a:hover {
    color:#fff;
}

#nav a.selected {
    color:#fff;
    background:url(../images/nav_selected.gif) no-repeat center;
}

#nav-box ul{
    margin:0;
    padding:0;
    padding-bottom:30px;
    list-style-type:none;
}

#nav-box li{
    margin:0;
    margin-right:30px;
    margin-left:25px;
    padding:0;
    padding:15px 20px;
    /*background:url(../images/list_divider.gif) no-repeat bottom;
    */
    border-top:1px solid #a4bd6c;
    border-bottom:1px solid #5e8922;
}

#nav-box li.dark{
    background:url(../images/list_divider_dark.gif) no-repeat bottom;
}

#nav-box li.last{
    background:none;
    border-bottom:none;
}

#nav-box li.first{
    padding-top:8px;
    border-top:none;
}

#nav-box a{
    color:#fff;
    text-decoration:none;
    background:url(../images/li_bg.gif) no-repeat 0 5px;
    padding-left:15px;
}

#nav-box a:hover{
    text-decoration:underline;
}

#nav-box a.back{
    background:url(../images/li_back.gif) no-repeat 0 5px;
}

#nav-box a.selected{
    font-weight:bold;
}


#nav-box p{
    padding:0px 20px 40px 30px;
}

table {
    margin-top:20px;
}

table td{
    border-top:1px #666 solid;
    border-bottom:1px #333 solid
}

td.noBorder {
    border-top:0;
}

td.noBorderBtm {
    border-bottom:0;
}

/* miscellaneous
----------------------------------------------- */
.off-left {
    position: absolute;
    left: -1000px;
    width: 100px;
}

.space-top {
    padding-top:20px;
}

.space-right {
    padding-right:8px;
}

.float-right {
    float:right;
}

.float-left {
    float:left;
}

.bubble {
    background:url(../images/bubble.jpg)  0 0 no-repeat;
    padding:5px 40px 50px 20px;
    color:#333;
    font-family:Georgia, "Times New Roman", Times, serif;
    font-size:1.05em;
}

.divider {
    border-top:1px solid #666;
    margin-top:20px;
    margin-bottom:20px;
}

.grey {
    color:#666;
}

.text-right {
    text-align:right;
}

.small {
    font-size:.85em;
}

a.objectLink {
    color:#666;
}

.sign-upBox {
    margin-top:175px;
    margin-left:50px;
    position:absolute;
    font-size:1.2em;
    color:#000;
}


.groupsList ul {
    list-style-type:none;
    padding:0px;
    padding-bottom:20px;
    margin:0;
    font-family:Arial, Helvetica, sans-serif;
	width:100px;
}

.groupsList li {
    display:inline;
    padding:0px;
    margin-right:20px;
    padding-bottom:20px;
    margin:0;
    font-weight:bold;
	width:100px;
}


/*.sign-upBox a:hover {
    color:#333;
}

.sign-upBox ul, .purchaseBox ul {
    margin-bottom:0;
    padding-bottom:0;
    margin-left:0;
    padding-left:0;
}

.sign-upBox ul li, .purchaseBox ul li{
    line-height:150%;
    padding-bottom:.75em;
    padding-left:15px;
    list-style-type:none;
    background:url(../images/green_li.gif)  no-repeat 0 12px;
}

.purchaseBox {
    margin-top:175px;
    margin-left:260px;
    position:absolute;
    font-size:1.2em;
    color:#000;
}

.purchaseBox  a:hover {
    color:#333;
}*/

.photo {
    background-color:#fff;
    border:1px solid #000;
    margin-right:20px;
    margin-bottom:30px;
}

#front h3{
    font-size:1.25em;
	margin-top:0;
	padding-top:0px;
}

#front h3 a {
 text-decoration:none;
}

#front p{
	margin-top:5px;
	padding-top:0px;
	padding-bottom:0px;
	margin-bottom:0px;
	 
}
#front table {
    	margin-top:0;
	padding-top:0px;
}
#front table td  {
    border:0;
	padding-right:22px;
	width:139px;
}

.white {
	color:#999;
	margin-bottom:1px;
}

/** IE Workaround **/
.row {
  voice-family: "\"}\""; /* hide the following rules from IE5 */
  voice-family:inherit;
  overflow:hidden; /* CSS 'clearing hack' - works on all except for IE5, that's why the IE5 box model hack above */
  }

* html .row { height:1%; } /* part of the CSS 'clearing hack' */
