/* -------------------------------------------------
GENERAL/PRIMARY LAYOUT AND FORMATING
------------------------------------------------- */

* {
   margin: 0px;
   padding: 0px;
}

html {
   margin: 0px;
   padding: 0px;
}

body {
   background-color: #FFFFFF;
   font-family: arial;
   font-size: 12px;
}

#pagewrapper {
   /* intentionally empty */
}

#wrapper {
   margin-top: 15px;
}

#bannercontainer {
   width: 900px;
   margin: 0px auto;
}

#bannerheader {
   height: 212px;
   width: 900px;
   background: url("/graphix/bac_logo.gif") top left repeat-x;
}

#bannerheaderleft {
   height: 212px;
   width: 324px;
   float: left;
}

#bannerimagetop {
   background: url("/graphix/leaf.gif") top left no-repeat;
   height: 161px;
   width: 324px;
   float: left;
}

#bannerimagebottom {
   background: url("/graphix/mini_leaf.png") top left no-repeat;
   height: 51px;
   float: left;
   width: 324px;
}

#bannerimagebottom .contact {
   text-indent: 12px;
}

*>.contact {
   margin-left: 12px;
}

#bannerimagebottom .log-in {
   margin-left: 40px;
}

*>.log-in {
   margin-left: 52px;
}

#bannerimagebottom a {
   color: #6b9c22;
   text-decoration: none;
   font-weight: bold;
   line-height: 58px;
   font-size: 11px;
}

#bannerimagebottom a:hover {
   text-decoration: underline;
}

#bannerheaderright {
   height: 212px;
   width: 576px;
   float: right;
   clear: right;
}

#bannerlogo {
   height: 161px;
   width: 576px;
/*   border: 1px solid #000000; */
}

#bannerlogo img {
   /* It may be good to place a single pixel transparent gif with an alt tag on top of this div. */
   padding-top: 30px;
   padding-left: 10px;
}

#bannername {
   background: url("/graphix/swpgii_logo.png") top left no-repeat;
   background-position: 54px 50px;
   font-size: 34px;
   padding-top: 48px;
   padding-left: 100px;
   color: #989d9e;
}

#bannername .blue {
   color: #0e88af;
}

#bannerslogan {
   font-size: 15px;
   padding-left: 92px;
   color: #989d9e;
}

#bannertopmenu {
   height: 51px;
   width: 576px;
   background: url("/graphix/bac_button.gif") top left repeat-x;
}

#bannertopmenu a {
width: 110px;
height: 51px;
float: right;
color: #0e88af;
text-decoration: none;
font-weight: bold;
padding-top: 20px;
text-indent: 38px;
}

#bannertopmenu a:hover {
text-decoration: underline;
}

#bannertopmenu .home {
   background: url("/graphix/home.jpg") top left no-repeat;
}

#bannertopmenu .team {
    background: url("/graphix/team.jpg") top left no-repeat;
}

#bannertopmenu .news {
    background: url("/graphix/news.jpg") top left no-repeat;
}

#bannertopmenu .contact {
    background: url("/graphix/contact.jpg") top left no-repeat;
}

#bannertopmenu .projects {
    background: url("/graphix/projects.jpg") top left no-repeat;
}

#bannertopmenu .about {
    background: url("/graphix/book.jpg") top left no-repeat;
}

#contentwrapper {
   /* intentionally empty */
}

#leftcolumn {
   width: 215px;
   background-color: #fbfdfe;
   margin-top: -12px;
   float: left;
}

*>#leftcolumn {
   margin-top: 8px;
}

#leftcolumnmenu {
   width: 215px;
   float: left;
}

#leftcolumnmenuheader {
   width: 215px;
   height: 31px;
}

#leftcolumnmenuheader .menu_header_right {
   background: url("/graphix/ornament_menu.gif") top left no-repeat;
   height: 31px;
   width: 46px;
   float: right;
}

#leftcolumnmenuheader .menu_header_left {
   background: url("/graphix/bac_menu.gif") top left repeat-x;
   width: 169px;
   height: 31px;
   float: left;
}

#leftcolumnmenuheader .menu_text {
   color: #0e88af;
   font-weight: bold;
   line-height: 31px;
   padding-left: 14px;
}

#leftcolumnmenucontent {
   float: left;
   width: 205px;
   padding: 5px;
}

