body {
 background-color: #ffffff;
 color: #000000;
 font-size: .85em;
 font-family: verdana, sans-serif;
 padding: 0;
 margin: 0;
}

img {
 border: 0;	
}

h1 {
 margin: 0;
 font-size: 1.4em;
 font-family: trebuchet, sans-serif;
}

h2 {
 margin: 0;
 font-size: 1.2em;
 font-family: trebuchet, sans-serif;
}

h3 {
 margin: 0;
 font-size: 1em;
 font-family: trebuchet, sans-serif;
}

a {
 color: #1573a3;
 text-decoration: none;
}

a:hover {
 color: #1573a3;
 text-decoration: none;
 border-bottom: 1px solid #ff9900;
}

a:visited {
 color: #4fb5d2;
}

/* Use this "boxtext" class if you want to do away with
the top and bottom default margins that come with the <p>
tag.  The default <p> tag margins can wreak havoc on the 
in text at the tops or bottoms of the boxes.  i.e.

<p class="boxtext">Text goes here</p>
*/

p.boxtext {
 margin: 0;
}

a.logo {
	border-bottom: none;
}

#sidebar-l ul {
	padding: 0;
	margin: 0;
	list-style-type: none;
}

#topbar {
 height: 10px;
 background-color: #ff9900;
 margin-bottom: 15px;
}

#container {
 width: 1000px; 
 .width: 990px;
 margin: 10px;
 padding: ;
}

#top {
 margin-bottom: 30px;
}

#slogan {	
 position: relative;
 top: 28px;
}

#nav {
 float: right;
}

#nav ul {
 list-style-type: none;
 padding: 0;
 margin: 0;
}

#nav li {
 float: left;
}

#nav a, #nav a:visited {
 float: left;
 margin-right: 20px;
 margin-left: 20px;
 text-decoration: none;
 border-bottom: 2px solid #ffffff;
 color: #1573a3;
}

#nav a:hover {
 border-bottom: 2px solid #ff9900;
 color: #1573a3;
}

.btxt_bold {
 color: #4fb5d2;
 font-family: trebuchet, sans-serif;
 font-weight: bold;
}

.otxt_bold {
 color: #ff9900;
 font-family: trebuchet, sans-serif;
 font-weight: bold;
}

.smtxt {
 font-size: .80em;
}

#content {
 padding: 5px;
}

/* These ar the side columns.  They are currently set to
grow depending on the size of the content that you input.
i.e. if you put in a bunch of text it will grow in width
according to the text input.  To limit the size, input a 
value in the "width" area.  i.e. 

width: 200px;
*/

#sidebar-l {
 float: ;
 width: 170px;
 .width: 165px;
 margin-right: 10px;
 padding: 5px;
}

#sidebar-r {
 float: ;
 margin-left: 10px;
 padding: 5px;
}

#footer {
 height: 50px;
 clear: both;
 padding-top: 5px;
 padding-bottom: 5px;
 padding-right: 200px;
 padding-left: 200px;
 background-image: url('images/footerbg.jpg');
 background-repeat: repeat-x;
}

#videobox {
 border: 1px solid #4fb5d2;
 background-color: #ffffff;
 padding: 5px;
}

.pollbooth a:hover {
 border-bottom: none;
}

.indent {
 padding-left: 10px;
}

/* The orange and blue box use this "box" class.
It is set to 100% width so that it will always be the size
of the #sidebar-l or #sidebar-r above.
*/

.obox {
 width: 100%;
 margin-bottom: 25px;
}

.obox .obox_corner {
 height: 6px;
 line-height: 1px;
 font-size: 0px;
}

.obox .obox_corner.obox_nw {
 background-image: url('images/obox_nw.gif'); 
 background-repeat: no-repeat;
 background-position: top left;
}

.obox .obox_corner.obox_ne {
 background-image: url('images/obox_ne.gif'); 
 background-repeat: no-repeat;
 background-position: top right;
}

.obox .obox_corner.obox_sw {
 background-image: url('images/obox_sw.gif'); 
 background-repeat: no-repeat;
 background-position: bottom left;
}

.obox .obox_corner.obox_se {
 background-image: url('images/obox_se.gif'); 
 background-repeat: no-repeat;
 background-position: bottom right;
}

.obox .obox_n {
 border-top: 1px solid #ffcc80;
 margin-left: 6px;
 margin-right: 6px;
 height: 5px;
 background-color: #ffe6bf;
}

.obox .obox_content {
 padding: 0 10px;
 border-left: 1px solid #ffcc80;
 border-right: 1px solid #ffcc80;
 _height: 1px;
 background-image: url('images/obox_bg.jpg');
 background-repeat: repeat-x;
}

.obox .obox_s {
 border-bottom: 1px solid #ffcc80;
 margin-left: 6px;
 margin-right: 6px;
 height: 5px;
}

.bbox {
 width: 100%;
 margin-bottom: 25px;
}

.bbox .bbox_corner {
 height: 6px;
 line-height: 1px;
 font-size: 0px;
}

.bbox .bbox_corner.bbox_nw {
 background-image: url('images/bbox_nw.gif'); 
 background-repeat: no-repeat;
 background-position: top left;
}

.bbox .bbox_corner.bbox_ne {
 background-image: url('images/bbox_ne.gif'); 
 background-repeat: no-repeat;
 background-position: top right;
}

.bbox .bbox_corner.bbox_sw {
 background-image: url('images/bbox_sw.gif'); 
 background-repeat: no-repeat;
 background-position: bottom left;
}

.bbox .bbox_corner.bbox_se {
 background-image: url('images/bbox_se.gif'); 
 background-repeat: no-repeat;
 background-position: bottom right;
}

.bbox .bbox_n {
 border-top: 1px solid #4fb5d2;
 margin-left: 6px;
 margin-right: 6px;
 height: 5px;
 background-color: #d7f5ff;
}

.bbox .bbox_content {
 padding: 0 10px;
 border-left: 1px solid #4fb5d2;
 border-right: 1px solid #4fb5d2;
 _height: 1px;
 background-image: url('images/bbox_bg.jpg');
 background-repeat: repeat-x;
}

.bbox .bbox_s {
 border-bottom: 1px solid #4fb5d2;
 margin-left: 6px;
 margin-right: 6px;
 height: 5px;
}
