body {
background-color: #fff;
color: #000;
font-family: sans-serif; 
margin: 20px auto;
}


/* STRUCTURES */
#header {
border: 0px solid black;
background-color: white;
color: #000;
margin-bottom: 15px;
overflow: hidden;
vertical-align:bottom;
width: 850px; height: 50px;
}

#header-cr {
border: 0px solid black;
background-color: white;
color: #000;
margin-bottom: 15px;
overflow: hidden;
vertical-align:bottom;
width: 850px; height: 50px;
}


/* background: #fff url(images/menu-bg.gif) repeat-y; */
#uber-container {
border: 0px solid red;
background-color: white;
color: #000;
margin: 0 auto 0 auto;
overflow: hidden;
width: 850px;
}


#container {
border: 0px solid #ccc;
background-color: inherit;
color: #000;
margin-right: auto;
margin-left: auto;
overflow: hidden;
width: 850px;
}

/* Contains both photo and content */
#content-container {
border: 0px solid red;
background-color: inherit;
color: #000;
overflow: hidden;
}

#photo-brdr {
border-top: 1px solid #74793d;
border-bottom: 1px solid #74793d;
color: #000;
overflow: hidden;
padding: 10px 0 10px 0;
margin-bottom: 15px;
}

#photo-brdr-cr {
border-top: 1px solid #74793d;
border-bottom: 1px solid #74793d;
color: #000;
overflow: hidden;
padding: 10px 0 10px 0;
margin-bottom: 2px;
}

#photo-home {
border: 0px solid red;
background: #fff url(images/home/home_2.jpg) no-repeat 0 8px;
color: #000;
overflow: hidden;
width: 650px;height: 220px;
}

#photo-events {
border: 0px solid red;
background: #fff url(images/events/events_3.jpg) no-repeat 0 8px;
color: #000;
overflow: hidden;
width: 650px;height: 220px;
}

#photo {
border: 0px solid red;
background-color: white;
color: #000;
overflow: hidden;
width: 650px;height: 220px;
}

#photo-brdr2 {
border-top: 1px solid #74793d;
color: #000;
overflow: hidden;
padding-top: 10px;
margin-bottom: 10px;
}

/* MENU-TWO */
#menu-two {
border: 1px solid #74793d;
background-color: #dde0bd;
color: #000;
clear: both;
margin-top: 0px;
margin-bottom: 15px;
overflow: hidden;
padding: 8px;
text-align: center;
}

#menu-two h2 {
background-color: inherit;
color: #74793d;
display: inline;
font: bold .8em/1.1em arial, helvetica, sans-serif;
text-transform: uppercase;
}

#menu-three {
border: 1px solid #74793d;
background-color: #dde0bd;
color: #74793d;
clear: both;
font: bold 12px arial, helvetica, sans-serif;
margin-top: 4px;
margin-bottom: 15px;
overflow: hidden;
padding: 8px;
text-align: center;
text-transform: uppercase;
}
/* END MENU-TWO */

/* FOOTER */
#footer  {
border-top: 1px solid #74793d;
color: #74793d;
clear: both;
display: block;
margin-top: 0;
padding: 10px;
text-align: center;
}

#footer h2 {
background-color: inherit;
color: #74793d;
font:  .8em/1.1em arial, helvetica, sans-serif;
margin-top: 0px;
margin-bottom: 0px;
text-transform: none;
}

#footer .copyright  {
background-color: inherit;
color: #74793d;
clear: both;
display: block;
margin-top: 15px;
font: normal .6em/1.5em arial, helvetica, sans-serif;
text-align: center;
}
/* END FOOTER */

/* HOME STRUCTURE */

#content {
background: #fff url(images/border.gif) repeat-y center;
border-top: 1px solid #74793d;
background-color: inherit;
color: #000;
clear: left;
margin-top: 10px;
overflow: hidden;
}

