html, body {
text-align : center;
color : #fff;
background : #333;
margin : 0;
padding : 0;
}
#pagewidth {
width : 760px;
text-align : left;
margin-left : auto;
margin-right : auto;
margin-top : 50px;
}
#header {
position : relative;
height : 55px;
width : 100%;
background : #333;
}
#maincol {
border-top : 1px solid #fff;
border-bottom : 1px solid #fff;
padding-top : 10px;
padding-bottom : 10px;
background : #333;
}
#widescreen {
background-color : #fff;
width : 736px;
height : 413px;
margin-left : auto;
margin-right : auto;
background : #fff url(/img/br_corner.jpg) no-repeat bottom right;
}
.flashbanner {
position : absolute;
top : 116px;
width : 740px;
height : 417px;
}
#footer {
height : 15px;
clear : both;
background : #333;
}
#logo {
position : absolute;
top : 5px;
left : 10px;
width : auto;
}
#logoleft {
float : left;
color : #3ff;
font : 1.5em "trebuchet ms";
}
#logoright {
float : left;
font : 1.5em "trebuchet ms";
}
#logostrapline {
float : left;
clear : left;
margin-top : 0;
font : 0.7em "trebuchet ms";
}
#topnav {
position : absolute;
bottom : 4px;
right : 10px;
font : 0.9em "trebuchet ms";
}
#utility {
float : right;
color : #999;
margin-right : 4px;
margin-top : 4px;
font : 0.75em "trebuchet ms";
}
#footer p {
text-align : right;
margin-right : 10px;
font : 0.6em "trebuchet ms";
}
#widescreen img {
float : left;
text-align : left;
display : block;
margin : 1px;
}
.maincontent {
float : left;
text-align : left;
color : #999;
padding-left : 10px;
font : 0.9em "trebuchet ms";
}
.maincontent h3 {
color : #999;
margin-top : 4px;
font : 1.3em "trebuchet ms";
}
.maincontent table {
width : 400px;
}
.maincontent td {
padding-left : 15px;
padding-top : 2px;
}
#portfolio {
float : left;
width : 700px;
height : 330px;
color : #333;
margin-top: 10px;
margin-left: 18px;
background-color: #fff;
}
#portfolio p {
text-align : left;
color : #ccc;
}
#portfolio a {
font-variant : small-caps;
color : #333;
text-decoration : none;
font-size : 0.75em;
}
#portfolio a:link, #portfolio a:visited, #portfolio a:hover {
color : #333;
text-decoration : none;
}
dl.gallery {
border : 1px solid #000;
width : 106px;
text-align : center;
float : left;
margin-left : 25px;
margin-right : 24px;
margin-bottom : 0;
background : #eaf7fb;
padding : 9px;
}
.gallery dt {
font-weight : 700;
font-family : "trebuchet ms";
font-size: .8em;
}
.gallery dt img {
border : 1px solid #000;
height : 100px;
width : 100px;
}
.gallery dd {
margin : 0;
padding : 0;
}
#paginate {
float: left;
height: 30px;
line-height : 30px;
width : 680px;
margin-left : 20px;
color : #999;
background : #fff;
}
#slide {
width : auto;
height : 400px;
background : #fff;
color : #999;
text-align : center;
margin : 10px auto;
}
#slide img {
border : 1px solid #999;
margin : 3px;
padding : 3px;
}
div.spacer {
clear : both;
}
.formcontainer {
padding-top : 50px;
margin-left : auto;
margin-right : auto;
height : 330px;
width : 736px;
color : #999;
}
#formdescriptbox {
float : left;
width : 350px;
height : 300px;
margin-left : 8px;
margin-top : 10px;
text-align : center;
color : #999;
border-right : 2px solid #eaf7fb;
background : #fff;
}
#formdescriptbox h1 {
margin-top : 100px;
font : 2em "trebuchet ms";
}
#formbox {
float : left;
height : auto;
width : 350px;
margin-left : 10px;
margin-right : 1px;
text-align : left;
color : #999;
background : #fff;
}
#formbox p {
margin-bottom : 5px;
margin-left : 5px;
text-align : center;
}
input.fieldcell {
height : 19px;
border : 1px solid #ccc;
background : #fff url(/img/inputbackground.gif) no-repeat;
}
textarea.fieldcell {
border : 1px solid #ccc;
width : 150px;
}
input.smallfieldcell {
height : 19px;
width : 99px;
border : 1px solid #ccc;
background : #fff url(/img/smallinputbackground.gif) no-repeat;
}
.errormsg, .error-message {
font : 0.75em "trebuchet ms";
color : red;
text-align : left;
}
.errormsg a {
font : 0.75em "trebuchet ms";
text-decoration : none;
color : #999;
}
.successmsg {
float : left;
font : 0.75em "trebuchet ms";
color : #86b836;
text-align : center;
}
div.row {
clear : both;
padding-top : 5px;
}
div.row span.label {
float : left;
width : 38%;
text-align : left;
color : #999;
vertical-align : middle;
font : 1em "trebuchet ms";
}
div.row span.formw {
float : right;
width : 62%;
text-align : left;
}
#newscontainer {
float : left;
width : 715px;
height : 330px;
color : #999;
margin-top: 10px;
margin-left: 10px;
background-color: #fff;
}
#addnewsarticle {
float : left;
height : 320px;
width : 300px;
text-align : left;
color : #999;
background : #fff;
margin : 10px 2px 10px 10px;
}
.newsbutton {
float : right;
}
.newsbody {
float : left;
height : 230px;
width : 100%;
margin-left : 10px;
}
.newsbody textarea {
width : 100%;
height : 200px;
}
span.newsw {
width : 80%;
}
.newsarticle {
float : left;
height : auto;
width : 350px;
text-align : left;
color : #333;
overflow : auto;
background : #fff;
margin : 10px 2px 10px 10px;
}
.newsitem {
float : left;
width : 340px;
height : 90px;
margin-left : 10px;
margin-bottom : 7px;
margin-top : 10px;
border : 1px solid #000;
background : #eaf7fb;
}
.newsitem h1 {
font : 2em "trebuchet ms";
}
.newsitem h2 {
font : 1.5em "trebuchet ms";
margin-bottom : 0;
margin-top : 2px;
margin-left : 4px;
color : #333;
}

