body {
  border 0;
  padding: 0px;
  margin: 0px;
  font-family: Arial, Verdana, Helvetica, sans-serif;
  background-color: #E0E0FF;
  min-width: 980px;
  margin: 20px 0 20px 0;
  }

/* <<< Global Settings >>> */

h1, h2, h3, h4, h5, h6 {
  margin: 0;
  padding: 0;
  }
a {
  font-size: 14px;
  }
p {
  margin: 0; 
  padding: 0;
  font-size: 14px;
  }
img {
  border: 0;
  marging: 0;
  padding: 0;
  }
ul {
  font-family: Arial, Verdana, Helvetica, sans-serif;
  font-size: 14px;
  text-align: left;
  vertical-align: top;
  margin: 0;
  }
li {
  list-style-image: url(../images/std/arrow_right_red.gif);
  margin: 0 0 0 10px;
  }

/* <<< Main Wrapper >>> */

.wrapper {
  margin: 0px auto;
  width: 970px;
  background-color: #FFFFFF;
  }

/* <<< Header >>> */

.header {
  float: left;
  width: 100%;
  height: 160px;
  background: #1078D0 url(../images/std/heading.gif) no-repeat;
  padding: 0;
  }
.header h1 {
  font-size: 32px;
  font-weight: bold;
  font-variant: small-caps;
  color: #FFFFFF;
  margin: 20px 30px 20px 30px;
  }
.header p {
  font-size: 14px;
  font-weight: bold;
  color: #FFFFFF;
  margin: 0 30px 0 100px;
  }
#logo {
  margin: 25px 0 0 60px;
  }

/* <<< Sidebar >>> */

.sidebar-right {
  float: right;
  margin: 0;
  padding: 30px 0 30px 0;
  width: 320px;
  background-color: #FFFFFF;
  /*
  border-width: 0 0 0 1px;
  border-color: #003366;
  border-style: solid;
  */
  }
.sidebar-right h1 {
  background: #F4F4F0 0 bottom;
  border: #EEEEDF 1px solid;
  height: 20px;
  font-size: 20px;
  font-variant: small-caps;
  font-weight: bold;
  padding: 5px 0 5px 10px;
  margin: 0 20px 20px 10px;
  color: #65C80B;
  }
.sidebar-right h3 {
  font-size: 16px;
  font-weight: bold;
  color: #CC0000;
  /* margin: 0 20px 12px 10px; */
  }
.sidebar-right p {
  font-size: 12px;
  text-align: left;
  margin: 6px 8px 6px 0;
  }
.sidebar-right-box {
  float: left;
  margin: 0 0 10px 10px;
  padding: 0 0 0 0;
  width: 300px;
  height: 110px;
  background-color: #FFFFFF;
  border-color: #003366;
  border-width: 0;
  border-bottom: 1px;
  border-style: dotted;
  }
.sidebar-right-linkpic {
  width: 100px;
  height: 100px;
  float: left;
  clear: left;
  margin: 0 8px 0 0;
  }
a.sidebar-right-link {
  font-size: 13px;
  font-weight: bold;
  text-decoration: none;
  }
a.sidebar-right-link:hover {
  color: #00CCCC;
  text-decoration: underline;
  }
a.sidebar-right-link:link {
  color: #00CCCC;
  }
a.sidebar-right-link:visited {
  color: #00CCCC;
  }
a.sidebar-right-link:active {
  color: #00CCCC;
  }

/* <<< Picture Bar >>> */

.picbar-right {
  float: right;
  margin: 0;
  padding: 30px 0 30px 0;
  width: 320px;
  background-color: #FFFFFF;
  /*
  border-width: 0 0 0 1px;
  border-color: #003366;
  border-style: solid;
  */ 
  }
.picbar-right img {
  float: left;
  clear: left;
  margin: 0 0 0 20px;
  }
.picbar-right h1 {
  background: #F4F4F0 0 bottom;
  border: #EEEEDF 1px solid;
  height: 20px;
  font-size: 20px;
  font-variant: small-caps;
  font-weight: bold;
  padding: 5px 0 5px 10px;
  margin: 0 20px 20px 10px;
  color: #65C80B;
  }