.th {
border: 0;
background-color: inherit;
color: #000;
float: left;
padding: 4px 7px 0 0;
width: 54px;height: 54px;
}

/* for sub pages*/
.th-page {
border: 0;
background-color: inherit;
color: #000;
float: left;
padding: 20px 16px 0 0;
width: 72px;height: 99px;
}

.content-split-right {
border-left: 0px solid #74793d;
background-color: transparent;
color: #000;
float: right;
overflow: hidden;
padding: 0 0 25px 10px;
width: 310px;
}

.content-split-left {
background-color: transparent;
color: #000;
float:left;
margin-right: 10px;
overflow: hidden;
padding-bottom: 25px;
width: 310px;
}

.content-dual {
background-color: transparent;
color: #000;
float:left;
margin-right: 10px;
overflow: hidden;
padding-bottom: 25px;
width: 620px;
}

.homecopy {
background-color: inherit;
color: #000;
display: block;
font: normal .7em/1.3em arial, helvetica, sans-serif;
overflow: hidden;
}


/* ACCOMPLISHMENTS */
#nmbr-cell {
background-color: inherit;
color: black;
font: normal .8em/1.5em arial, helvetica, sans-serif;
margin-bottom: 10px;
overflow: hidden;
}

/* STAFF */
#staff {
background-color: inherit;
color: black;
font: normal 12px/15px arial, helvetica, sans-serif;
}

#staff td {
background-color: inherit;
color: black;
padding-bottom: 30px;
vertical-align: top;
}


/* FONT STYLES */

h1 {
background-color: transparent;
color: #74793d;
font: 1.2em/1em Georgia, "Palatino Linotype", Garamond, "Times New Roman", serif;
letter-spacing: -1px;
margin-top: 20px;
margin-bottom: 10px;
}

h1 a {
background-color: transparent;
color: #74793d!important;
font: 1.2em/1em Georgia, "Palatino Linotype", Garamond, "Times New Roman", serif;
letter-spacing: -1px;
margin-top: 20px;
margin-bottom: 10px;
}


h2 {
background-color: inherit;
color: #74793d;
font: bold .8em/1.1em arial, helvetica, sans-serif;
margin-top: 20px;
margin-bottom: 5px;
text-transform: uppercase;
}

h3 {
background-color: inherit;
color: #74793d;
font: bold 1em/1.1em arial, helvetica, sans-serif;
margin-bottom: 0;
}

h4 {
background-color: inherit;
color: black;
font: oblique bold 1em/1.1em arial, helvetica, sans-serif;
margin-top: 10px;
}

/* used for cr parents teachers */
h5 {
background-color: inherit;
color: black;
font: 1.6em/1.1em arial, helvetica, sans-serif;
margin: 12px 0 -5px 0;
}


p  {
background-color: inherit;
color: black;
font: normal .8em/1.5em arial, helvetica, sans-serif;
}

em  {
font: oblique normal  .8em/1.1em arial, helvetica, sans-serif;
}

.smtxt {
background-color: inherit;
color: #74793d;
font:  .8em/1.1em arial, helvetica, sans-serif;
}

/* photo credit */
#cr {
background-color: inherit;
color: #74793d;
display: block;
font:  10px arial, helvetica, sans-serif;
text-align: right;
}








/* FORM */

.form {
border:1px solid #B2D4E7;
color: #504633;
font: 1.2em arial, helvetica, sans-serif;
padding: 5px;
}

.button {
background:#a99c81;
border: 1px solid #330;
color: #fff;
font: 1em sans-serif;
letter-spacing: 1px;
text-align:center;
padding:2px;
}

fieldset {
border: 0px;
}





/* DECORATIVE */

hr {
border: 1px dotted #ccc6ba;
margin-top: 30px;
margin-bottom: 30px;
}

.cap {
background-color: inherit;
color: #ffc;
display: inline;
font: bold 1.6em/1.2em Garamond, "Palatino Linotype", "Times New Roman", serif;
}