.newsitemtext {
    float: left;
	height: 35px;
    width: 98%;
    margin-left: 4px;

    overflow: hidden;
}

.newsitemtext p {
font : 0.75em "trebuchet ms";
margin-top : 0;
margin-left : 8px;
margin-bottom : 0;
}

.newslink {
color : #333;
text-align : right;
margin-left : 2px;
margin-right : 2px;
}
.newslink a {
text-decoration : none;
color : #333;
margin-right : 2px;
font : 0.75em "trebuchet ms";
}
#admincontainer {
padding-top : 18px;
margin-left : auto;
margin-right : auto;
height : 300px;
width : 736px;
color : #999;
}
#adminoptions {
float : left;
height : auto;
width : 300px;
text-align : left;
color : #999;
background : #fff;
margin : 10px 2px 10px 60px;
}
.maint-li {
color : #86b836;
font : 1em "trebuchet ms";
font-weight : 700;
}
#uploadphoto {
float : left;
height : auto;
width : 350px;
text-align : left;
color : #999;
background : #fff;
margin : 10px auto;
}
a.maint-li, a.maint-li:link, a.maint-li:active, a.maint-li:visited {
border-top : 1px solid #999;
border-right : 5px solid #999;
border-left : 5px solid #999;
font-size : 10pt;
color : #999;
text-decoration : none;
display : block;
padding : 2px 0 2px 5px;
}
a.maint-li:hover {
border-top : 1px solid #b3ff66;
border-right : 5px solid #b3ff66;
border-bottom : 1px solid #b3ff66;
border-left : 5px solid #b3ff66;
font-size : 10pt;
color : #fff;
text-decoration : none;
display : block;
background : #000;
padding : 2px 0 2px 5px;
}
#adminoptions ol, #adminoptions li {
list-style-type : none;
list-style-image : none;
margin : 0;
padding : 0;
}
#adminoptions a:link, #adminoptions a:visited {
color : #999;
font : 1em "trebuchet ms";
text-decoration : none;
}
#adminoptions a:hover {
color : #999;
text-decoration : underline;
}
#cartcontents {
position : absolute;
top : 5px;
right : 10px;
font : 0.65em "trebuchet ms";
}
#shopcontainer {
padding-top : 30px;
margin-left : auto;
margin-right : auto;
height : 350px;
width : 736px;
color : #999;
}
#shopitem {
float : left;
width : auto;
height : auto;
color : #999;
border : 1px solid #999;
background : #eaf7fb;
margin : 10px auto 10px 50px;
}
#shopimage {
margin : 5px;
}
#shopimage img {
border : 1px solid #000;
}
#processpayment {
float : left;
width : 260px;
height : auto;
color : #999;
text-align : center;
background : #fff;
margin : 10px auto 10px 40px;
}
#processpayment h3 {
font : 0.75em "trebuchet ms";
color : #86b836;
text-align : center;
}
#viewbasket {
float : left;
width : auto;
height : auto;
color : #999;
background : #fff;
margin : 10px auto 10px 5px;
}
caption.basket {
color : #333;
background : #8080ff;
border-color : #999;
border-style : solid;
border-width : 1px;
}
table.basket {
font : 1em "trebuchet ms";
border-collapse : collapse;
width : 350px;
background : #fff;
border-color : #999;
border-style : none;
border-width : 1px;
}
th.basket {
font : 0.95em "trebuchet ms";
color : #333;
text-align : center;
border : 1px solid #999;
background : #eaf7fb;
}
td.basket {
font : 0.75em "trebuchet ms";
color : #999;
text-align : center;
background : #fff;
border-color : #999;
border-style : solid;
border-width : 1px;
padding : 2px;
}
td.confirm {
font : 0.75em "trebuchet ms";
color : #999;
text-align : right;
padding-top : 4px;
padding-right : 4px;
background : #fff;
border-color : #999;
border-style : none;
border-width : 0;
}
#TB_window img {
display : block;
border-right : 1px solid #ccc;
border-bottom : 1px solid #ccc;
border-top : 1px solid #666;
border-left : 1px solid #666;
margin : 15px 0 0 15px;
}
#TB_caption {
height : 25px;
float : left;
padding : 10px 30px 10px 25px;
}
#TB_closeWindow {
height : 25px;
float : right;
padding : 10px 25px 10px 0;
}
#TB_closeAjaxWindow {
margin-bottom : 1px;
text-align : right;
background : #e8e8e8;
padding : 5px 10px 7px 0;
}
#TB_ajaxContent {
overflow : auto;
padding : 2px 15px 15px;
}
#TB_load {
text-align : center;
position : absolute;
top : 50%;
left : 0;
width : 100%;
overflow : visible;
visibility : visible;
display : block;
z-index : 101;
}
#TB_loadContent {
margin-left : -125px;
position : absolute;
top : -50px;
left : 50%;
width : 250px;
height : 100px;
visibility : visible;
}
#topnav a, #cartcontents a {
color : #fff;
text-decoration : none;
}
#topnav a:hover, #utility a:hover, #cartcontents a:hover, #viewbasket a:hover {
text-decoration : underline;
}
#utility a, #slide a, #viewbasket a {
color : #999;
text-decoration : none;
}
#paginate a, #paginate a:link, #paginate a:visited, #paginate a:hover {
color : #999;
text-decoration : none;
font : 0.75em "trebuchet ms";
}
#formdescriptbox h3, .newsarticle h3, #adminoptions h3, #shopcontainer h3, #registerformdescriptbox h3 {
font : 1em "trebuchet ms";
}
#formbox .button, #addnewsarticle .button, .confirmbutton, #uploadphoto .button {
font : 0.75em "trebuchet ms";
background : #fff url(/img/inputbackground.gif) no-repeat;
border : 1px solid #ccc;
color : #102132;
width : auto;
height : 21px;
margin-left : 2px;
margin-bottom : 2px;
margin-top: 10px;
}

