/*

 * CSS Style for The Center for Law and Culture - April 30, 2007 

 * @author Diane R. Brunsting

 * @url http://www.trnty.edu/clc

 * @copyright 2007 CLC/Trinity

 */


/* Start of Global page settings. Should get over-ridden later on*/

* { 

margin: 0;

padding: 0; 

} 

 table {
  border-collapse: collapse;
}


body {

font-family:Arial, Helvetica, sans-serif;

font-size: .9em;

color: #000000;

background-color:#ffffff;

}

h1, h2, h3, h4, h5, h6, p, pre, blockquote, ul, ol, dl, address,.componentheading,.contentheading,.contentpagetitle,.sectiontableheader,.newsfeedheading{

margin: 1em 0;

padding: 0;

}

li, dd, blockquote {

margin-left: 1em;

}

fieldset {

border: none;

}

input, select, textarea {

font-size: .9em;

}

/* End of Global page settings. Should get over-ridden later on*/





/*Line Heights and base font size adjustment*/

/* Font sizing later is defined in ems. Based on CSS font discussions */

#header{

 font-size:.9em;

 background-image:url(../images/menubar.jpg);

 background-position: top;

 background-repeat: repeat-x;

 height: 97px;

 line-height: 1em;

}

#leftcolumn{

line-height: 1.2em;

font-size:.9em;

width: 267px;

background-image:url(../images/leftmenu.jpg);

background-position: top left;

background-repeat:no-repeat;

}



#rightcolumn{

line-height: 1.2em;

font-size:.9em;

width: 175px;

background-image:url(../images/bkgd.jpg);

background-position: top;

background-repeat:repeat-x;

}

#maincol{

line-height: 1.4em;

font-size:.9em;

width: 583;

background-image:url(../images/bkgd.jpg);

background-repeat:repeat-x;

background-position:top left;

}

#footer{

line-height: 1.1em;

font-size:1em;

background-image:url(../images/footer.jpg);

background-repeat:no-repeat;

background-position:top left;

height: 77px;
}


#table_bkgd {

background-image:url(../images/bkgd.jpg);

background-repeat:repeat-x;

background-position:top left;

background-color: #ffffff;

}




/* Padding for inside containers. Trying to avoid box-model bugs */

.insidefooter { /*slight adjustment for footer */

padding: 5px 0;

}

.inside {

padding: 10px 0 0 8px;

}

.insideright { /*slight adjustment for right column */

padding: 10px 0 8px 8px;

} 



/* Base typography SET ANY FONT SIZE IN EM's */



/* Main titles for various pages. Mix and match hX tags with Joomla titles */

h1,.componentheading {

color: #940501;

font-size:1.5em;

font-family: Arial, Helvetica, sans serif;

font-weight: bold;

margin:1em 0; /*use for top/bottom*/

padding:0 0em; /*use for left/right*/

}

h2,.contentheading,a.contentheading:link,a.contentheading:visited,.contentpagetitle,a.contentpagetitle:link,a.contentpagetitle:visited {

color:#940501;

font-size:1.4em;

font-family: Arial, Helvetica, sans serif;

font-weight: bold;

margin:1em 0; /*use for top/bottom*/

padding:0 0em; /*use for left/right*/

background:;

}

h3,table.moduletable th {

color:#940501;

font-size:1.3em;

font-family: Arial, Helvetica, sans serif;

font-weight: bold;

margin:1em 0; /*use for top/bottom*/

padding:0 0em; /*use for left/right*/

background:;

}

h4 {


color:#940501;

font-size:1.2em;

font-family: Arial, Helvetica, sans serif;

font-weight: bold;

margin:1em 0; /*use for top/bottom*/

padding:0 0em; /*use for left/right*/

background:;

}

h5 {

color:#940501;

font-size:1.2em;

font-family: Arial, Helvetica, sans serif;

font-weight: bold;

margin:1em 0; /*use for top/bottom*/

padding:0 0em; /*use for left/right*/

}

h6 {

color:#940501;

font-size:1.2em;

font-family: Arial, Helvetica, sans serif;

font-weight: bold;

margin:1em 0; /*use for top/bottom*/

padding:0 0em; /*use for left/right*/

}

img {

border: 0;

}



/* Non-title text */