img {
border: 0px;
}

.brdr {
border: 1px solid #a99c81;
}


#content li.contentblts {
font: normal .8em/1.4em arial, helvetica, sans-serif;
margin-left: -25px;
margin-bottom: 10px;
padding-left: 10px;
}

/* END */

/* TABLES */
table.format {
border: 1px solid #ccc6ba;
font: .8em sans-serif;
text-align: left;
width: 100%;
}

.clr1 {
background-color: #ccc6ba;
padding: 2px;
}

.clr2 {
background-color: inherit;
padding: 5px;
}
/* END */

/* CONTENT LINKS */
#content-container a:link {
background-color: inherit; 
color: #74793d;
text-decoration: underline;
}
#content-container a:visited {
background-color: inherit; 
color: #7c7d7c;
text-decoration: underline;
}
#content-container a:hover {
background-color: inherit; 
color: #507731;
text-decoration: underline;
}
#content-container a:active {
background-color: inherit; 
color: #396d0f;
text-decoration: underline;
}
/* END CONTENT */

/* FOOTER LINKS */
a.footer:link {
background-color: inherit; 
color: #74793d;
text-decoration: none;
text-align: center;
}
a.footer:visited {
background-color: inherit; 
color:#74793d;
text-decoration: none;
text-align: center;
}
a.footer:hover {
background-color: inherit;
color: #74793d;
text-decoration: none;
text-align: center;
}
a.footer:active {
background-color: inherit; 
color:#74793d;
text-decoration: none;
text-align: center;
}
/* END FOOTER */






















/* Connolly Ranch Menu  */

#crmenu ul {
border: 1px solid #74793d;
background-color: #dde0bd;
color: #74793d;
clear: both;
font: bold 11px/12px arial, helvetica, sans-serif;
margin: 13px 0 15px 0;
overflow: hidden;
padding: 0;
text-align: left;
text-transform: uppercase;
width: 648px;
}

#crmenu ul li {
display: inline;
}

#crmenu ul li a {
background-color: inherit; 
color: #74793d;
float: left;
padding: 7px 6px;
text-decoration: none !important;
}

#crmenu ul li a:visited {
background-color: inherit; 
color: #7c7d7c;
}

#crmenu ul li a:hover {
background-color: inherit; 
color: #507731;
}












.menu {
background-color: #dde0bd;
color: black;
height: 290px;
float: left;
margin-right: 20px;
width: 180px;
}

.glossymenu {
background-color: #dde0bd;
margin: 5px 0;
padding: 0;
width: 180px;
}

.glossymenu a.menuitem {
border-bottom: 1px solid #dde0bd;
background-color: #dde0bd;
font: bold 13px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
color: #74793d;
display: block;
position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
width: auto;
padding: 4px 0;
padding-left: 10px;
text-decoration: none;
}

.glossymenu a.menuitem:visited, .glossymenu .menuitem:active {
background-color: #dde0bd;
color: #74793d;
}

.glossymenu a.menuitem .statusicon{
background-color: transparent;
position: absolute;
top: 5px;
right: 5px;
border: none;
}

.glossymenu a.menuitem:hover {
background-color: #eaecd0;
}




/* SUB */
.glossymenu div.submenu {
background-color: #eaecd0; 
}

.glossymenu div.submenu ul { 
background-color: #eaecd0; 
list-style-type: none;
margin: 0;
padding: 0;
}

.glossymenu div.submenu ul li {
background-color: #eaecd0; 
border-bottom: 1px solid #ccceb9;
}

.glossymenu div.submenu ul li a {
background-color: #eaecd0; 
display: block;
font: normal 12px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
color: black;
text-decoration: none;
padding: 2px 0;
padding-left: 10px;
}

.glossymenu div.submenu ul li a:hover {
background-color: #eaecd0;
color: #525626;
}