#formbox .fieldcell, #formbox .smallfieldcell, #registerformbox .fieldcell, #registerformbox .smallfieldcell {
color : #999;
text-align : left;
margin-left : 2px;
padding-right : 0;
background : #fff;
}
select.fieldcell, select.smallfieldcell {
color : #999;
}
.newstitle, .newsdescription {
float : left;
height : 21px;
width : 290px;
margin-left : 10px;
margin-bottom : 10px;
}
.newsarticle h1, #adminoptions h1, #shopcontainer h1 {
font : 2em "trebuchet ms";
margin-left : 4px;
}
.newsarticle h2, #adminoptions h2, #shopcontainer h2 {
font : 1.5em "trebuchet ms";
margin-left : 4px;
}
.newsarticle p, #adminoptions p, #shopcontainer p {
font : 0.75em "trebuchet ms";
margin-top : 0;
margin-left : 8px;
margin-right : 8px;
text-align : left;
}
#seconds {
color : #333;
}
.newsarticle a:link, .newsarticle a:visited {
color : #999;
text-decoration : none;
}
.newsarticle a:hover {
text-decoration : underline;
}

.photo_info {
	height: 20px;
	line-height: 20px;
	float: left;
}

div#portfolio .photo_info p {
	color: #333;
	font-size: .6em;
	font-weight: bold;
	margin-top: 2px;
	margin-left: -4px;
}
.photo_tools {
	float: right;
	margin-top: 4px;
	margin-right: -4px;
}

