BODY {
  background-color:#275988;
  background-image: url(../images/bg_body.jpg);
  background-repeat: repeat-x;
}

body.popBody {background: transparent !important;}

#wrapper {
  background-image: url(../images/bg_wrapper.gif);
  background-repeat: repeat-y;
}

#header {
  background-image: url(../images/banner_bg.jpg);
  background-repeat: no-repeat;
}
#header img {
  border: 0px solid black;
}

#footerbar {
  COLOR: #fff;
  letter-spacing:2px;
  background:#8ba7b5 url(../images/bg_footer.gif) no-repeat;
}
#footerbar A {
  color:#fff;
  text-decoration:none;
}
#footerbar A:link {
  color:#fff;
  text-decoration:none;
}
#footerbar A:visited {
  color:#fff;
  text-decoration:none;
}
#footerbar A:hover {
  color:#fff;
}

#headerbar {
  /*COLOR: #000;*/
}
#headerbar A {
/*  color:#004583;*/
  text-decoration:none;
}
#headerbar A:link {
/*  color:#004583;*/
  text-decoration:none;
}
#headerbar A:visited {
  color:#004583;
  text-decoration:none;
}
#headerbarright A {
  COLOR: #000;
  text-decoration:underline;
}
#headerbarright A:link {
  COLOR: #000;
  text-decoration:underline;
}
#headerbarright A:visited {
  COLOR: #000;
  text-decoration:underline;
}
#headerbarleft A {
  COLOR: #f7f7f7 !important;
  text-decoration:underline;
}
#headerbarleft A:link {
  COLOR: #f7f7f7;
  text-decoration:underline;
}
#headerbarleft A:visited {
  COLOR: #f7f7f7;
  text-decoration:underline;
}
#headerbar A:hover {
  color:#004583;
  text-decoration:underline;
}
#headerbarmiddle a:link {
  text-decoration:none;
}
#headerbarmiddle a:hover {
  text-decoration:none;
}
#headerbarmiddle li a, #headerbarmiddle li a:link, #headerbarmiddle form li a:link, #headerbarmiddle form li a {
  color:#ffffff;
  border-top-color: #999999;
  border-right-color: #999999;
  border-bottom-color: #999999;
  border-left-color: #999999;
  }


#navbar {
  BACKGROUND: #5579AB;
  COLOR: #ffffff;
  letter-spacing:2px;
}
#navbar A {
  COLOR: #004583;
}
#navbar A:link {
  COLOR: #004583;
}
#navbar A:visited {
  COLOR: #004583;
}
#navbar A:hover {
  COLOR: #000;
}

#navbar A.selected {
  COLOR: #000;
  font-style:italic;
  background: #fff;
  text-decoration:underline;
}

#main {
}
#advert {
  BACKGROUND: #ffffff
}
#nav {
  BACKGROUND: #5579AB
}
#nav A {
  COLOR: #ffffff
}
#nav A:link {
  COLOR: #ffffff
}
#nav A:visited {
  COLOR: #ffffff
}
#nav A:hover {
  COLOR: #040c5c
}
a{
  letter-spacing:0px;
}
#header A {
  color:#0C4B81;
}
#header A:link {
  color:#0C4B81;
}
#header A:visited {
  color:#0C4B81;
}

.errormessage {
  font-family:trebuchet,'Trebuchet MS', sans-serif;
  color:red;
  font-size:11px;
}



/* imported style classes for colors */


#topleft .box H2 {
  COLOR: #ffffff;
}

#left .box H2 {
  COLOR: #E8BE74;
}

#right .box ul {
  color:#026FA7;    
  }
  
#right .box li {
  
  COLOR: #000000;
  }
  
#right .box li a {
  COLOR: #3b5998; 
  }
  
  #right .box li a:link {
  COLOR: #3b5998;
  }
  
   #right .box li a:visited {
  COLOR: #3b5998;
  }
  
   #right .box li a:hover {
  COLOR: #3b5998;
  }

.box {  
  border-color:#ccc;
}

.boxlogin {
  border-color:#ccc;
  background: #fff;
}

#topleft .box {
  background: #fff;
}

#topright .box {
  background: #fff;
}

#left .box {
  background: #5981BA;
}

#right .box {
  background: #fff;
}

#feature {  
  border-color: #000000;
  background: #ffffff;
}

