/* CSS Document */

body { font-family:Arial, Verdana, Helvetica, sans-serif; font-size:12px; color:#000000; margin: 0px; background-color: #ffcc66; text-align:center }

#header { width:100%; background:url(images/bkg.jpg) repeat-x; }
#wrapper { width:100%; background: #FFFFFF;}
#footer {width: 100%; background:#ffcc66; border-top: 1px solid #ff6600; padding: 5px 0px;}

#maincontainer { width:800px; margin:0px auto; padding:0px 0px 10px 0px; text-align:left;background: #FFFFFF;}
#container { width:800px; margin:0px auto 10px auto; padding:10px 0px 0px 0px;background: #FFFFFF; }
#contenthome { width: 527px; margin:0px 20px 0px 0px; }
#content { width: 527px; margin:0px 0px 0px 20px; float:left; }
#sidebar { width: 253px; float:left}
#sidebarhome { width:253px; float:right;}

#footerarea {width: 800px; margin:0px auto; padding:0px; }

.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */ clear:both; height:0px; font-size: 1px; line-height: 0px;}

#topimage {width:800px; height:250px; margin:0px auto;}
#shadowline {width:800px; height:10px; background:url(/images/shadowline.jpg) repeat-x; margin:0px auto; overflow:hidden}

h1 {font-size:24px; color:#993300; font-weight:bold; font-style:italic; margin-top:0px;}
h2 {font-size:16px; color:#993300; font-weight:bold; font-style:normal; margin-top:0px;}

.column2l {width:253px; float:left; margin:0px 21px 0px 0px; padding:0px; border:0px;}
.column2r {width:253px; float:left; margin:0px; padding:0px; border:0px; }

.contentdiv {width: 527px; }

.rowcolor {	background-color:#cccc66; padding:5px; }

/* Links */
a { font-family:Arial, Verdana, Helvetica, sans-serif; font-size: 12px; font-weight: normal; color: #7d232d; text-decoration:underline; }
a:hover { font-family:Arial, Verdana, Helvetica, sans-serif; font-size: 12px; font-weight: normal; color: #52623d; text-decoration: none; }
a:visited { font-family:Arial, Verdana, Helvetica, sans-serif; font-size: 12px; font-weight: normal; color: #52623d; text-decoration:underline; }
a:hover:hover { font-family:Arial, Verdana, Helvetica, sans-serif; font-size: 12px; font-weight: normal; color: #52623d; text-decoration: none; }
a:active { font-family:Arial, Verdana, Helvetica, sans-serif; font-size: 12px; font-weight: normal; color: #7d232d; text-decoration:none; }
a.footer, a:hover.footer, a:visited.footer, a:active.footer { font-family:Arial, Verdana, Helvetica, sans-serif; font-size:10px; color:#FFFFFF; text-decoration:none; }
a.sidenavlink, a.sidenavlink:visited, a.sidenavlink:active { font-family:Arial, Verdana, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #7d232d; text-decoration:none; }
a.sidenavlink:hover { font-family:Arial, Verdana, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #52623d; text-decoration:underline; }

/* Text */
p { font-family:Arial, Verdana, Helvetica, sans-serif; font-size:12px; color:#000000; }
td { font-family:Arial, Verdana, Helvetica, sans-serif; font-size:12px; }
.footertext{ font-family:Arial, Verdana, Helvetica, sans-serif; font-size:10px; color:#FFFFFF; }
.pgtitle{ font-family:Arial, Verdana, Helvetica, sans-serif; font-size:24px; color:#52623d; font-weight:bold; font-style:italic; }
.smtext{ font-family:Arial, Verdana, Helvetica, sans-serif; font-size:11px; color:#000000; }
.lgtext{ font-family:Arial, Verdana, Helvetica, sans-serif; font-size:14px; color:#000000; }
.largeletter:first-letter { font-family:Arial, Helvetica, sans-serif; font-size: 18px; font-weight: bold; line-height:20px; color:#52623d; }
.box { background-color:#c4c7b6; background-image:url(images/boxbkg.jpg); border:solid #993300 1px; width:250px; margin:0px 0px 10px 0px; padding:0px; }
.photos { border:solid #97a289 1px; }
.sidephotos { border:solid #97a289 1px; margin-bottom:10px; }
.boardphoto { border:solid #97a289 1px; margin: 0px 0px 5px 10px; float:right; }
.boxcontent { padding:1px 10px 3px 10px; border:0px; margin:0px; }
.greenline { height:1px; width:100%; margin:5px 0px; background-color:#52623d; }

/* Lists */
li { margin: 2px 0px 2px -10px; list-style:square; }
li.sidenav { margin: 0px 0px 2px -10px; list-style:square; }
li.cblist { margin: 0px 0px 2px -10px; padding:0px; border:0px; list-style:square; }
li.nobullet { list-style-type:none; margin-bottom: 10px; }
li.numbered { margin: 2px 0px 2px -10px; list-style: decimal; }

/* Breadcrumb */
.breadcrumb {font-size:10px; color:#000000; text-align:left; }
a.breadcrumb, a.breadcrumb:visited, a.breadcrumb:hover, a.breadcrumb:active {color:#000000; text-decoration:none; font-size:10px; font-weight:normal; }

.brownrow { background-color:#c4c7b6; padding:5px; }

#containerul, #containerul ul{ text-align:left; margin:0; /* Removes browser default margins applied to the lists. */ padding:0; /* Removes browser default padding applied to the lists. */ list-style-type:none; /* Removes the bullet point that usually goes next to each item in a list. */ }
#containerul li{ margin:0 0 0 30px; /* A left margin to indent the list items and give the menu a sense of structure. */  padding:0; /* Removes browser default padding applied to the list items. */  list-style-type:none; /* Removes the bullet point that usually goes next to each item in a list. */}
#containerul .symbols{ /* Various styles to position the symbols next to the items in the menu. */ float:left; width:12px; height:1em; background-position:0 50%;  background-repeat:no-repeat; list-style-type:none; /* Removes the bullet point that usually goes next to each item in a list. */ }

/* Form */
form {padding: 0px; margin: 0px; border:0px; z-index:-1; }
input {width:350px;height:20px;padding:0px;margin:0px;margin-top:5px; font-size:12px; border: 1px solid #979797;background-color:#FFFFFF; }
input.smbox {width:50px;height:20px;padding:0px;margin:0px;margin-top:5px; font-size:12px; border: 1px solid #979797;background-color:#FFFFFF; }
textarea {width:350px;height:150px; padding:0px;margin:0px;margin-top:5px; border: 1px solid #979797;background-color:#FFFFFF; }
input.radio {width:15px; height:15px;padding:0px;margin:0px;margin-top:5px; border:0px; }
select{background: #FFFFFF; border: 1px #979797 outset; color: #000000; padding:0px;margin:0px;margin-top:5px; height:20px; z-index:-1; }
.submit {background:#979797; border:1px #979797 solid;font-weight:bold; color:#FFFFFF; margin:0px; height:24px;width:100px;padding:2px 0px 5px 0px; }

label {padding:5px 0px;width: 150px; height:10px; border:0px; margin:0px 5px 0px 0px; float: left;text-align: left;display: block; }
