/* Joint-Ops Joomla! template */







/* general */







body {
	margin: 0;
	padding: 0;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 76%;/* font sizing in ems, baby. if you want to change anything, just change this.*/
	/*funny thing happens at 75% and lower. opera goes to a nice small size, but moz and ie pc change almost not at all. seems 76% is as small as you can go and stay the same across browsers. poop.*/
	color: #000;
	background-color: #4c597c;
	// background-image: url(http://www.thenoodleincident.com/img/_.gif);/*these three lines replace the n4_upgrade.gif in n4.css. and if you use this code, make sure you point to an img on _your_ server, not mine.*/
	background-repeat: no-repeat;
	background-position: top left;
	}
#content {
	margin: 0em;
	padding: 4em 6em 2em 6em;/* use padding instead of margin for multicolumn layouts because of a really odd ie5pc bug where it sometimes relates the width of an unrelated menu div to this div. i'll, uh, write about that somewhere. it was hard to figure out what was causing it, so i want this note here to remind me. */
	}
	
/*the following classes are to demonstrate better line heights for narrow columns*/
	
.narrow1{
	width: 50%;
	line-height: 1.3em;
	}
.narrow2{
	width: 50%;
	line-height: 1.5em;
	}
.leftcol{
	width: 100%;
	line-height: 1.5em;
        padding: 10em 6em 2em 6em;
	}
		
/*typography*/
a {
	text-decoration: none;
	font-weight: bold;
	color: #000;
	}
a:link {
	}
a:visited {
	}
a:active {
	}
a:hover {
	text-decoration: underline;
	}
h1 {
	font-size: 1.7em;
	font-weight: normal;
	margin: 0em 0em 0em 0em;
	// margin-bottom: 0em;/*both set to zero and padding in header div is used intead to deal with compound ie pc problems that are beyound summary in a simple comment.*/
        color: #4C597C;
        }
h2 {
	font-size: 1.4em;
	margin: 1.2em 0em 1.2em 0em;
	font-weight: normal;
	}
h3 {
	font-size: 1.3em;
	margin: 1.2em 0em 1.2em 0em;
	font-weight: normal;
	}
h4 {
	font-size: 1.2em;
	margin: 1.2em 0em 1.2em 0em;
	font-weight: bold;
	}
h5 {
	font-size: 1.0em;
	margin: 1.2em 0em 1.2em 0em;
	font-weight: bold;
	}
h6 {
	font-size: 1.4em;
	margin: 1.2em 0em 1.2em 0em;
	font-weight: normal;
        font-style: italic;
        color: #4C597C;
	}
img {
	border: 0;
	}
ol, ul, li {/*
	list-style: none;*/
	font-size: 1.0em;
	line-height: 1.8em;
	margin-top: 0.2em;
	margin-bottom: 0.1em; 
	}
p {
	font-size: 1.0em;
	line-height: 1.8em;
	margin: 1.2em 0em 1.2em 0em;
	}
li > p {
	margin-top: 0.2em;
	}
pre {/*moz 1.0/1.1/1.2.1, net 7.0/7.01 make this way too small, but i'm not going to go larger because monospace tends to run you into overflow pretty quick. prior moz and net are okay.*/
	font-family: monospace;
	font-size: 1.0em;
	}
strong, b {
	font-weight: bold;
	}








a {



text-decoration: none;



font-weight: bold;



border: none;



}







a:hover {



text-decoration: underline; 



border: none;



}







/* layout */







#source {



position: absolute -2000px -1000px;



display: none;



}







#source2 {



position: absolute -2000px -2000px;



display: none;



}







#pagewidth {



width: 970px;



text-align: left;



margin-left: auto;



margin-right: auto;



background: transparent <!--url(../images/headertop_bg.gif)--> no-repeat;



margin-bottom: 20px;



}







#header {



height:  130px; 



width:  100%; 



}







#headertop {



height: 30px;



width: 100%;



background: transparent;



}







#headerbottom {



height: 130px;



width: 100%;



background: transparent;



background: #4c597c <!-- url(../images/header_bg.gif)--> repeat-x top;