#leftcolumnmenucontent a:hover {
   text-decoration: underline;
   color: #0e88af;
}

#leftcolumnmenucontent .menu_item {
   color: #8d9395;
   text-decoration: none;
   padding-left: 20px;
   background: url("/graphix/arrow.gif") top left no-repeat;
   margin-left: 6px;
   line-height: 18px;
}

#leftcolumnmenucontent .menu_item2 {
   color: #8d9395;
   text-decoration: none;
   padding-left: 50px;
   font-size: 11px;
}

#advertisement {
   /* intentionally blank */
}

#advertisement .thinborder {
   border: 1px solid #000000;
}

#rightcolumn {
   width: 680px;
   float: right;
   clear: left;
   background-color: #f5fdfd;
   margin-top: -12px;
}

*>#rightcolumn {
   margin-top: 8px;
   clear: right;
   margin-left: 5px;
}

#contentbody {
width: 675px;
padding: 5px;
padding-right: 0px;
}

*>#contentbody {
padding: 5px;
}

#sectiona {
background-color: white;
padding: 8px;
padding-right: 0px;
padding-left: 0px;
width: 669px;
}

#sectiona .page_header_img {
width: 68px;
padding-left: 8px;
}

#sectiona .page_header_text {
width: 250px;
   text-align: justify;
   font-size: 11px;
   color: #0e88af;
}

#sectiona .pushimageright {
   margin-right: 5px;
   margin-left: 10px;
   float: right;
}

#sectiona h1 {
   color: #979a9b;
   font-size: 20px;
   font-weight: normal;
   padding-left: 20px;
   line-height: 35px;
}

#sectiona h2 {
   padding-top: 5px;
   padding-left: 35px;
   background: url("/graphix/swpgii_logo_sm.png") top left no-repeat;
   background-position: 0px;
   font-size: 18px;
   font-weight: normal;
   color: #000000;
   line-height: 25px;
}

#sectiona h3 {
   padding-top: 3px;
   padding-left: 0px;
   font-size: 14px;
   font-weight: bold;
   color: #000000;
   line-height: 16px;
}

#sectiona p {
   margin-bottom: 5px;
}

#sectiona tr {
width: 670px;
}

#contentnote {
   background-color: #a5d7e9;
   margin-top: 8px;
   margin-bottom: 8px;
   color: #074d64;
   width: 669px;
}

#contentnote p {
   padding: 5px;
}

#contentnotex a {
   color: #074d64;
}











#Page_center
{
width: 669px;
}

.page_center_button
{
width: 31px;
}

.page_center_button span
{
display: none;
}

.page_center_buy
{
background: url("img/buy.gif") top left no-repeat;
height: 53px;
width: 31px;
float: left;
}

.page_center_info
{
background: url("img/info.gif") top left no-repeat;
height: 99px;
width: 31px;
float: left;
}

.page_center_content
{
height: 142px;
width: 170px;
background-color: white;
margin-bottom: 3px;
padding-left: 10px;
}


#Page_center tr
{
width: 669px;
margin-bottom: 5px;
}

.page_center_img
{
width: 117px;
height: 152px;
background-color: white;
margin-right: 3px;
}

.page_center_img img
{
padding-top: 30px;
padding-left: 20px;
}

.page_center_img2
{
float: left;
width: 117px;
height: 152px;
background-color: white;
}

.page_center_img2 img
{
padding-top: 30px;
padding-left: 20px;
}

.blue2
{
color: #0e88af;
font-size: 16px;
font-weight: bold;
line-height: 45px;
}

.gray
{
color: #a6acae;
font-size: 14px;
font-weight: bold;
line-height: 18px;
}

.green
{
color: #7e9b1e;
font-size: 14px;
font-weight: bold;
}

.page_center_text
{
width: 170px;
float: left;
}

#footer {
   width: 900px;
   float: left;
   margin-top: 5px;
}

#footer .down {
   font-size: 11px;
   /* margin-left: 650px; */
   text-align: right;
   padding-bottom: 5px;
}

#footer .down a {
   color: #5a5551;
   text-decoration: none;
}

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

#footer .down img {
   border: 0px;
}

.cleaner {
   clear: both;
}

.toplink {
   margin-right: 5px;
   text-align: right;
}

.toplink a {
   text-decoration: none;
}

.toplink a:hover {
   text-decoration: underline;
}