body {
    font-family:Arial;
    color:#666666;
    background-color:#663300;
    
}

p{
    text-align:justify;
}
img {
    /*display:block;*/
    border:0px;
}

h1 {
    color:#006633;
    font-size:20px;
}
h4 {
    color:#006633;
    font-size:12px;

}
#container {
    width:877px;
    margin:auto;
    background-color:#ffffff;
}

#header {
    width:877px;
    float:left;
    height:142px;
    
}

#navbar {
    width:857px;
    float:left;
    background-image:url('../images/nav_bg.gif');
    background-repeat:repeat-x;
    height:32px;
    padding-left:20px;
    
}

#navbar li{
    display:inline;

}
#navbar ul {
    margin:0px;
    padding:0px;
}

.nav {
    float:left;
    height:32px;
    text-align:center;
}
.navA {
    background-image:url('../images/nav_hov.gif');
    float:left;
    height:32px;
    text-align:center;
}
.nav:hover, .navA:hover {
    background-image:url('../images/nav_hov.gif');
    background-repeat:repeat-x;
}

.nav a, .navA a {
    color:#ffffff;
    margin:8px;
    font-weight:bold;
    text-decoration:none;
    line-height:32px;
}
#content {
    background-color:#ffffff;
    width:877px;
    float:left;
}

#breadcrumbs {
    color:#996633;
    font-weight:bold;
    font-size:12px;
    margin-bottom:10px;
}
#breadcrumbs a{
    color:#996633;
    font-weight:bold;
    font-size:12px;
    text-decoration:none;
}
#left {
    width:255px;
    float:left;
    padding:10px;
}

#left img, p {
    margin:auto;
}

#main {
    width:560px;
    float:right;
    padding:10px;
    border-left:1px solid #999999;
    
}

#main ul {
    display:block;
}
#grey_top {
    width:265px;
    height:10px;
    background-image:url('../images/grey_top.gif');
    background-repeat:no-repeat;
    background-color:#eeeeee;
    float:left;
}
#grey_cont {
    width:255px;
    background-color:#eeeeee;
    padding:5px;
    color:#006633;
    font-size:14px;
    margin:0px;
    float:left;

}

#grey_cont img {
    position:relative;
    bottom:0px;
    right:0px;
    float:right;
    margin:10px 0 0 0;
}

#grey_cont h3 {
    color:#006633;
    font-weight:bold;
    font-size:14px;
    margin-top:0px;
}

#grey_cont h3 a {
    color:#006633;
    font-weight:bold;
    font-size:14px;
    margin-top:0px;
}

#grey_cont p {
    width:160px;
    float:left;
}
#grey_btm {
    width:266px;
    height:10px;
    background-image:url('../images/grey_btm.gif');
    background-repeat:no-repeat;
    float:left;
    
}

#grey_snippet {
    width:266px;
    margin:auto;
    margin:0px;
}


/* Grey thingee current css back up
  #grey_top {
    width:266px;
    height:11px;
    background-image:url('../images/grey_top.gif');
    background-repeat:no-repeat;
    
}
#grey_cont {
    width:255px;
    background-color:#eeeeee;
    padding:5px;
    float:left;
    color:#006633;
    font-size:14px;
}

#grey_cont img {
    position:relative;
    bottom:0px;
    right:0px;
    float:right;
    margin:10px 0 0 0;
}

#grey_cont h3 {
    color:#006633;
    font-weight:bold;
    font-size:14px;
    margin-top:0px;
}

#grey_cont p {
    width:160px;
    float:left;
}
#grey_btm {
    width:266px;
    height:11px;
    float:left;
    background-image:url('../images/grey_btm.gif');
    background-repeat:no-repeat;
    
}

#grey_snippet {
    width:266px;
    margin:auto;
}
*/
#snippets {
    width:233px;
    float:left;
    font-style:italic;
    font-size:14px;
    margin:10px;

}