#feature .left {
  background: #fff;
}

#feature .right { 
  BACKGROUND: #5981BA;
}

#logo{
  background: url(../images/spacer.gif) no-repeat 50% 50%;
}

/*
#title{
  background: url(../images/title_swb.jpg) no-repeat 50% 50%;
}
#campus{
  background: url(../images/spacer.gif) no-repeat 50% 50%;  
}

#logosmall{
  background: url(../images/spacer.gif) no-repeat 50% 50%;
}
#titlesmall{
  background: url(../images/title_swb.jpg) no-repeat 50% 50%;
}
*/

#adleaderboard {
/*  background: url(../images/add-top.gif) no-repeat 50% 50%;*/
}

#banner {
/*  background-color:#D1D9BD;*/
}
#campussmall{
  background: url(../images/spacer.gif) no-repeat 50% 50%;  
}

#titlelogo{
  /*background: url(../images/title_swb.jpg) no-repeat 50% 50%;*/
}

#login H2 {
  COLOR: #E8BE74;
}

.loginfriends {
  color:#ffffff;
}

#login LABEL {
  color:#ffffff;
}

#footer p a {
  color:#fff;
}

#footer p a:hover {
  color:#2335af;
}

a.loginlink {
  color:#000000;
}

a.loginlink:hover {
  color:#000000;
}

#login .fieldlabel2 {
  color:#ffffff;
}

#login .fieldinput {
  color:#ffffff;
}

/* boxeshome */

.boxcommonbody ul {
  color:#026FA7;    
  }
.boxcommonbody li {
  COLOR: #000000;
  }
  
.boxcommonbody li a {
  COLOR: #3b5998; 
  }
  
  .boxcommonbody li a:link {
  COLOR: #2335af;
  }
  
   .boxcommonbody li a:visited {
  COLOR: #2335af;
  }
  
   .boxcommonbody li a:hover {
  COLOR: #2335af;
  }
  
  .boxcommonbody a {
  COLOR: #3b5998;
  }
  
  .boxcommonbody a:link {
  COLOR: #2335af;
  }
  
   .boxcommonbody a:visited {
  COLOR: #2335af;
  }
  
   .boxcommonbody a:hover {
  COLOR: #2335af;
  }


.boxcommonbody {
  background-color:#FFFFFF;
  background-image: url(../images/css/rounded_bl.gif);
  background-repeat: no-repeat;
  background-position: left bottom;
}


/* added */
.boxcommonbody b {
  color:#000;
}

.boxmainbody a{
  COLOR: #3b5998;
}

.boxmainbody a:link{
  COLOR: #2335af;
}

.boxmainbody a:visited{
  COLOR: #2335af;
}

.boxmainbody a:hover{
  COLOR: #2335af;
}

.boxcommon {  
    border-color:#99cccc;
    background-color:#f3fbff;
    background-image: url(../images/css/rounded_tl.gif);
    background-repeat: no-repeat;
    background-position: top left;
  border-bottom: 1px solid #99cccc; 
}

#message .boxcommon {  
    border-color:#99cccc;
    background-color:#fff  ;
    background-image: url(../images/css/rounded_tl.gif);
    background-repeat: no-repeat;
    background-position: top left;
    border-bottom: 1px solid #fff;
}
  
.boxcommon .p1 {    
  color:#f9ab05;
  text-transform: uppercase;
  font-family: arial, helvetica, sans-serif;
  font-size: 9pt;
  font-weight: bold;
  }
  
.boxcommon .p1 a {
  color:#000;
}

.boxcommon .p1 a:link {
  color:#ffffff;
}

.boxcommon .p1 a:visited {
  color:#ffffff;
}

.boxcommon .p1 a:hover {
  color:#ffffff;
}

.boxmainsplitbody {   
  background:#2d69b2 url(../images/css/rounded_bl.gif) no-repeat bottom left;
}


.boxmainsplit { 
    border-color:#99cccc;
    background-color:#f3fbff  ;
    background-image: url(../images/css/rounded_tl.gif);
    background-repeat: no-repeat;
    background-position: top left;
  border-bottom: 1px solid #99cccc; 
}
  
.boxmainsplit .p1 {   
  color:#f9ab05;
  text-transform: uppercase;
  font-family: arial, helvetica, sans-serif;
  font-size: 9pt;
  font-weight: bold;
  text-align: left;
  }
  
