/* Gumdrop Theme */

.hide
{
	display: none;
}
BODY
{
	background: url('images/pagebkgrd1000.gif');
	margin: 0px;
	padding-top: 0px;
	color: #000;
	text-align: center;
	letter-spacing: normal; font-style:normal; font-variant:normal; 
	font-weight:normal; line-height:15px; font-size:13px; 
	font-family:Verdana, Arial, Helvetica, Sans-Serif
}

/* START MAIN LAYOUT TAGS */

/* The container is used to control to overall width of the site content */
#container
{
    top: 0px;
    padding: 1px 0 1px 1px;
    width: 90%;
    min-width: 700px;
    background: #fff;
    border: 1px solid #666;
}

table.cbinfotable { background-color: #ffffff; border: #898686 2px solid; }
span.head
{
	font-weight: bold;
	font-size: 12px;
	color:  #007EB4;
	font-style: normal;
	font-family: Verdana, arial, 'lucida console' , sans-serif;
	letter-spacing: 0.1em;
	text-align: left;
}

/* style of item titles on edit and admin pages */
.SubHead    {
    font-family: Tahoma, Arial, Helvetica;
    font-size:  11px;
    font-weight:    bold;
    color: #003366;
}

div.cbinfospacer { border-top: #000000 1px solid;  font-size: 4px; }
td.cbinfo { color: #284E68; font-style: normal; font-weight: normal; text-align: left; line-height: 140%; }
.imgpad { padding: 4px 8px 4px 8px; z-index: -10; }
ul.spaced { list-style-image: url(images/cbinfo.gif); }
ul.spaced li { padding: 0 0 10px 0px; }

span.gumdrop { color: #007EB4; font-weight: bold; }
span.mitinet { color: #666699; font-weight: bold; }
span.green { color: #009966; font-weight: bold; }

.SkinObject {
    font-weight: bold;
    font-size: 8.5pt;
    color: #003366;
    font-family: Tahoma, Arial, Helvetica;
    text-decoration: none;
}

A.SkinObject:link {
    text-decoration:    none;
    color:#003366;
}

A.SkinObject:visited  {
    text-decoration:    none;
    color:#003366;
}

A.SkinObject:active   {
    text-decoration:    none;
    color:#003366;
}

A.SkinObject:hover    {
    text-decoration:    none;
    color:#003366;
}

/* NavColumn and ContentColumn are used on pages with a sidebar */
#NavColumn
{
	margin: 0;
	padding: 0 5px;
	width: 200px;
	vertical-align:top;
	text-align:center;
	border-right: 1px dashed #F7F4F0;
	font: 13px/15px Verdana, Arial, Helvetica, Sans-Serif;
}
#ContentColumn
{
	padding:0px;
	margin:0px;
	padding-left: 15px;
	padding-right: 15px;
	width:100%;
	vertical-align:top;
	text-align:left;
	font: 13px/15px Verdana, Arial, Helvetica, Sans-Serif;
}

/* #maincontent is a DIV that wraps the content area on every page */
#maincontent
{
    background-color: #DDDFE1;
	font: 13px/15px Verdana, Arial, Helvetica, Sans-Serif;
	margin:0;
	padding: 10px 10px 10px 10px;		
	text-align: left;
	min-height: 500px;
}
/* END MAIN LAYOUT TAGS */

/* START HEADER TAGS */
#header
{
	background: #DDDFE1 url('images/Header-Gradient_rev.gif') repeat-x;
	left: 0px;
	padding: 0px;
	height: 100px;
	width: 100%;
	position: relative;
	top: 0px;
	text-align: right;
	font: normal normal normal 13px 15px Verdana, Arial, Helvetica, Sans-Serif;
	line-height:15px; 
	margin: 0;
}

/* Used to make sure the main menu clears the logo and site menu */
#BrandingArea
{
	height:60px;
	width:100%;
}

/* Sections within Main Header Areas */
#Logo
{
	position: absolute;
	top:0px;
	left:20px;
	text-align: left;
	vertical-align: middle;
	font-family: Tahoma, Verdana, Helvetica;
}

#webMenu
{   
	text-align: left;
	position: relative;
	left:20px;
	top: 4px;
}

/* END HEADER TAGS */

/* START FOOTER ELEMENTS background: */
#footer
{
	font: bold 10px Verdana, Arial, Helvetica, Sans-Serif;
	clear: both;
	margin: 0;
	width: 100%;
	color: #666;
	padding-top: 5px;
	padding-bottom: 5px;
	text-align: center;
	background: #0082ae url('images/Header-Gradient.gif') repeat-x;
	border-top: 1px solid #CCC2B6;
}
#footermenu a {
    color: #666;
	font-size: 10px;
	padding-right: 8px;
}

#footermenu a:hover {
    text-decoration: underline;
	color: #333;
}
#footercustommenu {
	padding: 5px;
}

/* END FOOTER ELEMENTS */

input, select, textarea 
{
    padding-top: 0px;
    margin-top: 0px;
    margin-bottom: 0px;
}