p, td, tr, div {

color: #000;

font-size:1em;

font-family: Arial, Helvetica, sans serif ;

text-align: left;

margin:1em 0; /*use for top/bottom*/

padding:0 0em; /*use for left/right*/

}

p {


color: #000;

font-size:1em;

font-family: Arial, Helvetica, sans serif ;

text-align: left;

margin:1em 0; /*use for top/bottom*/

padding:0 0em; /*use for left/right*/

background:;

}

li > p {

margin-top: 0.2em;

}

pre {

font-family: monospace;

font-size: 1.0em;

}

strong, b {

font-weight: bold;

}

td {


color: #000;

font-size:1em;

font-family: Arial, Helvetica, sans serif ;

text-align: left;

margin:1em 0; /*use for top/bottom*/

padding:0 0em; /*use for left/right*/

background:;

}

tr {

color: #000;

font-size:1em;

font-family: Arial, Helvetica, sans serif ;

text-align: left;

margin:1em 0; /*use for top/bottom*/

padding:0 0em; /*use for left/right*/

background:;

}

abbr acronym {


color: #940501;

font-size:1em;

font-family: Arial, Helvetica, sans serif ;

text-align: left;

text-transform: uppercase;

}

/* ----- LISTS ----- */

ol, ul, li {

/*list-style: none; Uncomment if you want a normal list*/

font-size:1em;
}

ul,ol {


color: #000;

font-size: 1em;
}

li{

font:;

color: #000;

font-size: 1em;

}

/********* LINK STYLES *********/



/*Catch all for all link styles */

a:link,a:visited {

color: #940501;

text-decoration: none;

font-size: 1em;

list-style: none;

}

/*Individual link styles */

a:link {


color: #940501;


text-decoration: none;

font-size: 1em;

list-style: none;

}

a:visited {


color: #940501;

text-decoration: none;

font-size: 1em;

list-style: none;

}

a:hover {

color: #940501;

font-weight:bold;

text-decoration: none;

font-size: 1em;

list-style: none;

}



/* horizontal line in your template*/

hr {} 

hr.separator {}



/* FORMS SETTINGS */ 

.button {}

.inputbox {}

.search {} /*formatting the <div> which holds search items: inputbox, search button...*/





/* NAVIGATION/MENU SETTINGS */


#mainlevel-top ul, #mainlevel-top li {

list-style: none;

}
.mainlevel-top {
      margin-top: 2px;
      padding: 0 1em 0 1em;
     list-style-type: none;
      font-size: 1em;
}

.mainlevel-top:link {
      margin-top: 2px;
      font-family: Geneva, Arial, Helvetica, sans serif;
      font-size: 1em;
      color: #FDE6A2;
      padding-bottom: 1em;list-style: none;
}

.mainlevel-top:hover {
      margin-top: 2px;
       font-family: Geneva, Arial, Helvetica, sans serif;
       font-weight: bold;
      color: #FDE6A2;
      font-size: 1em;
}

#active_menu-top {
      margin-top: 2px;
       font-weight: bold;
       padding-right: .5em;
      color: #FDE6A2;
      font-size: 1em;
}


.moduletabletable a:visited {
    color: #FDE6A2;
    text-decoration: none;
      font-size: 1em;

}

.moduletabletable {
   vertical-align: middle;
      font-size: 1em;
}


.mainlevel-sub {
      margin: 0;
      padding: 5px 1em 0 1em;
     list-style-type: none;
      font-size: 1em;
}

.mainlevel-sub:link {
      font-family: Geneva, Arial, Helvetica, sans serif;
      font-size: 1em;
      color: #940501;
}

.mainlevel-sub:hover {
       font-family: Geneva, Arial, Helvetica, sans serif;
       font-weight: bold;
      font-size: 1em;
}

#active_menu-sub {
       font-weight: bold;
       padding-right: .5em;
      font-size: 1em;
}


a.mainlevel{text-decoration: none;} /* this styling is for the MAIN items in the menu */

a.mainlevel:link {text-decoration: none;}

a.mainlevel:visited {text-decoration: none;}

a.mainlevel:hover {text-decoration: none;}



#active_menu {} /* this styling is for the menu item when it is active, even in main/sub position*/



ul#mainlevel-nav { 
	padding: 0;
	margin: 0;
	list-style-type: none;
	position: relative;
}

ul#mainlevel-nav li{display: inline; padding-top: .5em;}

