/* http://meyerweb.com/eric/tools/css/reset/ */
/* v1.0 | 20080212 */
/* resets default browser styles to generate a common appearance across the board */

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%;
	vertical-align: baseline;
	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: 0;
}
 */
/* 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;
}
/* end CSS reset*/

/* Begin KSKQ Joomla Template


Color Scheme:

Dominant color		#899b25  green
Text Color			black
Inverse Text Color	white
Secondary color		#aa774d light brown (#bf1c2d red)
Font				Georgia
Header Font			Trebuchet MS

*/

/* Structure and layout*/

body {
text-align:center; /*center hack*/
background: white;
}
#wrap {
min-width:960px; 
max-width:960px;
width: auto !important; /*IE6 hack*/
width:960px; /*IE6 hack*/
margin:0 auto; /*center hack*/
text-align:left; /*center hack*/
min-height: 100%; /*IE6 hack*/
height: auto !important; /*IE6 hack*/
height: 100%; /*IE6 hack*/
background: white;
-moz-border-radius: 7px; -webkit-border-radius: 7px; -border-radius: 7px;
}
#header {height: 143px; border: solid 6px #899b25; background: white;}
#addressbar {height: 20px; width: 100%; background-color: #6b2d8b; font-family: "Trebuchet MS", sans-serif;font-weight:  bold; color: #899b25; text-align: center; padding-top: 6px; }
#menu {float: left; width: 100%;}
#l-sidebar {float:left; width:20%; overflow:hidden;} 
#content60 {float:left; width:60%;overflow:hidden;}
#content80 {float:left; width:80%;overflow:hidden;}
#content100 {float:left; width:100%;overflow:hidden;}
#r-sidebar {float:right; width:20%; overflow:hidden;} 
#footer {clear:both; padding-top: 20px; height: 120px; border-top: solid 1px #899b25;}

.inside {padding:10px;}
.clear {clear: both;}

/* End Structure */

/* Layout Design */

/* defines the appearance of left and right modules, first the actual module, then the title of the module */

.moduletable{
margin-bottom:1em;
padding:0 10px 10px 10px; /*padding for inside text*/ border:1px #6b2d8b solid; /*-moz-border-radius: 7px; -webkit-border-radius: 7px; -border-radius: 7px*/;
font-size: 0.9em;
}

.moduletable h3{
background:#899b25;
color:/*#6b2d8b*/ white;
padding:0.25em 0;
text-align:center;
font-size:1.1em;
font-weight: bold;
margin:0 -10px 0.5em -10px;/* -moz-border-radius: 7px 7px 0px 0px; -webkit-border-radius: 7px 7px 0px 0px; -border-radius: 7px 7px 0px 0px*/;
/*negative padding to pull h3 back out from .moduletable padding*/ }

.moduletable.footer {padding:10px; border:none;}

/*.moduletable.facebook {font-size:.8em;}*/
/* defines the title of all articles */
.contentheading,.componentheading {
font-size:1.2em; line-height: 2; font-family:"Trebuchet MS", sans-serif;font-weight: bold;
}
.contentheading a {text-decoration: none;}

/* Defines content layout */
table.contentpane {border-bottom: solid 1px #000040;}

/* category lists */

.clist ol {
list-style-type: decimal;
padding: 1em;
margin: 1em;
}

.clist li {
list-style-position: inside;
}

/*  End Layout Design */

/* Typography */

p {font-family: Georgia, serif; font-weight: normal; font-size: 1em; margin-bottom:.7em; color: #000040; }
li {font-family: Georgia, serif; font-weight: normal; font-size: 1em; color: #000040; }
h1		{font-family:"Trebuchet MS", sans-serif; font-weight: normal; font-size: 3em; color: #899b25;}
h2		{font-family:"Trebuchet MS", sans-serif; font-weight: normal; font-size: 2em; color: #899b25;}
h3		{font-family:"Trebuchet MS", sans-serif; font-weight: normal; font-size: 1.3em; color: #899b25;}
h4		{font-family:"Trebuchet MS", sans-serif; font-weight: normal; font-size: 1.2em; color: #899b25;}
a		{color: /*#bf1c2d*/ #6b2d8b; text-decoration: none;}
a:hover	{background: #bf1c2d; color: white;}

#footer,.small,.createdate,.modifydate,.mosimage_caption{font-family:"Trebuchet MS",sans-serif; font-size: 0.8em; color: #6b2d8b;}

ol, ul   {list-style: disc outside; margin: .7em 0 .7em 2em;}



/****************** Dropdown Menu styling starts here **************/
.menusan
{
 /* use these params to positions your menu */
 position: relative;
}
 
.menusan, .menusan ul, .menusan li, .menusan li ul { /* all lists */
 padding: 2px;
 margin-left: 10px;
 list-style: none;
 font: 14px "Trebuchet MS", sans-serif;
 font-weight: bold;
 color: #6b2d8b;
 line-height:1;
}

.menusan li a {
display: block;
/* width: 10em;*/
 color: #6b2d8b;
 background-color: white;
 text-decoration:none;
}
 
.menusan li { /* all list items */
 float: left;
 white-space: nowrap;
 width: auto; /* width needed or else Opera goes nuts */
}

.menusan li ul { /* second-level lists */
 position: absolute;
 /*display: block;*/
 border: 1px solid #899b25;
 white-space: nowrap;
 width: 10em;
 top: 10px;
 left: -999em; /* using left instead of display to hide menus because display: none isn’t read by screen readers */
 background: white;
}

.menusan li a:hover {
 background-color:#6b2d8b;
 color:white;
}
 
.menusan li:hover ul, .menusan li.sfhover ul  { /* lists nested under hovered list items */
 left: auto; /* change it to 10px, 20px, etc for indenting the sub menu */
}
/* **************** Dropdown Menu styling end here ***************/