float: left;



}







#search {



margin: 0px;



padding: 0px;



width: 148px;



height: 28px;



float: left;



background: url(../images/search_bg.gif) left top no-repeat;



padding-left: 10px;



padding-right: 5px;



padding-top: 2px;



}







#search .inputbox {



width: 100px;



height: 18px;



font-size: 10px;



background: transparent;



border: none;



margin: 0px;



padding: 0px;



line-height: 14px;



vertical-align: top;



}







#search .button {



margin: 0px;



padding: 0px;



height: 14px;



font-size: 10px;



background: transparent;



border: none;



line-height: 10px;



}







#search form {



margin: 0px;



padding: 0px;



}







#topmenu {



height: 20px;



float: right;



width: 600px;



background: url(../images/topmenu_bg.gif) left top no-repeat;



vertical-align: top;



}







#pathway { 



width: 500;



height: 19px;



padding-left: 50px;



padding-top: 0px;



float: left;



}







#date {



width: 300;



height: 19px;



padding-top:0px;



font-size: 10px;



float: right;



padding-right: 190px;



color: #999999;



}







#modleft {



width: 180px;



float: left;



position: relative;



margin-right: 0px;



} 







#modright {



width: 180px;



float: right;



position: relative;



margin-right: 0px;



margin-top: 0px;



} 







#bodyouter {



width: 970px;



padding-top: 6px;



background: transparent url(../images/body_bg.gif) repeat-y;



} 







#bodytop {



width: 100%;



height: 19px;



padding-top: 5px;



}







#footer {  



height: 40px; 



width:100%; 



background: url(../images/footer_bg.gif) top left no-repeat #4c597c; 



font-size: 10px;



color: #cdcdcd;



}







#mainbody { 



float: left; 



width: 598px;



padding-left: 3px;



} 



 



#mainbodywide { 



float: left; 



width: 746px;



padding-top: 3px !important;



padding-top: 0px;



} 







#banner {



width: 470px;



height: 62px;



float: right;



padding-left: 1px;



padding-top: 1px;



background: #647f9c;



margin-top: 20px;



margin-right: 26px;



}







iframe.wrapper {



z-index: 0;



}



 



.clr {



clear: both;



}







.content {



padding: 0px 0px 0px 0px;



font-size: 11px;



line-height: 18px;



}







/* modules */







#modleft div.module {



width: 177px;



background: transparent url(../images/mod_left_mid.gif) left repeat-y;



margin-bottom: 10px;



}







#modleft div.module div {



width: 177px;



background: transparent url(../images/mod_left_top.gif) top left no-repeat;



}







#modleft div.module div div {



width: 177px;



background: transparent url(../images/mod_left_bot.gif)  bottom left no-repeat;



}







#modright div.module {



width: 177px;



background: transparent url(../images/mod_right_mid.gif) left repeat-y;



margin-bottom: 10px;



}







#modright div.module div {



width: 177px;



background: transparent url(../images/mod_right_top.gif) top left no-repeat;



}







#modright div.module div div {



width: 177px;



background: transparent url(../images/mod_right_bot.gif)  bottom left no-repeat;



}







#modleft div.module div div div, #modright div.module div div div {



width: 162px;



padding-left: 5px;



padding-right: 3px;



padding-top: 10px;



background: transparent;



padding-bottom: 10px;



font-size: 11px;



}







#modleft div.module div div div div {



width: 157px;



padding: 0px;



margin: 0px;



}







#modright div.module div div div div {



width: 162px;



padding: 0px;



margin: 0px;



}







div.module h3 {



font-size: 12px;



width: 130px;



font-weight: bold;



margin: 0px;



padding: 0px;



margin-bottom: 5px;



color: #0b1d50;



border-bottom: 1px solid #0b1d50;



}







#user1 {



float: left;



width: 49%;



}







#user2 {



float: right;



width: 49%;



}







#user3 {



width: 100%;



float: left;



position: relative;



margin-right: 0px;



} 







#user1 ul, #user2 ul, {



list-style: none;