.boxmainsplit .p1 a {
  color:#ffffff;
}

.boxmainsplit .p1 a:link {
  color:#ffffff;
}

.boxmainsplit .p1 a:visited {
  color:#ffffff;
}

.boxmainsplit .p1 a:hover {
  color:#ffffff;
}

.boxmainbody ul {
  color:#026FA7;    
  }
.boxmainbody li {
  COLOR: #000000;
  }
  
.boxmainbody li a {
  COLOR: #3b5998;
  }
  
  .boxmainbody li a:link {
  COLOR: #2335af;
  }
  
   .boxmainbody li a:visited {
  COLOR: #2335af;
  }
  
   .boxmainbody li a:hover {
  COLOR: #2335af;
  }


.boxmainbody {  
  background-color:#f7f7f7;
  background-image: url(../images/css/rounded_bl.gif);
  background-repeat: no-repeat;
  background-position: left bottom;
}

.boxmain {  
    border-color:#99cccc;
    background-color:#f3fbff  ;
    background-image: url(../images/css/rounded_tl.gif);
    background-repeat: no-repeat;
    background-position: top left;
  border-bottom: 1px solid #99cccc; 
}
  
.boxmain .p1 {    
  color:#f9ab05;
  text-transform: uppercase;
  font-family: arial, helvetica, sans-serif;
  font-size: 9pt;
  font-weight: bold;
  }
  
.boxmain .p1 a {
  color:#ffffff;
}

.boxmain .p1 a:link {
  color:#ffffff;
}

.boxmain .p1 a:visited {
  color:#ffffff;
}

.boxmain .p1 a:hover {
  color:#ffffff;
}
 
/* boxesother 

.boxfullbody {  
  border-color:#ccc;
  background:#fff;
}*/

.boxfullbody .content {
  background:#fff;
  color:#000000;
}

.boxfullbody {  
/*  border-color:#fff;
  background:#fff;*/
}

.boxfullbody .content {
  background:#fff;
  color:#000000;
}

.boxsubfull { 
    border-color:#99cccc;
    background-color:#f3fbff;
    background-image: url(../images/css/rounded_tl.gif);
    background-repeat: no-repeat;
    background-position: top left;
  border-bottom: 1px solid #99cccc;
}

.boxsubfull .heading {  
  color:#f9ab05;
  text-transform: uppercase;
  font-family: arial, helvetica, sans-serif;
  font-size: 9pt;
  font-weight: bold;
}
.boxsubfull a:link,
.boxsubsubfull a:link,
.boxsubfull a:visited,
.boxsubsubfull a:visited {  
  color:#004583;
  text-decoration:underline;
}
.boxsubfull a:hover,
.boxsubsubfull a:hover {  
  text-decoration:underline !important;
}

.boxsubfull .editbutton {
  color:#ffffff;
}

.boxsubsubfull .editbutton {
  color:#ffffff;
}


.boxsubfull .label {  
  color:#fff;
}
.boxsubfullbody {   
/*  border-color:#ccc;
  background:#fff;*/
}

.boxsubfullbody .content {
/*  background:#fff;
  color:#000000;*/
}

.boxsubsplit {  
    border-color:#99cccc;
    background-color:#f3fbff  ;
    background-image: url(../images/css/rounded_tl.gif);
    background-repeat: no-repeat;
    background-position: top left;
  border-bottom: 1px solid #99cccc; 
}

.boxsubsplit .heading { 
  color:#f9ab05;
  text-transform: uppercase;
  font-family: arial, helvetica, sans-serif;
  font-size: 9pt;
  font-weight: bold;
}

.boxsubsplit .label { 
  color:#2c68b1;
}

.boxsubsplitbody {    
  border-color:#ccc;
  background:#fff;
}

.boxsubsplitbody .content {
  color:#000000;
}

.boxfullbody a {
  COLOR: #2335af;
}


/*layout*/


 #headerbar input.button {
    border-color:#ccc;
    color:#000;
    background-color:#ffffff;
 }
 
 #footer P.end A,
  #footer P.end A:link,
   #footer P.end A:visited,
    #footer P.end A:active {
   color:#ffffff !important;
}

#footer-login #footer P.end A,
#footer-login   #footer P.end A:link,
   #footer-login #footer P.end A:visited,
    #footer-login #footer P.end A:active {
   color:#ffffff !important;
}