#mainlevel-nav a:link {}

#mainlevel-nav a:visited{font-weight: bold; }

#mainlevel-nav a:hover {}



a.sublevel{
	font-size: 80%;
	position: absolute;
	top: 23px;
	left: 0;
	width: 100%;
	border-top: none;
	padding-top: .5em;
} /* this styling is for menu items that HAS A PARENT */

a.sublevel:link {}

a.sublevel:visited {font-weight: bold;}

a.sublevel:hover {}





/* as the name implies, this is for formatting texts for those "<< Start < Previous 1 Next > End >>" links */ 

.pagenav,.pagenavbar {

font:;

color:;

font-size:;

font-family:;

font-style:;

font-weight:;

text-align:;

margin:;

padding:;

background:;

text-decoration:;

} 

a.pagenav:visited,.pagenavbar:visited,.pagenavbar:link {

font:;

color:;

font-size:;

font-family:;

font-style:;

font-weight:;

text-align:;

margin:;

padding:;

background:;

text-decoration:;

}

a.pagenav:hover, {

font:;

color:;

font-size:;

font-family:;

font-style:;

font-weight:;

text-align:;

margin:;

padding:;

background:;

text-decoration:;

}

/*Style for the "Read More" link that is displayed for large content items*/

a.readon:link,a.readon:visited {


color: #940501;

} 

a.readon:hover {

color: #940501;

font-weight:bold;

}

/*Style for the "Read More" link that is displayed for large content items - PUSH BUTTON VERSION

a.readon:link,a.readon:visited {

color: #940501;

text-decoration: none;

display: block;

border: 1px solid;

border-color: #aaa #000 #000 #aaa;

width:;

background:;

} 

a.readon:hover {

color: #940501;

font-weight:bold;

text-decoration: none;

position: relative;

top: 1px;

left: 1px;

border-color: #000 #aaa #aaa #000;

}*/

/*Style for the "BACK" button.*/

a.back_button {


color: #940501;

text-decoration: none;
}

a.back_button:hover

{

color: #940501;

font-weight:bold;

text-decoration: none;

} 

/*Style for the "BACK" button. Push button version

a.back_button {

color: #940501;

text-decoration: none;

display: block;

border: 1px solid;

border-color: #aaa #000 #000 #aaa;

}

a.back_button:hover

{

color: #940501;

font-weight:bold;

text-decoration: none;

position: relative;

top: 1px;

left: 1px;

border-color: #000 #aaa #aaa #000;

}*/



/* You get the idea, style as above */

.pagenav_prev {} /*Style for the PRE button*/

.pagenav_next {} /*Style for the NEXT button*/



/*Style for latest news list - by default, latest news is user1 module*/

.moduletable-latest {

background-image:url(../images/bkgd.jpg);

background-position: top;

background-repeat:repeat-x;

border: 1px solid #FDE6A2;

font-size: 1em;

}


.moduletable-neo {

background-image:url(../images/bkgd.jpg);

background-position: top;

background-repeat:repeat-x;

border: 1px solid #FDE6A2;

font-size: 1em;

}

.neolatestnews-neo {

background-image:url(../images/bkgd.jpg);

background-position: top;

background-repeat:repeat-x;

font-size: 1em;
}


.moduletable-latest h3 {

padding-left: 10px;

margin-top: -10px;

margin-left: -1px;

margin-right: -1px;

background-image: url(../images/latestnews.jpg);

background-position: top;

background-repeat: repeat-x;

}

.neolatestnews-neo h3, .moduletable-neo h3 {

padding-left: 10px;

margin-top: -10px;

margin-left: -1px;

margin-right: -1px;

background-image: url(../images/latestnews.jpg);

background-position: top;

background-repeat: repeat-x;
}

.latestnews-latest ul {


color: #000000;

font-size: 1em;

font-family: Arial, Helvetica, sans serif;

list-style: none;

} 

 .neolatestnews-neo ul {


color: #000000;

font-size: .85em;

font-family: Arial, Helvetica, sans serif;

list-style: none;

} 


.latestnews-latest li {

color: #940501;

font-size: 1em;

font-family: Arial, Helvetica, sans serif;

list-style: none;

display: block;

}

.sectiontableentry1, .sectiontableentry2  {

color: #000000;

font-size: .85em;

font-family: Arial, Helvetica, sans serif;

list-style: none;

display: block;

padding-top: 10px;

}


