/* http://meyerweb.com/eric/tools/css/reset/ */
/* v1.0 | 20080212 */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	background: transparent; 
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: none;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/* start global styles */
body
{
	background-image: url(/img/gradient.php?height=500&sc=%23a4b384&ec=%23ecf0e6);
background-repeat: repeat-x;
background-color: #ecf0e6;
	text-align: center;
	font-family: Arial, sans-serif;
	color: #666666;
	font-size: 12px;
}

.mceContentBody {background: none; text-align: left; background-color: none;} /* used for tinymce */

/* standard overrides */
a:link, a:visited {color: #0066cc; text-decoration: none; font-weight: normal;}
a:hover {color: #cc0000; text-decoration: none; font-weight: normal;}

h1 { color: #001f7a; font-size: 20px; font-weight: bold; font-family: 'Arial', sans-serif; margin: 10px 0 0 0; }
h2 { color: #000000; font-size: 14px; font-weight: bold; margin: 10px 0 0 0; }
h3 { color: #999999; font-size: 11px; font-weight: bold; margin: 10px 0 0 0; }
p { font-weight: normal; margin: 0 0 10px 0; line-height: 18px; }

img.right { float: right; padding: 0px 0px 0px 12px; border: 0; }
img.left { float: left; padding: 0px 12px 0px 0px; border: 0; }
img.logo { float: left; padding: 0; border: 0; position: relative; top: 20px; left: 0; }
img.ad { border: 0; padding: 0 0 10px 0; }

html { overflow-y: scroll; }

/* header */
#header {background: transparent url("/img/bg-header.png") no-repeat; height: 120px; width: 960px; text-align: left; position: relative; margin: 0 auto;}
#quick-link-container { position: absolute; top: 10px; right: 10px; }

/* content */
#siteframe { margin: auto; text-align: center; background-color: #FFF; }
#content { width: 960px; padding: 5px 0px; margin: 0 auto; text-align: left; min-height:350px; position: relative; }
#main-content { text-align: left;}
#sidebar {float: right; font-size: .9em; text-align: left; padding: 0 0 20px 0px; width: 24%; }

/* content widths */
.gutter_1 { float: left; width: 1%; }
.column_19 { float: left; width: 19%; }
.column_20 { float: left; width: 20%; }
.column_24 { float: left; width: 24%; }
.column_60 { float: left; width: 60%; }
.column_75 { float: left; width: 75%; }
.column_78 { float: left; width: 78%; }
.column_100 { float: left; width: 100%; }
.column_banner { width: 100%; }

.column_pad_1 { padding: 10px 5px 10px 0px; }
.column_pad_2 { padding: 10px 5px 10px 5px; }
.column_pad_3 { padding: 10px 0px 10px 5px; }

.column_right { float: right; }


ul#breadcrumb { list-style: none; margin: 0px; padding: 0px; position: relative; top: -5px; }
ul#breadcrumb li { font-size: 11px; margin-right: 5px; px; list-style: none; display: block; float: left; padding-right: 15px; height: 24px; line-height: 24px; color: #0066CC; background: transparent url(/img/breadcrumb.png) no-repeat right center; cursor: pointer;}
ul#breadcrumb li a { text-decoration: none; }

/* footer */
#footer { position: relative; color: #cc0000; margin: 0 auto; padding: 10px 0 30px 0; font-size: .9em; line-height: 16px; text-align: left; width: 960px;}
#footer p {color: #cc0000; margin: 0 auto; text-align: left; opacity: .6;}
#footer a:link, #footer a:visited {color: #cc0000; text-decoration: none; font-weight: normal; opacity: .8;}
#footer a:hover {color: #cc0000; text-decoration: none; opacity: 1;}

/* social links */
#fb-header { float: left; }
#fb-footer { float: left; margin-right: 5px; }
#twitter-header { float: left; margin-left: 5px; }
#twitter-footer { float: left; margin-right: 5px;}
#youtube-header { float: left; margin-left: 5px; }
#youtube-footer { float: left; margin-right: 5px; }
#instagram-header { float: left; margin-left: 5px; }
#instagram-footer { float: left; margin-right: 5px; }
#pinterest-header { float: left; margin-left: 5px; }
#pinterest-footer { float: left; }
#social-header { position: absolute; right: 0px; top: 35px; text-align: left; padding-right: 5px; }
#social-footer { padding-left: 0px;}

.horizontal-line {border-bottom: 1px #CCC dashed; margin: 18px 0 18px 0;}

/* Main Navigation */
#mainnavigation { height: 30px; margin: 0 auto; position: absolute; bottom: 0; left: 0; text-align: left; z-index:1999; }
#mainnavigation ul#nav, #mainnavigation ul#nav li { float: left; list-style: none; margin: 0 auto; padding: 0px; height: 30px; cursor: pointer;  text-align: center; margin: 1px 1px 0px 0px; display:inline; position:relative; }
#mainnavigation ul#nav a, #mainnavigation ul#nav a:visited { font-size: 13px; color: #FFF; text-decoration: none; display: block; height: 28px; line-height: 28px; padding: 0px 16px 0 16px; }
#mainnavigation ul#nav a:hover { color: #FFF; text-decoration: none; display: block; }
#mainnavigation ul#nav li.selected a, #mainnavigation ul#nav li.active a { color: #000; text-decoration: none; display: block; }
/* Side Navigation */
#subnavigation { padding: 20px 0 20px 0; margin: 0 auto; text-align: left; }
#subnavigation ul#subnav, #subnavigation ul#subnav li { list-style: none; margin: 0 0 1px 0; padding: 0; }
#subnavigation ul#subnav { font-size: 10px; color: #999; text-transform: uppercase; margin: 0 auto; }
#subnavigation ul#subnav a, #subnavigation ul#subnav a:visited { background: transparent url("/img/subnav-background-inactive.jpg") no-repeat; color: #999; font-weight: bold; text-decoration: none; display: block; margin: 0 auto; padding: 10px 0 10px 10px; }
#subnavigation ul#subnav a:hover { background: transparent url("/img/subnav-background-inactive.jpg") no-repeat; color: #666; text-decoration: none; padding: 10px 0 10px 10px; display: block; }
#subnavigation ul#subnav li a.subnav_active { background: transparent url("/img/subnav-background-active.jpg") no-repeat; position: relative; left: -8px; color: #000; text-decoration: none; padding: 10px 0 10px 18px; display: block; }
#subnavigation ul#subnav.left a, #subnavigation ul#subnav.left a:visited { background: transparent url("/img/subnav-left-background-inactive.jpg") no-repeat right top;}
#subnavigation ul#subnav.left li a.subnav_active { background: transparent url("/img/subnav-left-background-active.jpg") no-repeat right top; left: 8px; padding: 10px 0px 10px 2px;}

/* Form styles */
form { padding: 0px; margin: 0px; }
dl.form { font-size: 12px; margin: 10px 0px 10px 0px;}
dl.form dt { font-weight: normal; text-align: left;}
dl.form dd { margin-left: 0px; padding-bottom: 5px; position: relative; font-weight: normal;text-align: left;}
dl.form dd input, dl.form dd select {width: 95%; padding-left: 2px; border: 1px solid #a0a0a0;}
dl.form dd textarea {width: 95%; padding: 2px; border: 1px solid #a0a0a0; height: 100px; font-size: 12px;}
dl.form dd.radio input{ width: auto; border: 0px; }
dl.form.confirm dt { float: left; font-weight: bold;}
dl.form.confirm dd { margin-left: 75px; font-weight:normal; }
dl.form.details {  margin: 5px 0px 15px 10px; }
dl.form.details dt { float: left; font-weight: bold; clear: left; padding-top: 4px;}
dl.form.details dd { margin-left: 150px; font-weight:normal; padding-top: 4px;}
dl.form.graph dd { margin-left: 250px; font-weight:normal; padding-top: 4px;}
dl.form.edit_form dt { font-weight: bold; }
dl.form.edit_form dt { position: relative;}

table.form_table { font-size: 12px; color: #000; margin-top: 10px; text-align: left; }
table.form_table th { text-align: left; padding: 0px 10px 3px 0px;}
table.form_table td { text-align: left; padding: 0px 10px 10px 0px;}
table.form_table td input,table.form_table td select { font-size: 12px; color: #000; border: 1px solid #A0A0A0; }

/* form error */
div.error_box { background: #fff url(/img/form_error.gif) no-repeat left center; color: #3366CC; font-size: 12px; position: absolute; top: 2px; padding-left: 20px; font-family: 'Lucida Grande'; line-height: 16px; height: 16px; white-space: nowrap}
div.error_msg  { background: #fff url(/img/form_error.gif) no-repeat left center; color: #3366CC; font-size: 12px;padding-left: 20px; font-family: 'Lucida Grande'; line-height: 16px; height: 16px; white-space: nowrap; padding-bottom: 10px;}


/* Buttons */
button { cursor: pointer; line-height: 26px; height: 26px; border: none; margin: 0px; padding: 0px 0px 0px 8px; overflow: visible; background: transparent url(/img/colorize.php?color=%23000000&image=/img/button-left.png) no-repeat top left; margin-right: 2px;}
button div { white-space: nowrap; line-height: 26px; height: 26px; background: transparent url(/img/colorize.php?color=%23000000&image=/img/button-right.png) no-repeat top right; color: #CCCCCC; text-align: center; font-size: 11px; margin: 0px; padding: 0px 15px 0px 7px;}
button.cancel { background: transparent url(/img/colorize.php?color=%23CCCCCC&image=/img/button-left.png) no-repeat top left;  }
button.cancel div { color: #666666; background: transparent url(/img/colorize.php?color=%23CCCCCC&image=/img/button-right.png) no-repeat top right; }
button.right { float: right; }

button::-moz-focus-inner { border: 0; padding: 0; }

div.button { background: transparent url(/img/colorize.php?color=%23001f7a&image=/img/button-right.jpg) no-repeat right center; height: 30px; float: left; margin-right: 5px; cursor: pointer; font-size: 11px;}
div.button div {  background: transparent url(/img/colorize.php?color=%23001f7a&image=/img/button-left.jpg) no-repeat left center; height: 30px; line-height: 30px; color: white; text-align: center;}

.buttonwrapper { overflow: hidden; float: left; margin-right: 3px; }
a.button { 
	background-color: #000000;
	display: block;
	float: left;
	font-size: 11px;
	font-weight: bold;
	padding: 6px;
	text-decoration: none;
	cursor: pointer;
	color: #FFF;
	-webkit-border-radius: 4px;  
	-moz-border-radius: 4px;  
	-khtml-border-radius: 4px;  
	border-radius: 4px; 
}
a:link.button, a:visited.button, a:hover.button, a:active.button { color: #FFF; font-weight: bold; }
a.button span { display: block; padding: 4px; color: #FFF; }
a:hover.button { text-decoration: none; color: #F9F0D8; }

/* YELLOW BUTTON */
a.button-yellow{
	background: transparent url('/img/button-left.jpg') no-repeat top left;
	display: block;
	float: left;
	font-size: .9em;
	font-weight: bold;
	line-height: 26px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 30px) */
	height: 30px; /* Height of button background height */
	padding-left: 8px; /* Width of left menu image */
	text-decoration: none;
	color: #CFD6E5;
	cursor: pointer;
}

a:link.button-yellow, a:visited.button-yellow, a:hover.button-yellow, a:active.button-yellow{
	color: #FFF;
}

a.button-yellow span{
	background: transparent url('/img/button-right.jpg') no-repeat top right;
	height: 30px;
	display: block;
	padding: 4px 10px 4px 2px; /*Set 10px to be equal or greater than'padding-left' value above*/
}

a:hover.button-yellow{
	text-decoration: none;
	color: #CFD6E5;
}

/* GRAY BUTTON */
a.button-gray {
	background-color: #CCC;
	height: 30px;
	display: block;
	float: left;
	font-size: 11px;
	font-weight: bold;
	padding: 6px;
	text-decoration: none;
	cursor: pointer;
	color: #999;
	-webkit-border-radius: 4px;  
	-moz-border-radius: 4px;  
	-khtml-border-radius: 4px;  
	border-radius: 4px; 
}

a:link.button-gray, a:visited.button-gray, a:hover.button-gray, a:active.button-gray {
	color: #999;
	font-weight: bold;
}

a.button-gray span{
	display: block;
	color: #999;
}

.ellipsis {
        white-space: nowrap;
        overflow: hidden;
}

.ellipsis.multiline {
        white-space: normal;
}