.photo_tools img {
	border: none;
}

.gallery_tools {
	float: left;
    margin-top: 4px;
    margin-left: 4px;
	background-color: #fff;
	border: none;
	width: 100px;
	height: 26px;
}

.gallery_tools img {
	border: none;
}

.gallery_tools p {
	position: relative;
	top: -4px;
	left: 2px;
	color: #333;
	font-size: .6em;
	font-weight: bold;
	float: left;
}

div#test p.entry {
	float: left;
	margin: 0 0;
	background: url(../img/indicator.gif) no-repeat 42px 50px transparent;
	text-align: center;
}

.blog_tools {
	float: left;
    margin-top: 4px;
    margin-left: 4px;
	background-color: #fff;
	border: none;
	width: 100px;
	height: 26px;
}

.blog_tools img {
	border: none;
}

.blog_tools p {
	position: relative;
	top: -4px;
	left: 2px;
	color: #333;
	font-size: .6em;
	font-weight: bold;
	float: left;
}

.blog_item_tools {
	float: right;
	margin-top: 4px;
	margin-right: -4px;
}

.blog_item_tools img {
	border: none;
}

.registerformcontainer {
margin-top: 10px;
padding-top: 10px;
margin-left : auto;
margin-right : auto;
height : auto;
width : 736px;
color : #999;
}

#registerformdescriptbox {
float : left;
width : 220px;
height : 380px;
padding-right: 8px;
padding-left: 8px;
margin-top : 10px;
text-align : center;
color : #999;
border-right : 2px solid #eaf7fb;
background : #fff;
}
#registerformdescriptbox h1 {
margin-top : 140px;
font : 1.5em "trebuchet ms";
}

#registerformbox {
float : left;
margin-top: 10px;
height : auto;
width : 480px;
margin-left : 10px;
margin-right : 1px;
text-align : left;
color : #999;
background : #fff;
font : .9em "trebuchet ms";
}
#registerformbox p {
margin-bottom : 5px;
margin-left : 5px;
text-align : left;
color: #555;
}

#registerformbox em {
    color: red;
}

#registerformfields {
    background-color: #fff;
}

.field_error {
    height: 1em;
}

#registerformbox .button {
float: left;
font : 0.75em "trebuchet ms";
background : #fff url(/img/inputbackground.gif) no-repeat;
border : 1px solid #ccc;
color : #102132;
width : auto;
height : 21px;
margin-left: 20px;
margin-top: 4px;
}

#newsformdescriptbox {
float : left;
width : 350px;
height : 380px;
margin-left : 8px;
margin-top : 10px;
text-align : center;
color : #999;
border-right : 2px solid #eaf7fb;
background : #fff;
}
#newsformdescriptbox h1 {
margin-top : 140px;
font : 2em "trebuchet ms";
}

#videos {
float : left;
width : 700px;
height : 330px;
color : #333;
margin-top: 10px;
margin-left: 18px;
background-color: #fff;
}
#videos p {
text-align : left;
color : #ccc;
}
#videos a {
font-variant : small-caps;
color : #333;
text-decoration : none;
font-size : 0.75em;
}
#videos a:link, #portfolio a:visited, #portfolio a:hover {
color : #333;
text-decoration : none;
}
dl.video {
border : 1px solid #000;
width : 182px;
text-align : center;
float : left;
margin-left : 15px;
margin-right : 15px;
margin-bottom : 0;
background : #eaf7fb;
padding : 9px;
}
.video dt {
font-weight : 700;
font-family : "trebuchet ms";
}
.video dt img {
border : 1px solid #000;
height : 100px;
width : 178px;
}
.video dd {
margin : 0;
padding : 0;
}