#footer p.end {
  color:#fff;
}

 #footer P.right A,
  #footer P.right A:link,
   #footer P.right A:visited,
    #footer P.right A:active {
   color:#ffffff !important;
}

#footer-login #footer P.right A,
#footer-login   #footer P.right A:link,
   #footer-login #footer P.right A:visited,
    #footer-login #footer P.right A:active {
   color:#ffffff !important;
}

#footer p.right {
  color:#fff;
}


.boxdivider {
  background: #5981BA;
}

#loginblock .blockspacer {
  background-color:#FFC17A;
}


.formbutton {
    border-color:#ccc;
    color:#000;
    background-color:#ffffff;
}


.button { 
    BACKGROUND: #e6e6e6;          
}
  
.button .p1 {   
  color:#ffffff;
  }
  
.button .p1 a {
  color:#ffffff;
}

.button .p1 a:link {
  color:#ffffff;
}

.button .p1 a:visited {
  color:#ffffff;
}

.button .p1 a:hover {
  color:#ffffff;
}
  


/* Nav
----------------------------------------------- */
#mainnav {
  background-image: url(../images/bg_nav.gif);
  background-repeat: no-repeat;
  }
#mainnav h2 {
/*  border-color:#ccc;*/
  }
  
 #mainnav li {

 }
#mainnav li span a, 
#mainnav li span a:visited, 
#mainnav li a span, 
#mainnav li a:visited span {
  color: #fff;
  }
#mainnav li a, 
#mainnav li a:visited{
  color: #fff;
  }
#mainnav li.selected a span, 
#mainnav ul li.selected a span {
  color: #2C68B1 !important;
  }
#mainnav li.selected a, 
#mainnav ul li.selected a{
  color: #154b7e !important;
  background: #fff;
  border-top: 3px solid #99cccc;
  border-right: 3px solid #99cccc;
  border-left: 3px solid #99cccc;
  }
#mainnav li a:hover span {
  color: #f9ab05 !important;
  }
#mainnav li a:hover{
  color: #f9ab05 !important;
  }
#mainnav li.parent div {
}  
html>body #mainnav li:hover a, html>body #mainnav li.parent li a:hover {
  color:#ffffff;
  }
html>body #mainnav li:hover li a {
  }
html>body #mainnav li.parent:hover ul {
  }
  
 
#subnav {
  background-color:#99cccc;
  /*background-image: url(../images/css/snav_bg.gif);*/
  background-repeat: repeat-x;
  }
#subnav h2 {
  border-color:#ccc;
  }

#subnav li {
  /*background:url(../images/css/snav_over_left.gif) no-repeat top left !important;*/
  }
#subnav li a {
  color:#000;
  font-weight:bold;
  /*background:url(../images/css/snav_off_left.gif) no-repeat top left;*/
  }
#subnav li a.selected {
  color:#fff;
  }
#subnav li a:hover {
  color:#fff;
  font-weight:bold;
  /*background:url(../images/css/snav_over_left.gif) no-repeat top left !important;*/
  }
#subnav li a:hover span {
  color #fff;
  /*background:url(../images/css/snav_over_right.gif) no-repeat top right !important;*/
  }
#subnav li.selected a {
  color:#fff;
  /*background:url(../images/css/snav_on_left.gif) no-repeat top left;*/
  }
#subnav li.selected a span {
  color:#fff;
  /*background:url(../images/css/snav_on_right.gif) no-repeat top right;*/
}  

html>body #subnav li:hover a, html>body #subnav li.parent li a:hover {
 color:#fff;
  }
html>body #subnav li:hover li a {
  }
html>body #subnav li.parent:hover ul {
  }
 
.sitebutton li {
  background: none !important;
}

.sitebutton li a {
  border: 1px solid #ca5c00;
  color: #000 !important;
  font-family: arial, helvetica, sans-serif;
  background-color: #ca5c00;
  background-image: url('../images/blocks/orangestrip.gif');
  background-repeat: repeat-x;
}

.sitebutton li a:hover {
  border: 1px solid #2a717f;
  text-decoration: none !important;
  color: #fff !important;
  background-color: #2a717f;
  background-image: url('../images/blocks/bluestrip.gif');
  background-repeat: repeat-x;
}
  
  .joinnowbutton h2 {
  border-color:#ccc;
  }
  