margin: 0px;



padding: 0px;



padding-left: 0.7em;



margin-left: 0.7em;



margin-bottom: 5px;



margin-top: 2px;



}







#user3 ul {



list-style: none;



margin: 0px;



padding: 0px;



padding-left: 0em;



margin-left: 0em;



margin-bottom: 0px;



margin-top: 0px;



}











#mainbody div.moduletable, #mainbodywide div.moduletable {



width: 100%;



margin-bottom: 10px;



border: 1px solid #647f9c;



background: transparent;



font-size: 11px;



}







#mainbody div.moduletable h3, #mainbodywide div.moduletable h3 {



font-size: 12px;



font-weight: bold;



margin: 0px;



padding: 0px;



height: 20px;



line-height: 20px;



color: #ffffff;



width: 100%;



border-bottom: 1px solid #efefef;



text-align: left;



text-indent: 5px;



background: url(../images/user_head_bg.gif) repeat-x;



}







/* topmenu */







ul#mainlevel-nav {



list-style: none;



padding: 0;



margin: 0;



float: right;



white-space: nowrap;



}







ul#mainlevel-nav li {



width: auto !important;



width: 5%;



float: right;



margin: 0;



font-size: 10px;



height: 20px;



line-height: 20px;



white-space: nowrap;



margin-right: 1px;	



background: #4c597c;



border-bottom: 1px solid #cacaca;



border-left: 1px solid #cacaca;



}







ul#mainlevel-nav li a {



font-weight: normal;



height: 20px;



display: block;



padding-left: 5px;



padding-right: 10px;



text-decoration: none;



color: #cacaca;



margin-left: 5px;



white-space: nowrap;



background: #4c597c;



border-right: 1px solid #cacaca;



}







ul#mainlevel-nav li:hover, ul#mainlevel-nav li.sfhover {



background: #0b1d50;



}







ul#mainlevel-nav li:hover a, ul#mainlevel-nav li.sfhover a {



color: #FFFFFF;



text-decoration: overline;



background: #0b1d50;



}







/* main menu */







a.mainlevel {



font-size: 11px;



padding-left: 4px;



display: block;



line-height: 20px;



margin-bottom: 2px;



text-decoration: none;



font-weight: bold;



voice-family:"\"}\""; 



voice-family:inherit;



width: 160px;



color: #4c597c;



}







html>body a.mainlevel {



width: 160px;



} 







a.mainlevel:hover, a.mainlevel#active_menu {



background: #efefef;



text-decoration: none;



border-right: 4px solid #4c597c;



}







a.sublevel {



padding: 0px;



margin: 0px;



font-size: 10px;



padding-left: 12px;



display: block;



line-height: 20px;



margin-bottom: 2px;



text-decoration: none;



font-weight: normal;



voice-family: "\"}\"";



voice-family: inherit;



width: 148px;



color: #4c597c;



background: url(../images/submenu_bg.gif) left center no-repeat;



}







html>body a.sublevel {



width:148px;



} 







a.sublevel:hover, a.sublevel#active_menu {



text-decoration: none;



voice-family: "\"}\"";



voice-family: inherit;



width: 140px;



background: #cacaca url(../images/submenu_bg.gif) left center no-repeat;



border-right: 4px solid #647f9c;



}







html>body a.sublevel:hover, a.sublevel#active_menu {



width: 148px;



}







/* syndicate */







#modleft div.module div div div div.syndicate {



background: transparent;



width: 160px;



margin: 0px;



padding: 0px;



}







#modleft div.module div div div div.syndicate div {



background: transparent;



width: 160px;



margin: 0px;



padding: 0px;



}







/* other */







a, #search .inputbox, #search .button{



color: #4c597c;



}







#title {}







.pathway {



color: #999999;



font-size: 10px;



text-decoration: none;



font-weight: normal;



}







.pathway a {



color: #999999;



text-decoration: none;



font-weight: normal;



}







.date {}







hr {



width:  90%; 



}



 



hr.separator {



width:  40%; 



}



 



a.pnav {



}







.pnav:hover {



}







