/* ======= BEGIN ::: template.css ::: core html setup stuff ======= */
html { height:100%; margin-bottom:1px; }
form { margin:0; padding:0; }
body { font-family:Verdana, Arial, Helvetica, sans-serif; line-height:1.3em; margin:0; font-size:12px; color:#333; }
a:link, a:visited { color:#0B6BAB; text-decoration:none; font-weight:normal; }
a:hover { color:#600; text-decoration:none; font-weight:normal; }
input.button { cursor:pointer; }
p { margin:0; padding:0; }
xxxp { margin-top:0; margin-bottom:5px; }
img { border:0 none; }

/* ======= END ::: template.css ::: core html setup stuff ======= */

/* ======= BEGIN ::: template.css ::: template specific layout elements ======= */

#page_bg__pre_20091218_0952 { background-color:#426184; background:url(../images/20091123.1911.stars-z07.gif) 0 0 repeat; }
#page_bg { background-color:#426184; background:url(../images/20091123.1947.stars-z08.gif) 0 0 repeat; }
#czc_outerwrapper1 { }
#czc_outerwrapper2 { }

div.center { text-align:center; }

div#wrapper { margin-left:auto; margin-right:auto; } 
body.width_small div#wrapper { width:750px; }
body.width_max div#wrapper { width:100%; }
div#wrapper { xbackground-color:#012442; }

div.subwrapper748 { background-color:#012442; width:748px; margin-left:auto; margin-right:auto; }
div.subwrapper750 { background-color:#012442; width:750px; margin-left:auto; margin-right:auto; }

.darkbluebackground { background-color:#012442; }

/*
not included:
 - div#header_l { position: relative; }
 - div#header_r { height: 90px; padding-left: 370px; padding-right: 30px; padding-top: 25px; overflow: hidden; text-align: left; }
 - div#logo
 - div#newsflash
 - div#tabarea
 - div#tabarea_l
 - div#tabarea_r
 - div#footer_r
 - div#footer_r div
 - div#footer_r a:link, div#footer_r a:visited 
 - div#footerspacer
*/

#pathway { height:20px; padding:-5px 0 0 0; width:auto; margin-right:0px; text-align:left; background: url(../images/hp-blue-dash.gif) 0 100% repeat-x; }

/*
not included:
 - #search
 - form#searchForm input
 - form#searchForm table 
 - form#searchForm td 
 - #mod_search_searchword 
*/

#area { padding:0; } 

/*
not included:
 - #whitebox
 - #whitebox div
 - #whitebox_t
 - #whitebox_tl
 - #whitebox_tr
 - #whitebox_m
 - #whitebox_b
 - #whitebox_bl
 - #whitebox_br
 - table.pill
 - td.pill_l
 - td.pill_m
 - td.pill_r
 - #pillmenu
 - #pillmenu ul
 - #pillmenu li
 - #pillmenu a
 - #pillmenu a#active_menu-nav
*/
 
#leftcolumn { padding:0; margin:0; width:143px; float:left; } 

/*
  Note, #maincolumn vs #maincolumn_full is VERY important; see index.php. 
  Test case: Nothing in "left" modulespace.
*/
#maincolumn, #maincolumn_full { margin:0 10px 0 153px; width:587px; } /*CZC*/
#maincolumn_full { margin-left: 0; padding: 0; width:100%; } 

#czc_maincolumn2 { background: #fff url(../images/content-dashes__offset20.gif) 100% 0 repeat-y; }
#czc_maincolumn3 { background: url(../images/content-corner.gif) 100% 0 no-repeat; }
#czc_maincolumn4 { background: url(../images/content-ribbon-bottom.gif) 0 100% repeat-x; }
#czc_maincolumn5 { padding:10px 25px 8px 10px; text-align:left; }
#czc_maincolumn5 a:link { border-bottom:1px solid #CEE1EE; }
#czc_maincolumn5 a:visited { border-bottom:1px solid #CEE1EE; }
#czc_maincolumn5 a:hover { border-bottom:1px solid #900; }

table.nopad { width: 100%; border-collapse: collapse; padding: 0; margin: 0; margin-bottom: 15px; }
table.nopad td.middle_pad { width: 20px; }

/* ======= END ::: template.css ::: template specific layout elements ======= */

/* ======= BEGIN ::: template.css ::: Joomla specific content elements ======= */
div.offline { background: #fffebb; width: 100%; position: absolute; top: 0; left: 0; font-size: 1.2em; padding: 5px; }
span.pathway { display:block; margin:-3px 0 0 6px; font-size:10px; overflow:hidden; } /*CZC*/

/* ======= headers ======= */
div.componentheading { padding-left: 0px; }
/* === begin: new h{1,2,3,4,5,6} === */
h1 { margin:1em 0 0.5em 0; padding:0 0 0 0; font-family:Helvetica,Arial,sans-serif; 
  font-size:33px; font-weight:bold; color:#555; }
h2 { margin:1em 0 0.5em 0; padding:0 0 0 0; font-family:Helvetica,Arial,sans-serif; 
  font-size:25px; font-weight:bold; color:#555; }
h3 { margin:1em 0 0.5em 0; padding:0 0 0 0; font-family:Helvetica,Arial,sans-serif; 
  font-size:22px; font-weight:bold; color:#555; }
h4 { margin:1em 0 0.5em 0; padding:0 0 0 0; font-family:Helvetica,Arial,sans-serif; 
  font-size:21px; font-weight:normal; color:#555; }
h5 { margin:1em 0 0.5em 0; padding:0 0 0 0; font-family:Helvetica,Arial,sans-serif; 
  font-size:18px; font-weight:normal; color:#555; }
h6 { margin:1em 0 0.5em 0; padding:0 0 0 0; font-family:Helvetica,Arial,sans-serif; 
  font-size:13px; font-weight:normal; color:#555; }
/* === end: new h{1,2,3,4,5,6} === */
/*
h1--old { padding: 0; font-family:Helvetica ,Arial,sans-serif; 
  font-size: 1.3em; font-weight: bold; vertical-align: bottom; color: #666; text-align: left; width: 100%; }
h2--old { padding: 0; font-family: Arial, Helvetica,sans-serif; 
  font-size: 1.4em; font-weight: normal; vertical-align: bottom; color: #333; text-align: left; width: 100%; }
*/
.contentheading { padding: 0; font-family: Arial, Helvetica,sans-serif; 
  font-size: 1.4em; font-weight: normal; vertical-align: bottom; color: #333; text-align: left; width: 100%; }
table.contentpaneopen h3--old { margin-top: 25px; }
h4--old { font-family: Arial, Helvetica, sans-serif; color: #333; }
h3--old, .componentheading, table.moduletable th, legend { margin: 0; font-weight: bold; font-family: Helvetica,Arial,sans-serif; 
  font-size: 1.5em; padding-left: 0px; margin-bottom: 10px; text-align: left; }

/* ======= small text ======= */
.small { font-size: .90em; color: #999; font-weight: normal; text-align: left; }
.modifydate { height: 20px; vertical-align: bottom; font-size: .90em; color: #999; font-weight: normal; text-align: left; }
.createdate { height: 20px; vertical-align: top; font-size: .90em; color: #999; 
  font-weight: normal; vertical-align: top; padding-bottom: 5px; padding-top: 0px; }
a.readon { margin-top: 10px; display: block; float: left; background: url(../images/mw_readon.png) top right no-repeat;
  padding-right: 20px; line-height: 14px; height: 16px; }

/* ======= form validation ======= */
.invalid { border-color: #ff0000; }
label.invalid { color: #ff0000; }

/* ======= overlib ======= */
.ol-foreground { background-color: #f6f6f6; }
.ol-background { background-color: #666; }
.ol-textfont { font-family: Arial, Helvetica, sans-serif; font-size: 10px; }
.ol-captionfont { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #f6f6f6; font-weight: bold; }
.ol-captionfont a { color: #0B55C4; text-decoration: none; font-size: 12px; }
.ol-closefont { }

/* ======= menu links ======= */
a.mainlevel:link, a.mainlevel:visited { padding-left: 5px; }
a.mainlevel:hover { }

/* ======= spacers ======= */
span.article_separator { display: block; height: 20px; }
.article_column { padding-right: 5px; }
.column_separator { border-left: 1px dashed #e0e0e0; padding-left: 10px; }
td.buttonheading { }
td.buttonheading img { border:none; }
#czc_maincolumn5 td.buttonheading a:link { border-bottom:0px solid #0f0; }
#czc_maincolumn5 td.buttonheading a:visited { border-bottom:0px solid #0f0; }
#czc_maincolumn5 td.buttonheading a:hover { border-bottom:0px solid #0f0; }
.clr { clear: both; }
td.greyline { width: 20px; background: url(../images/mw_line_grey.png) 50% 0 repeat-y; }
div#maindivider { border-top: 1px solid #ddd; margin-bottom: 10px; overflow: hidden; height: 1px; }
table.blog span.article_separator { display: block; height: 20px; }

/* ======= edit button ======= */
.contentpaneopen_edit { float: left; }

/* ======= table of contents ======= */
table.contenttoc { margin: 5px; border: 1px solid #ccc; padding: 5px; }
table.contenttoc td { padding: 0 5px; }

/* ======= content tables ======= */
td.sectiontableheader { background: #efefef; color: #333; font-weight: bold; padding: 4px; border-right: 1px solid #fff; }
tr.sectiontableentry0 td, tr.sectiontableentry1 td, tr.sectiontableentry2 td { padding: 4px; }
td.sectiontableentry0, td.sectiontableentry1, td.sectiontableentry2 { padding: 3px; }

/* ======= content styles ======= */
.contentpaneopen p { margin:0; padding:0; }
table.contentpaneopen, table.contentpane { margin: 0; padding: 0; width: auto; }
table.contentpaneopen li { margin-bottom: 5px; }
table.contentpaneopen fieldset { border: 0; border-top: 1px solid #ddd; }
table.contentpaneopen h3--old { margin-top: 25px; }
table.contentpaneopen h4--old { font-family: Arial, Helvetica, sans-serif; color: #333; }
.highlight { background-color: #fffebb; }

/* ======= module control elements ======= */
table.user1user2 div.moduletable { margin-bottom: 0px; }
div.moduletable, div.module { margin-bottom: 25px; }
div.module_menu h3--old { font-family: Helvetica, Arial, sans-serif; 
  font-size: 12px; font-weight: bold; color: #eee; margin: -23px -4px 5px -5px; padding-left: 10px; padding-bottom: 2px; }
div.module_menu { margin: 0; padding: 0; margin-bottom: 15px; }
div.module_menu div div div { padding: 10px; padding-top: 30px; padding-bottom: 15px; width: auto; }
div.module_menu div div div div { background: none; padding: 0; }
div.module_menu ul { margin: 10px 0; padding-left: 20px; }
div.module_menu ul li a:link, div.module_menu ul li a:visited { font-weight: bold; }
#leftcolumn div.module { padding: 0; }
#leftcolumn div.module table { width: auto; }

/* ======= forms ======= */
table.adminform textarea { width: 540px; height: 400px; font-size: 1em; color: #000099; }
div.search input { width: 145px; border: 1px solid #ccc; margin:0; padding:0; }
form#form-login { margin:0; padding:0; }
form#form-login fieldset { border: 0 none; margin:0 0 10px 0; padding:0; }
form#form-login ul { padding:0; }
form#com-form-login fieldset { border: 0 none; margin: 0em; padding:0; }
form#com-form-login ul { padding:0; }
form#form-login input#modlgn_username { width:100px; }
form#form-login input#modlgn_passwd { width:100px; }

/* ======= thumbnails ======= */
div.mosimage         { margin: 5px; }
div.mosimage_caption { font-size: .90em; color: #666; }
div.caption       { padding: 0 10px 0 10px; }
div.caption img   { border: 1px solid #CCC; }
div.caption p     { font-size: .90em; color: #666; text-align: center; }

/* ======= Parameter Table ======= */
table.paramlist { margin-top: 5px; }
table.paramlist td.paramlist_key { width: 128px; text-align: left; height: 30px; }
table.paramlist td.paramlist_value { }
div.message { font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-weight: bold; 
  font-size : 14px; color : #c30; text-align: center; width: auto; background-color: #f9f9f9; border: solid 1px #d5d5d5;  
  margin: 3px 0px 10px; padding: 3px 20px; }

/* ======= Banners module ======= */

/* ======= Default skyscraper style ======= */
.bannergroup { }
.banneritem img { display: block; margin-left: auto; margin-right: auto; }

/* ======= Text advert style ======= */
.banneritem_text { padding: 4px; font-size: 11px; }
.bannerfooter_text { padding: 4px; font-size: 11px; background-color: #F7F7F7; text-align: right; }

/* ======= System Messages ======= */
/* ======= see system general.css ======= */
.pagination span { padding: 2px; }
.pagination a    { padding: 2px; }

/* ======= Polls ======= */
.pollstableborder td { text-align: left; }

/* ======= WebLinks ======= */
span.description { display:block; padding-left: 30px; }

/* ======= Frontend Editing ======= */
fieldset { border: 1px solid #ccc; margin-top: 15px; padding: 15px; }
legend { margin: 0; padding: 0 10px; }
td.key { border-bottom:1px solid #eee; color: #666; }

/* ======= Tooltips ======= */
.tool-tip { float: left; background: #ffc; border: 1px solid #D4D5AA; padding: 5px; max-width: 200px; }
.tool-title { padding: 0; margin: 0; font-size: 100%; font-weight: bold; margin-top: -15px; padding-top: 15px; padding-bottom: 5px; 
  background: url(../../system/images/selector-arrow.png) no-repeat; }
.tool-text { font-size: 100%; margin: 0; }

/* ======= System Standard Messages ======= */
#system-message { margin-bottom: 20px; }
#system-message dd.message ul { background: #C3D2E5 url(../../system/images/notice-info.png) 4px center no-repeat;}

/* ======= System Error Messages ======= */
#system-message dd.error ul { color: #c00; background: #E6C0C0 url(../../system/images/notice-alert.png) 4px center no-repeat; 
  border-top: 3px solid #DE7A7B; border-bottom: 3px solid #DE7A7B; margin:0px; padding-left: 40px; text-indent:0px; }

/* ======= System Notice Messages ======= */
#system-message dd.notice ul { color: #c00; background: #EFE7B8 url(../../system/images/notice-note.png) 4px center no-repeat; 
  border-top: 3px solid #F0DC7E; border-bottom: 3px solid #F0DC7E; margin:0px; padding-left: 40px; text-indent:0px;}
#syndicate { float:left; padding-left: 25px; }
#power_by { float:right; padding-right: 25px; }

/* ======= Component Specific Fixes ======= */
#component-contact table td { padding: 2px 0; }

/* ======= END ::: template.css ::: Joomla specific content elements ======= */