.joinnowbutton li a {
  color:#000;
  background: url(../images/button_joinnow.gif) no-repeat top left;
  border-top-style: double;
  border-right-style: double;
  border-bottom-style: double;
  border-left-style: double;
  border-top-color: #000000;
  border-right-color: #000000;
  border-bottom-color: #000000;
  border-left-color: #000000;
  
  }
.joinnowbutton li a:hover {
  background: url(../images/button_joinnow_over.gif) no-repeat top left;
  border-color:#ccc;
  color:#fff;
  }
  
  

 .fieldrow input.button {
    border-color:#ccc;
    color:#000;
    /*background: url(http://www.gradify.com/images/nav_bg_slice.jpg) repeat-x top left;*/
 }
 
  .fieldinput input.button {
    border-color:#ccc;
    color:#000;
    /*background: url(http://www.gradify.com/images/nav_bg_slice.jpg) repeat-x top left;*/
 }
 
   .fieldinput2 input.button {
  border-color:#ccc;
    color:#000;
    /*background: url(http://www.gradify.com/images/nav_bg_slice.jpg) repeat-x top left;*/
 }
 

.boxsubfullbody .fieldinput input {
  border-color:#ccc;
}


.boxsubsplitbody .fieldinput input {
    border-color:#ccc;
}

.fieldinput input {
    border-color:#ccc;
}

.fieldinput2 input {
  border-color:#ccc;
}


.fieldinput input.large {
    border-color:#ccc;
}

.fieldinput input.small {
    border-color:#ccc;
}

.fieldinput input.smaller {
    border-color:#ccc;
}

.fieldinput input.radio {
    border-color:#ccc;
}

.fieldinput input.checkbox {
    border-color:#ccc;
}

.fieldinput2 input.checkbox {
    border-color:#ccc;
}

 select {
  border-color:#ccc;
}

.fieldinput select {
  border-color:#ccc;
}

.formsectionheading {
  color:#000000;
}

.formsectionheading a {
  color:#3b5998;
}

.calendar-table thead tr.month-row th {
  background-color:#99cccc;
  border: none;
  color:#FFFFFF;
  font-weight: bold;
  height: 30px;
}

.calendar-table thead tr.day-row th {
  background-color:#f0f4fb;
  border-color: #cccccc;
  color:#9f9fa0;
  font-weight: bold;
}
.nonmonth {
float:left;
background-color: #cccccc;
color:#FFFFFF;
height: 12px;
width: 12px;
_width: 17px;
text-align:right;
margin-left:-5px;
margin-top:-2px;
padding-right: 3px;
padding-bottom: 3px;
font-weight: bold;
}

.curmonth {
float:left;
background-color: #cccccc;
color:#000000;
height: 12px;
width: 12px;
_width: 17px;
text-align:right;
margin-left:-5px;
margin-top:-2px;
padding-right: 3px;
padding-bottom: 3px;
font-weight: bold;
}
  
.calendar-table thead tr th a {
  color:#ffffff;
}

.calendar-table thead tr td {
  background-color:#ffffff;
  border-color: #000000;
  color:#000000;
}

.calendar-table tbody tr td {
  border-color:#ccc;
}

.calendar-table tbody tr td a{
  COLOR: #3b5998;
}

.normal-table {
  border-color:#85a4c5;
}
.normal-table thead tr th {
  border-color:#3e7a93;
  color: #3e7a93;
}

.normal-table thead tr.lighter th {
  border-color:#ccc;
}


.normal-table thead tr th a {
}

.normal-table thead tr td {
  border-color:#ebb600;
}

.normal-table tbody tr td {
  border-color:#ebb600;
}

.normal-table tbody tr td a{
color:#2335af;
}

.normal-table tbody tr td .sitebutton a{
color:#004583;
}

.fielddivider {
  background-color: #cccccc;    
}

.boxsubsubfull {  
    border-color:#cccccc;
    /*background: #6357A5;*/
}

.boxsubsubfull .heading { 
  color:#000;
}

.boxsubsubfull .label { 
  color:#efefef;
}

.boxsubsubfullbody {    
  border-color:#ccc;
  background:#fff;
}

.boxsubsubfullbody .content {
  background:#fff;
  color:#000000;
}

.group-table thead tr th {
  /*background-color:#5981BA;*/
  border-color:#ccc;
  color:#000;
}