.picbar-right p {
  clear: left;
  font-size: 12px;
  text-align: left;
  margin: -20px 30px 20px 20px;
  font-weight: bold;
  }

/* <<< Main Content - Left (2 col) >>> */

.maincontent-left {
  float: left;
  padding: 0 0 30px 10px;
  width: 639px;
  background-color: #FFFFFF;
  border-width: 0 1px 0 0;
  border-color: #003366;
  border-style: solid;
  }
.maincontent-left h1 {
  background: #F4F4F0 0 bottom;
  border: #EEEEDF 1px solid;
  height: 20px;
  font-family: Helvetica, Arial, Verdana, sans-serif;
  font-size: 20px;
  font-variant: small-caps;
  font-weight: bold;
  padding: 5px 0 5px 10px;
  margin: 30px 20px 20px 0;
  color: #006699;
  }
.maincontent-left h2 {
  background: #F4F4F0 0 bottom;
  border: #EEEEDF 1px solid;
  height: 20px;
  font-size: 18px;
  font-variant: small-caps;
  font-weight: bold;
  padding: 5px 0 5px 10px;
  margin: 0 20px 20px 0;
  color: #65C80B;
  }
.maincontent-left h3 {
  font-size: 16px;
  font-weight: bold;
  color: #CC0000;
  margin: 0 20px 12px 10px;
  }
.maincontent-left p {
  margin: 0 20px 18px 10px;
  line-height: 130%;
  text-align: justify;
  }
.maincontent-left ul {
  margin: 0 18px 18px 10px;
  line-height: 130%;
  text-align: left;
  }
.maincontent-left li {
  margin: 0 0 0 20px;
  text-align: left;
  }

.maincontent-left img {
  float: none;
  margin: 0 15px 0 10px;
  }
#inline {
  float: left;
  margin: 0 15px 0 10px;
  }

/* <<< Main Content - Full Width >>> */

.maincontent-full {
  float: left;
  padding: 0 0 30px 10px;
  width: 960px;
  background-color: #FFFFFF;
  }
.maincontent-full h1 {
  background: #F4F4F0 0 bottom;
  border: #EEEEDF 1px solid;
  height: 20px;
  font-size: 20px;
  font-variant: small-caps;
  font-weight: bold;
  padding: 5px 0 5px 10px;
  margin: 30px 10px 20px 0;
  color: #006699;
  }
.maincontent-full h2 {
  background: #F4F4F0 0 bottom;
  border: #EEEEDF 1px solid;
  height: 20px;
  font-size: 18px;
  font-variant: small-caps;
  font-weight: bold;
  padding: 5px 0 5px 10px;
  margin: 0 10px 20px 0;
  color: #65C80B;
  }
.maincontent-full h3 {
  font-size: 16px;
  font-weight: bold;
  color: #CC0000;
  margin: 0 20px 12px 10px;
  }
.maincontent-full p {
  margin: 0 20px 18px 10px;
  line-height: 130%;
  text-align: justify;
  }
.maincontent-full ul {
  margin: 0 18px 18px 10px;
  line-height: 130%;
  text-align: left;
  }
.maincontent-full li {
  margin: 0 0 0 20px;
  text-align: left;
  }
.maincontent-full img {
  float: left;
  margin: 0 15px 20px 10px;
  }

/* <<< Events Page >>> */

.events-month-2col {
  float: left;
  padding: 0 0 10px 10px;
  width: 475px;
  background-color: #FFFFFF;
  }
.events-month-2col-box {
  float: none;
  margin: 0 0 10px 10px;
  padding: 0 0 0 0;
  width: 440px;
  height: 100px;
  }
.events-month-2col h1 {
  background: #F4F4F0 0 bottom;
  border: #EEEEDF 1px solid;
  height: 20px;
  font-size: 20px;
  font-variant: small-caps;
  font-weight: bold;
  padding: 5px 0 5px 10px;
  margin: 0 20px 20px 0;
  color: #65C80B;
  }