.bottom_line {
    color:#006633;
    font-size:11px;
    font-style:normal;
    line-height:12px;
}
.bottom_line a {
    text-decoration:none;
    color:#006633;
}
#footer {
    width:857px;
    float:left;
    background-image:url('../images/nav_bg.gif');
    background-repeat:repeat-x;
    height:32px;
    padding-right:20px;
    text-align:right;
    line-height:32px;
    font-size:11px;
    color:#ffffff;
    
}

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

/********* HOME PAGE *********/
.blurbcontainer {
    width:540px;
    float:left;
}

.home_snip {
    width:325px;
    float:left;
    margin-right:5px;
}
.home_img {
    width:210px;
    float:right;
    padding: 20px 0 20px 0;
    text-align:center;
    
}
#grey_snippet li{
    display:block;
}
#grey_snippet a {
    color:#666666;
    text-decoration:none;
    font-weight:bold;
    line-height:18px;
}
.journey {
    float:right;
    margin:10px;
}
/***********************/

/***PROJECTS PAGE******/
.sub_main {
    float:left;
    width:99%;
    font-size:11px;
    margin-top:20px;
}

.proj_left {
    width:47%;
    float:left;
    margin-right:8px;
    margin-bottom:15px;

}
.ppl_left {
    width:48%;
    float:left;
    margin-right:8px;
    margin-bottom:15px;

}
/*.proj_left, .proj_right {*/
/*    min-height:200px;*/
/*}*/
/**html .proj_left, .proj_right {*/
/*    height:200px;*/
/*}*/
.proj_right, .ppl_right {
    margin-bottom:15px;
}
.proj_right, .proj_img, .ppl_right{
    width:48%;
    float:right;
}
.proj_right{
    width:47%;
    float:right;
}
.ppl_left, .ppl_right {
        min-height:100px;
}
.proj_snip {
    float:left;
    width:100%;
    margin-right:6px;
    
}
.proj_img{
    margin:0 0 5px 5px;
}
.proj_snip p, .ppl_snip p {
    margin:0px;
    padding:0px;

}
.ppl_snip {
    width:53%;
    float:right;
}
.ppl_img {
    width:40%;
    float:left;
}
.proj_row {
    float:left;
    width:100%;
}

/*** FORMS ****/
legend {
    color:#006633;
    font-weight:bold;
}

fieldset {
    margin:20px 0 20px 0;
    
}

.submit_btn {
    margin:auto;
    float:right;
    
}


.submit_btn input {
    background-color:#ffffff;
    border:1px solid #006633;
    width:200px;
    color:#006633;
    cursor:pointer;

}

.submit_btn input:hover {
    background-color:#006633;
    color:#ffffff;
}
/*****************/

/*** ADMIN AREA ******/
#admin ul {
    display:block;
}
#admin a {
    color:#006633;
    text-decoration:none;
}

#admin a:hover {
    color:#006633;
    text-decoration:underline;
}

.logout {
    width:200px;
    float:right;
    margin-top:30px;
}

.sel_img {
    
}
.sel_img_group {
    width:45%;
    height:140px;
    float:left;
}
.sel_img_group input {
    line-height:140px;
}
/**********************/

/******** NORMAL PAGES ********/

#page_content #img1 {
    float:right;
    width:280px;
    text-align:center;
    margin:3px;
}
#img1 .caption1 {
    text-align:center;
}
#page_content p{
    text-align:justify;
}
#img_content img {
    margin:2px;
}
.caption {
    width:275px;
    float:left;
    margin:2px;
    font-size:12px;
    font-style:italic;
    text-align:center;
}
.caption1 {
    width:275px;
    float:right;
    margin:2px;
    font-size:12px;
    font-style:italic;
    text-align:center;
}



/*****SIGN UP PAGE ******/
#signup label {
    float:left;
    line-height:22px;
    width:200px;
    padding-right:10px;
    margin-top:5px;
    text-align:right;
}
#signup p {
    text-align:right;
}
#signup input {
    float:right;
    line-height:22px;
    margin-top:5px;
    width:322px;
}

#terms ul {
    display:block;
}
#terms li {
    margin-bottom:10px;
    text-align:justify;
}
#terms li:first-letter {
    font-variant:small-caps;
    font-size:20px;
}
/****************************/