.group-table thead tr.lighter th {
  /*background-color:#6357A5;*/
  color:#000;
}


.group-table thead tr th a {
  color:#004583;
}

.group-table thead tr td {
  border-color:#ccc;
    /*background: #5981BA;*/
  color:#000;
}

.group-table tbody tr td {
  border-color:#ccc;
}

.group-table tbody tr td a{
color:#004583;
}

.group-table tbody tr td .sitebutton a{
color:#000000;
}
a { 
  text-decoration:none !important;
}
a:hover { 
  text-decoration:underline !important;
}
#nav_search ul {
  color:#ffffff;
}

#nav_search li {
  color:#ffffff;
  border: none !important;
}
#nav_search li a, #nav_search li a:link, #nav_search form li a:link, #nav_search form li a {
  color:#ffffff !important;
  background-image: url(../images/blocks/orangestrip.gif) repeat-x;
  background-color: #99cccc;
  background-attachment: scroll;
  border-top-color: #999999;
  border-right-color: #999999;
  border-bottom-color: #999999;
  border-left-color: #999999;
  text-decoration: none;
  }
#nav_search li a:hover, #nav_search form li a:hover  {
  color:#FFFFFF;
  background-image: url(../images/blocks/bluestrip.gif) repeat-x;
  background-color:#2c68b1;
  border-color:#ffffff;
  text-decoration:none !important;
  }
.logoClass {
  color: #FFF !important; 
}

.boxcommonsplit {
    background-color:#FFFFFF;
    background-image: url(../images/css/rounded_tl.gif);
    background-repeat: no-repeat;
    background-position: top left;
}
.boxcommonsplitbody {
  background-color:#FFFFFF;
  background-image: url(../images/css/rounded_bl.gif);
  background-repeat: no-repeat;
  background-position: left bottom;
}
.boxinner {
 background-image: url(../images/css/BoxGradient.jpg);
 }
 
#Caption {position:relative;float:left;}

.cal_wrap {
  position: relative;
  background: url(../images/portlet_shadow.gif) top right repeat-y;
  width:735px;
  padding-right: 8px; 
  }

  /* The Holly Hack. IE/Win needs it but IE/Mac does not \*/
  * html .cal_wrap {height: 1%;}
  /* End hide from IE5-mac */

  .cal_wrap h5 {
  background: &dtml-globalBackgroundColor; url(../images/header_bg.gif) top left repeat;
  display: block;
  color: White;
  padding: 0.3em 0.5em 0em 1em;
  height: 1.5em !important;
  height: 1.8em;
  height/**/:/**/1.5em;
  }
  .cal_wrap span.calTopLeft {
  height: 4px;
  width: 4px;
  border: 0;
  position: absolute;
  top: 0;
  left: 0;
  background: transparent url(../images/portlet_tl.gif) top left no-repeat;
  }
  .cal_wrap span.calTopRight {
  height: 9px;
  width: 12px;
  border: 0;
  position: absolute;
  top: 0;
  right: 0;
  background: transparent url(../images/portlet_tr.gif) top right no-repeat;
  }

  /* IE/Win needs one extra-pixel \*/
  * html span.topRight { margin-right: -1px; }
  /* End hide from IE5-mac */

  /* The same problem with IE/Win \*/
  * html span.calBotRight { margin-right: -1px; }
  /* End hide from IE5-mac */

  .calendar-table th {
  background: &dtml-globalBackgroundColor; url(../images/header_bg.gif) top left repeat;
  }
.boxcommoncal { 
    border-color:#ccc;
    background-color:#FFFFFF;
    background-image: url(../images/css/rounded_tl.gif);
    background-repeat: no-repeat;
    background-position: top left;
}
  
.boxcommoncal .p1 {   
  color:#000;
  }
  
.boxcommoncal .p1 a {
  color:#000;
}

.boxcommoncal .p1 a:link {
  color:#ffffff;
}

.boxcommoncal .p1 a:visited {
  color:#ffffff;
}

.boxcommoncal .p1 a:hover {
  color:#ffffff;
}
.boxcommoncalbody ul {
  color:#026FA7;    
  }
.boxcommoncalbody li {
  COLOR: #000000;
  }
  