.small {



font-size: 10px;



color: #aaaaaa;



line-height: 0.7;



}







.smalldark {



font-size: 10px;



color: #000;



height: 10px;



line-height: 10px;



text-align: left;



}







.sectiontableentry1 {



text-align: left;



background: #EFEFEF;



font-size: 10px;



padding: 2px;



}







.sectiontableentry2 {



background: #FFF;



font-size: 10px;



text-align: left;



padding: 2px;



}







.button {



border: 1px solid #4c597c;



background-color: #efefef;



color: #4c597c;



margin-top: 5px;



margin-bottom: 3px;



}







.inputbox {



border: 1px solid #4c597c;



color: #4c597c;



}







.createdate {



font-size: 10px;



color: #ABABAB;



height: 10px;



line-height: 0.7;



}







.modifydate {



font-size: 10px;



color: #ABABAB;



height: 20px;



line-height: 20px;



margin-bottom: 5px;



}







a.readon {



font-size: 10px;



text-decoration: none;



line-height: 15px;



border: 0px solid #EEEEEE;



padding-left: 13px;



background: url(../images/readon.gif) no-repeat left;



margin-top: 10px;



text-decoration: none;



font-weight: bold;



}







.blog_more {



font-size: 14px;



color: #0b1d50;



font-family: 'Trebuchet MS', verdana, sans-serif;



text-decoration: underline;



}







a.readon:hover {



background: #647f9c url(../images/readon2.gif) no-repeat left;



text-decoration: none;



color: #ffffff;



}







.blog {



width: 100%;



}







.contentheading {



width: 98%;



font-weight: bold;



font-size: 14px;



height: 23px;



line-height: 20px;



border-bottom: 1px solid #0b1d50;



font-family: 'Trebuchet MS', verdana, sans-serif;



color: #0b1d50;



}







.contentpaneopen {



text-align: left;



background: transparent;



font-size: 11px;



line-height: 1.8;



width: 98%;



}







table.contentpane td.contentheading {



width: 98%;



font-weight: bold;



font-size: 14px;



height: 23px;



line-height: 20px;



font-family: 'Trebuchet MS', verdana, sans-serif;



border: none;



color: #0b1d50;



}







table.contentpane ul {



margin: 0px;



padding: 0px;



list-style: none;



}







table.contentpane ul li{



padding: 0px;



margin: 0px;



padding-left: 15px;



background: url(../images/readon3.gif) no-repeat left top; 



}







.contentdescription {



font-size: 11px;



}







.contentpagetitle, .category {



font-weight: bold;



padding-left: 0px;



}







.sectiontableheader {



font-weight: bold;



font-size: 11px;



height: 25px;



line-height: 25px;



}



body.contentpane {
    background: White;
}




.categorytitle {



font-weight: bold;



font-size: 14px;



height: 25px;



line-height: 25px;



font-family: "Trebuchet MS", Verdana, sans serif;



}







.componentheading {



font-weight: bold;



font-size: 14px;



height: 23px;



line-height: 20px;



font-family: "Trebuchet MS", Verdana, sans serif;



border-bottom: 1px solid #0b1d50;



color: #0b1d50;



margin-bottom: 5px;



}







a.category {



text-decoration: underline; 



}



 



a.category:hover {



text-decoration: underline; 



}



 



table.moduletable {



width:  100%; 



font-size: 80%;



}



 



table.moduletable th {



font-size: 80%;



}







.poll {



font-size: 10px;



text-align: left;



}







table.poll {



width: 100%;



}







table.pollstableborder {



border: 1px solid #4c597c;



}







.back_button a {



font-size: 11px;



font-weight: normal;



}







.blogsection {



font-size: 11px;



}







.blog_more ul li{



list-style: none;



padding-left: 14px;



line-height: 18px;



background: url(../images/readon.gif) no-repeat left;



}







table.contenttoc {



border: 1px solid #CCCCCC;



padding: 3px;



}







table.contenttoc th{



font-weight: bold;



font-size: 11px;



border-bottom: 1px solid #BBBBBB;



}







/* end of file */