.events-month-2col h2 {
  font-size: 16px;
  font-weight: bold;
  color: #CC0000;
  margin: 10px 0 0 0;
  text-align: center;
  }
.events-month-2col h3 {
  font-size: 13px;
  font-weight: bold;
  color: #CC0000;
  margin: 0;
  text-align: center;
  }
.events-month-2col p {
  margin: 0;
  /* line-height: 130%; */
  text-align: center;
  }
.events-month-2col img {
  float: left;
  height: 80px;
  width: 80px;
  padding: 10px;
  }

/* <<< Whos Who Page >>> */

.whos-who-3col {
  float: left;
  padding: 0 0 0 10px;
  width: 310px;
  background-color: #FFFFFF;
  margin: 0 0 50px 0;
  }
.whos-who-3col-box {
  float: none;
  margin: 0 0 10px 10px;
  padding: 0 0 0 0;
  width: 264px;
  height: 64px;
  vertical-align: 10px;
  border: #003366 1px solid;
  }
.whos-who-3col h1 {
  background: #F4F4F0 0 bottom;
  border: #EEEEDF 1px solid;
  height: 20px;
  font-size: 20px;
  font-variant: small-caps;
  font-weight: bold;
  padding: 5px 0 5px 10px;
  margin: 0 20px 20px 0;
  color: #65C80B;
  }
.whos-who-3col h2 {
  font-size: 16px;
  font-weight: bold;
  color: #CC0000;
  margin: 10px 0 0 0;
  text-align: center;
  }
.whos-who-3col h3 {
  font-size: 13px;
  font-weight: bold;
  color: #CC0000;
  margin: 0;
  text-align: center;
  }
.whos-who-3col h4 {
  font-size: 13px;
  font-weight: bold;
  color: #009900;
  margin: 0;
  text-align: center;
  padding: 10px 0 0 0;
  }
.whos-who-3col p {
  font-size: 13px;
  font-weight: bold;
  margin: 0;
  color: #CC0000;
  text-align: center;
  padding: 10px 0 0 0;
  }
.whos-who-3col img {
  float: left;
  height: 64px;
  width: 64px;
  }

/* <<< Links Page >>> */

.links-2col {
  float: left;
  margin: 0 40px 20px 40px;
  padding: 20px 0 0 0;
  width: 400px;
  height: 160px;
  background-color: #FFFFFF;
  }
.links-2col p {
  float: none;
  margin: 0;
  text-align: center;
  }
.links-2col img {
  }

/* <<< Xmas Cards Page >>> */

.xmascards-4col {
  float: left;
  margin: 0px 5px 50px 20px;
  padding: 0 0 0 0;
  width: 210px;
  background-color: #FFFFFF;
  }
.xmascards-4col p {
  float: none;
  margin: 0;
  padding: 0 0 0 20px;
  }
.xmascards-4col img {
  float: none;
  margin: 0;
  padding: 0 0 0 0; 
  border: #003366 1px solid;
  }
.xmasorder {
  float: left;
  padding: 0 20px 0 20px;
  margin-top: 0;
  font-size: 13px;
  }

/* <<< News Page >>> */

.newswrap {
  clear: both;
  }
.iconspan {
  float: right;
  margin: 90px 20px 0 20px;
  font-size: 14px;
  font-weight: bold;
  text-decoration: none;
  color: #00CCCC;
  cursor: hand;
  }
.iconspan:hover {
  color: #00CCCC;
  text-decoration: underline;
  }
.newsbar {
  height: 120px;
  background-color: #FFFFFF;
  margin: 20px 20px 20px 20px;
  padding: 10px 10px 10px 10px;  
  }
.newsbar h1 {
  font-size: 16px;
  font-weight: bold;
  color: #CC0000;
  margin: 15px 0 0 0;
  }
.newsbar p {
  margin: 0 20px 0 20px;
  line-height: 130%;
  text-align: justify;
  /* width: 650px; */
  }
.newsbar img {
  float: left;
  margin: 0 15px 0 0;
  }
div.newsbar {
  /* width: 500px; */
  }