.boxcommoncalbody li a {
  COLOR: #3b5998; 
  }
  
  .boxcommoncalbody li a:link {
  COLOR: #2335af;
  }
  
   .boxcommoncalbody li a:visited {
  COLOR: #2335af;
  }
  
   .boxcommoncalbody li a:hover {
  COLOR: #2335af;
  }
  
  .boxcommoncalbody a {
  COLOR: #3b5998;
  }
  
  .boxcommoncalbody a:link {
  COLOR: #2335af;
  }
  
   .boxcommoncalbody a:visited {
  COLOR: #2335af;
  }
  
   .boxcommoncalbody a:hover {
  COLOR: #2335af;
  }


.boxcommoncalbody {
  background-color:#FFFFFF;
  background-image: url(../images/css/rounded_bl.gif);
  background-repeat: no-repeat;
  background-position: left bottom;
}
/* added */
.boxcommoncalbody b {
  color:#000;
}
#Caption {position:relative;float:left;}

{
  margin:     0;
  padding:    0;
}

img
{
  border:     none;
}

div.clearer
{
  width:      0px;
  height:     0px;
  clear:      both;
  overflow:   hidden;
}


/*
  just some text
*/

div#firstWrapper
{
  margin:     0 auto;
  border:     3px solid #999999;
  width:      300px;
  text-align:   center;
}

div#firstOuter
{
  text-align:   left;
  width:      300px;
  height:     150px;
}


/*
  map of world
*/

div#worldWrapper
{
  border:     3px solid black;
  width:      400px;
  margin:     0 auto;
  text-align:   center;
}

div#allfamily
{
  padding-left: 10px;
  border:     none;
  margin:     0 auto;
  width:      314px;
  height:     340px;
}

div#allfriend
{
  padding-left: 10px;
  border:     none;
  margin:     0 auto;
  width:      314px;
  height:     340px;
}

div#allindividual
{
  padding-left: 10px;
  border:     none;
  margin:     0 auto;
  width:      540px;
  height:     680px;
}


div#mapControls
{
  margin:     0 auto;
  width:      60px;
  position:   relative;
  text-align:   left;
  height: 30px;
}

div#mapControls div.scrollup
{
  position:   absolute;
  left:     10px;
  top:       0px;
}

div#mapControls div.scrolldn
{
  position:   absolute;
  left:     10px;
  top:      30px;
}

div#mapControls div.scrolllt
{
  /* no styling! - shown inline in the div so the whole nav block vanishes (shrinks to 0px vertically) when JS is disabled */
}

div#mapControls div.scrollrt
{
  position:   absolute;
  left:     50px;
  top:       0px;
}

.shared_info, tr.shared_info, .normal-table tr.shared_info {
  visibility: visible;
  }
  
  .shared_edit, tr.shared_edit, .normal-table tr.shared_edit {
  visibility: hidden;
  display: none;
  }

.logoClass {
	display: block;
  background-image: url(../images/swimroom_logo.gif);
  width: 240px;
  height: 70px;
  margin-top: 10px;
  border-width:0px;
  background-repeat: no-repeat;
  background-position: top;
}

.top_cell .boxarticle,
.left_cell .boxarticle,
.right_cell .boxarticle,
.bottom_cell .boxarticle{
    border-color:#ccc;
    background-color:#2d69b2;
    background-image: url(../images/css/rounded_tl.gif);
    background-repeat: no-repeat;
    background-position: top left;
}
.top_cell .boxarticle .p1 ,    
.left_cell .boxarticle .p1 ,    
.right_cell .boxarticle .p1 ,    
.bottom_cell .boxarticle .p1 {    
  color:#fff;
}

.top_cell .boxarticlebody ,
.left_cell .boxarticlebody ,
.right_cell .boxarticlebody ,
.bottom_cell .boxarticlebody {
  background-color:#FFFFFF;
  background-image: url(../images/css/rounded_bl.gif);
  background-repeat: no-repeat;
  background-position: left bottom;
}

.divideline{
  border-color: #999;
}

#featured_blog .p1 {
  
}

.boxmainsplitleft .p1 {
 color: #3e7a93;
  font-weight: bold;
  font-size: 10pt;
  margin: 0px;
  padding: 0px;
}


.boxmainsplitleft .p2 {
  color: #3e7a93;
  margin: 0px;
  padding: 0px;
}

.boxmainsplitright .p3 {
  color: #3e7a93;
  margin: 0px;
  padding: 0px;
}