a.neolatestnews-neo sectiontableentry1, a.neolatestnews-neo sectiontableentry2{

color: #000000;

font-size: 1em;

font-family: Arial, Helvetica, sans serif;

list-style: none;

display: block;

padding-top: 20px;

}


.neolatestnews-neo li {

color: #000000;

font-size: .85em;

font-family: Arial, Helvetica, sans serif;

list-style: none;

display: block;

}

/*Style for most popular list - by default, most popular is user2 module*/

.mostread ul{

font:;

color:;

font-size:;

font-family:;

font-style:;

font-weight:;

text-align:;

margin:;

padding:;

background:;

list-style:;

float:;

margin:;

padding:;

} 

.mostread li{

font:;

color:;

font-size:;

font-family:;

font-style:;

font-weight:;

text-align:;

margin:;

padding:;

background:;

list-style:;

float:;

margin:;

padding:;

}



/* CONTENT PAGE SETTINGS */

a.category:link {}

a.category:hover {}

a.category:visited {}



.blogsection {} /* Formatting the links in Blog section */

.blog_more {} /*The "More" text in blog section*/

a.blogsection:link {} /* set the link format */

a.blogsection:visited {} /* same as above, but to set the visited link format */

a.blogsection:hover {} /* same as above, but for links with mouse pointer over it */





.contentpane {} /* Table that holds all non-article information (components, category lists, contact forms, etc).*/

.contentpaneopen {} /* Table that holds the actual text for an article.*/



a.contentpagetitle:hover {} /*Title of articles when appeare as links */

{}



.contentdescription {} /* Formating the "DESCRIPTION" of sections, categories (News/Weblinks/Latest news...) */

table.contenttoc {} /* Formating the table of the Tables of Contents for multiple pages content or article */

table.contenttoc td {} /* same as above, used to format the td and able cells */

table.contenttoc th {} /* same as above, used to format the th of "Tables of Content" ( normally Article Index)*/

table.contenttoc td.toclink {} /* same as above, used to format toc link texts*/

a.toclink:link {} /* same as above, used to format toc link text status*/

a.toclink:visited {} 

a.toclink:hover {} 





/* SECTIONS LISTINGS */

.sectiontableheader {} /* This is for styling the section table headers on a SECTION's page.

Example: table header of "Date", "Item Title", "Author" and "Hits"? */

.sectiontableentry1 {} 

.sectiontableentry2 {}





/* MODULES FORMATTING */

.module {} /* Formatting the module table if using -3 suffix */

table.moduletable {} /* Formatting the module table if using 0,1,-2 suffix */

table.moduletable td {} /* Formatting the table cells of the module table */





/* MISCELLANEOUS */



/* For styling the date the content/articles are created under contents title */

.createdate {

color: #940501;

font-size: .8em;

text-decoration: none;

}

/* Formating "Last updated on" text at the end of articles/contents */

.modifydate {

color: #940501;

font-size: .8em;

text-decoration: none;

} 

/* Formating "Written by:...." text. You can also use for any 'fine print' on your site by defining it in the html while adding content*/

.small {

color: #940501;

font-size: .8em;

text-decoration: none;


}

/*Found in poll result page, for " Number of Voters".. text */

.smalldark {

color: #940501;

font-size: .8em;

text-decoration: none;


}



/* Polls */

.poll {} /* format the td of poll table */

.pollstableborder {} /* set the border properties of the polls voting table */





/* Weblinks */

.weblinks{} /* well.. to format the link's titles under the "Weblinks" 

section on the frontend */

a.weblinks:hover {} /* same as above, but for link with mouseover */



/* Newsfeeds */

.newsfeedheading {} /* The newsfeed title. NOTE: This will not affect the newsfeed's news title! */

.newsfeeddate {} /* yeah.. the date on the newsfeed */

.fase4rdf {} /* this is the body text of the newsfeed */



/* Search page */

table.searchintro {} /* This is for formatting the box with "Search Keyword: test returned 4 matches" box

that appears after you have entered a search value. It appears on the mainbody

with the search results */


/* Login Form */

.moduletable-login {

  padding-left: 35px;
  padding-top:  300px;
  font-size: .85em;

}

/* User Menu */

.moduletable-user {
  padding-left: 35px;
}