/* GLOBAL Settings */
body {
    line-height: 1.6em;
    font-family: Verdana,"Trebuchet MS", Trebuchet, Arial, Helvetica, sans-serif;
    color: #000;
    letter-spacing: 0.02em;
    background-color: #fff;
    margin: 3px 0 0 0;
}

div#dropShadow {
  background: #fff url("../images/dropshadow.gif") repeat-y 0 0;
}

div#dropShadow {
  width: 998px;
  margin-left: auto;
  margin-right: auto;
  text-align: left;
}

div#dropShadow {
  position: relative;
  z-index: 10;
}
div #outerContainer {
  margin-left: 8px;
  margin-right: 7px;
  background-color: #fff;
  padding-bottom: 0;
  padding-left: 0;
}
img.topShadow {
  display: block;
  margin-left: auto;
  margin-right: auto;
  /*margin-top: -12px;*/
}
img.bottomShadow {
  display: block;
  margin-left: auto;
  margin-right: auto;
  /*margin-top: -12px;*/
}

#top
{
padding: 0;
margin: 0;
margin-right: 0 !important;
margin-right: 1px;
background-color: #fff;
height: 183px;
background: url(../images/title.gif) no-repeat; 
position: relative;
z-index: 0
}

.clear {
    clear: both;
}


/*----------------------------------------------------------------
 >> Top One Navigation <<
 -----------------------------------------------------------------*/

#firstNav {
    list-style: none;
}
#firstNav {
    margin: 0 0 0 0;
}

#firstNav ul {
    float: right;
}

#firstNav li {
    list-style: none;
    display: block;
    float: left;
    margin: 0 20px 0 0;
}

#firstNav a {
    text-decoration: none;
    font-size: 11px;
    font-weight: normal;
    text-decoration: none;
    text-transform: uppercase; 
    letter-spacing: 0.05em;
}

#firstNav a:link, #firstNav a:visited, #firstNav a:active {
   color: #180c82;
}
#firstNav a:hover, #firstNav a.nav-on {
   color: #f40f0a;
}

/*----------------------------------------------------------------
 >> Second Navigation <<
 -----------------------------------------------------------------*/
#secondNav {
    margin: 38px 8px 0 0;
    text-align: right;
}

#secondNav ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

#secondNav ul li {
    display: inline;
}

#secondNav a {
    text-decoration: none;
    font-size: 11px;
    font-weight: normal;
    text-decoration: none;
    text-transform: uppercase; 
    letter-spacing: 0.00em;
    padding: 0 0 0 10px;
}
.nav-title-spacing {
    margin-left: 6px;
}
/**
 * Second Nav Class name
 */
#secondNav a.nav-one:link, #secondNav a.nav-one:visited, #secondNav a.nav-one:active,
#secondNav a.nav-two:link, #secondNav a.nav-two:visited, #secondNav a.nav-two:active,
#secondNav a.nav-three:link, #secondNav a.nav-three:visited, #secondNav a.nav-three:active,
#secondNav a.nav-four:link, #secondNav a.nav-four:visited, #secondNav a.nav-four:active,
#secondNav a.nav-five:link, #secondNav a.nav-five:visited, #secondNav a.nav-five:active {
   color: #180c82;
   background: url(../images/dotsoff.gif) 0 3px no-repeat;
}

#secondNav a.nav-one:hover, #secondNav a.nav-on-one {
   color: #f40f0a;
   background: url(../images/dotson_rotary.gif) 0 3px no-repeat;
}
#secondNav a.nav-two:hover, #secondNav a.nav-on-two {
   color: #158a36;
   background: url(../images/dotson_projects.gif) 0 3px no-repeat;
}
#secondNav a.nav-three:hover, #secondNav a.nav-on-three {
   color: #f48c11;
   background: url(../images/dotson_fundraising.gif) 0 3px no-repeat;
}
#secondNav a.nav-four:hover, #secondNav a.nav-on-four {
   color: #911181;
   background: url(../images/dotson_members.gif) 0 3px no-repeat;
}
#secondNav a.nav-five:hover, #secondNav a.nav-on-five {
   color: #e8bc14;
   background: url(../images/dotson_contact.gif) 0 3px no-repeat;
}

#secondNav a.nav-one:link #small-circle,#secondNav a.nav-one:visited #small-circle,#secondNav a.nav-one:active #small-circle,
#secondNav a.nav-two:link #small-circle,#secondNav a.nav-two:visited #small-circle,#secondNav a.nav-two:active #small-circle,
#secondNav a.nav-three:link #small-circle,#secondNav a.nav-three:visited #small-circle,#secondNav a.nav-three:active #small-circle,
#secondNav a.nav-four:link #small-circle,#secondNav a.nav-four:visited #small-circle,#secondNav a.nav-four:active #small-circle,
#secondNav a.nav-five:link #small-circle,#secondNav a.nav-five:visited #small-circle,#secondNav a.nav-five:active #small-circle {
    background: #fff url(../images/dotsoff.gif) 0 3px no-repeat;
    height: 11px;
}

#secondNav a.nav-one:hover #small-circle, #secondNav a.nav-on-one:link #small-circle-on,#secondNav a.nav-on-one:visited #small-circle-on,#secondNav a.nav-on-one:active #small-circle-on {
    background: #fff url(../images/dotson_rotary.gif) 0 3px no-repeat;
    height: 11px;
}