.newsitem {
  margin: 20px 20px 20px 20px;
  padding: 15px 0 15px 15px;
  background-color: #FFFFBB;
  }
.newsitem h4 {
  float: left;
  clear: left;
  margin: 0 0 0 0;
  text-align: justify;
  width: 300px;
  font-size: 11px;
  font-weight: bold;
  }
.newsitem p {
  float: right;
  margin: 0 15px 12px 15px;
  line-height: 130%;
  text-align: justify;
  width: 580px;
  }
.newsitem img {
  float: left;
  clear: left;
  margin-bottom: 15px;
  }

/* <<< Footer >>> */

.footer {
  float: left;
  width: 100%;
  height: 70px;
  background: #1078D0;
  border-width: 1px 0 0 0;
  border-color: #003366;
  border-style: solid;
  }
.footer p {
  color: #FFFFFF;
  font-size: 11px;
  margin: 14px 0 0 0; 
  padding: 0;
  text-align: center;
  }
a.footerlink {
  color: #FFFFFF;
  font-size: 11px;
  text-decoration: none;
  }
a.footerlink:hover {
  color: #FFFFFF;
  text-decoration: underline;
  }
a.footerlink:link {
  color: #FFFFFF;
  }
a.footerlink:visited {
  color: #FFFFFF;
  }
a.footerlink:active {
  color: #FFFFFF;
  }

/* <<< Main Content Styles >>> */

p.dwnld,
p.note,
p.error {
  display: block;
  min-height: 35px;
  /* float: left; */
  margin: 30px 20px 20px 10px;
  padding: 15px 10px 7px 40px;
  border-top: #EBE8D7 1px solid;
  border-bottom: #EBE8D7 1px solid;
  line-height: normal;
  }
p.dwnld {
  background: #EBFEDA url(../images/std/dwnld.gif) no-repeat 5px 4px;
  }
p.note {
  background: #FFF9D7 url(../images/std/info.gif) no-repeat 5px 4px;
  }
p.error {
  background: #FF9D9D url(../images/std/error.gif) no-repeat 5px 4px;
  border-top: #FF3300 1px solid;
  border-bottom: #FF3300 1px solid;
  min-height: 20px;
  }

/* <<< Other Styles >>> */

.shopbox {
  width: 200px;
  float: left;
  margin: 0 0 0 60px;
  }
p.shopbox-header {
  background-color: #9999CC;
  margin: 20px 0 0 0;
  padding: 5px 0 5px 10px;
  }
p.shopbox-detail {
  background-color: #CCCCFF;
  margin: 0;
  padding: 5px 0 5px 10px;
  }

h2.nospace {
  margin: 20px 20px 0 0;
  }

p.lottery-box {
  margin: 12px 10px 12px 10px;
  font-size: 16px;
  font-weight: bold;
  text-align: center;
  vertical-align: top;
  }
p.lottery-text {
  font-size: 16px;
  margin: 6px 8px 8px 8px;
  vertical-align: top;
  text-align: center;
  }

img.main-minilogo {
  float: right;
  border: #003366 1px solid;
  margin: 0 15px 0 15px;
  }

.schools-atoz h4 {
  font-size: 16px;
  font-weight: bold;
  color: #CC0000;
  margin: 0 20px 12px 20px;
  float: left;
  width: 20px;
  }
.schools-atoz img {
  float: right;
  margin: -45px 0 0 0;
  }
.schools-atoz p {
  font-size: 13px;
  float: left;
  margin: 0 60px 10px 0;
  }

blockquote {
  font-family: Georgia, "Times New Roman", Times, serif;
  font-style: italic;
  font-size: 16px;
  color: #003366;
  margin: 10px 20px;
  display: block;
  }
blockquote span.open {
  background: url(../images/std/quote_open.gif) no-repeat left top;
  padding: 0 0 0 15px;
  }
blockquote span.close {
  background: url(../images/std/quote_close.gif) no-repeat bottom right;
  padding: 0 15px 0 0;
  }

#dark {
  background-color: #EEFFEE;
  }
#light {
  background-color: #EEEEFF;
  }
#right {
  float: right;
  }