#secondNav a.nav-two:hover #small-circle, #secondNav a.nav-on-two:link #small-circle-on,#secondNav a.nav-on-two:visited #small-circle-on,#secondNav a.nav-on-two:active #small-circle-on {
    background: #fff url(../images/dotson_projects.gif) 0 3px no-repeat;
    height: 11px;
}

#secondNav a.nav-three:hover #small-circle, #secondNav a.nav-on-three:link #small-circle-on,#secondNav a.nav-on-three:visited #small-circle-on,#secondNav a.nav-on-three:active #small-circle-on {
    background: #fff url(../images/dotson_fundraising.gif) 0 3px no-repeat;
    height: 11px;
}

#secondNav a.nav-four:hover #small-circle, #secondNav a.nav-on-four:link #small-circle-on,#secondNav a.nav-on-four:visited #small-circle-on,#secondNav a.nav-on-four:active #small-circle-on {
    background: #fff url(../images/dotson_members.gif) 0 3px no-repeat;
    height: 11px;
}

#secondNav a.nav-five:hover #small-circle, #secondNav a.nav-on-five:link #small-circle-on,#secondNav a.nav-on-five:visited #small-circle-on,#secondNav a.nav-on-five:active #small-circle-on {
    background: #fff url(../images/dotson_contact.gif) 0 3px no-repeat;
    height: 11px;
}
    

/*----------------------------------------------------------------
 >> Left Nav <<
 -----------------------------------------------------------------*/
#leftnav
{
    float: left;
    width: 350px;
    color: #190E81;
    line-height: 20px;
    margin: 30px 0 0 0;
}

#leftnav h2 {
    padding: 0 0 0 60px;
  font-size: 14px;
}

#leftnav ul {
    margin: 40px 0 0 80px;
}

#nav-side li {
    margin: 0 0 0 0;
    padding: 0 0 10px 0;
}

#nav-side a {
    text-decoration: none;
    font-size: 12px;
    font-weight: normal;
  letter-spacing: 0.05em;
}

#nav-side a:link, #nav-side a:visited, #nav-side a:active {
   color: #180c82;
}

#nav-side a:hover {
   color: #f41208;
}

/*----------------------------------------------------------------
 >> Content <<
 -----------------------------------------------------------------*/

#content
{
margin-left: 380px;
padding: 1em;
padding-right: 40px;
background-color: #fff;
color: #190E81;
position: relative;
bottom: 40px;
}

#content a:link  {
  color: #190E81;
}

#content h1 {
  font-size: 19px;
  font-weight:600;
  letter-spacing: 2px;
}

#content h2 {
  font-size: 13px;
  padding-left: 35px;
}

#content h3 {
	padding-left: 35px;
  	font-size: 12px;
}

#content p {
  padding-left: 35px;
  font-size: 12px;
}

#content ul li {
  font-size: 12px;
}



/*----------------------------------------------------------------
 >> raised boxes  << 
 -----------------------------------------------------------------*/
#krazy_container {display:block; margin-right:0; position:relative; background:#fff; left: 20px; padding:0 0; font-size: 12px;}
#krazy_container h2 {margin-bottom:1em; font-size: 14px;}
#krazy_container h3 {clear:both; margin-top:4em; font-size: 13px;}

/* Inset 3D Raised */
.raised {background: transparent; width:300px; margin:0 auto;}
.raised h1, .raised p, .raised ul {margin:0 0 0 10px; }
.raised h1 {font-size:16px; color:#ff9900; letter-spacing:1px;}
.raised h1 a:link, .raised h1 a:active, .raised h1 a:visited {text-decoration: none; color: #ff9900;}
.raised h1 a:hover {text-decoration: none; color: #190E81;}
.raised p {padding-bottom:0.5em;}
.raised ul {position: relative; bottom: 25px; right: 70px}
.raised ul li {padding-bottom:0.5em;}
.raised ul li a:link, .raised ul li a:active, .raised ul li a:visited {text-decoration: none; color: #190E81;}
.raised ul li a:hover {text-decoration: none; color: #ff9900;}


.raised .top, .raised .bottom {display:block; background:transparent; font-size:1px;}
.raised .b1, .raised .b2, .raised .b3, .raised .b4, .raised .b1b, .raised .b2b, .raised .b3b, .raised .b4b {display:block; overflow:hidden;}
.raised .b1, .raised .b2, .raised .b3, .raised .b1b, .raised .b2b, .raised .b3b {height:1px;}
.raised .b2 {background:#e5f4fa; border-left:1px solid #fff; border-right:1px solid #eee;}
.raised .b3 {background:#e5f4fa; border-left:1px solid #fff; border-right:1px solid #ddd;}
.raised .b4 {background:#e5f4fa; border-left:1px solid #fff; border-right:1px solid #aaa;}
.raised .b4b {background:#e5f4fa; border-left:1px solid #eee; border-right:1px solid #999;}
.raised .b3b {background:#e5f4fa; border-left:1px solid #ddd; border-right:1px solid #999;}
.raised .b2b {background:#e5f4fa; border-left:1px solid #aaa; border-right:1px solid #999;}

.raised .b1 {margin:0 5px; background:#fff;}
.raised .b2, .raised .b2b {margin:0 3px; border-width:0 2px;}
.raised .b3, .raised .b3b {margin:0 2px;}
.raised .b4, .raised .b4b {height:2px; margin:0 1px;}
.raised .b1b {margin:0 5px; background:#999;}
.raised .boxcontent {display:block;  background:#e5f4fa; border-left:1px solid #fff; border-right:1px solid #999;}
