/* STANDARD COMPLETE CSS FOR JOOMLA 1.0.X and MAMBO 4.5.X TEMPLATES */

.normal {
color:#002037;
font-family:arial,sans-serif,verdana,tahoma,helvetica,geneva;
font-size:1em;
text-decoration:none;
font-weight:normal;
}/*This one is just  to use with the editor using CSS*/

.bilderrahmen {
border-top:none;
border-left:none;
border-right:1px solid #002037;
border-bottom:1px solid #002037;
padding:1px;
}/*This one is just  to use with the editor using CSS*/

/* DEFAULT SETTINGS */ 
/* Below are  default settings are used when no other style has been defined.*/

body {
color:#002037;
font-family:arial,sans-serif,verdana,tahoma,helvetica,geneva;
font-size:73%;
line-height:140%;
margin:1px;
background-color:#ffffff;
}/*Style for the body tag of your website, controls font family page background, etc.*/

html, p, div, table, tr, td {
color:#002037;
font-family:arial,sans-serif,verdana,tahoma,helvetica,geneva;
font-size:1em;
} /*formatting all <p, div, table, tr, td> (division) items. This is a catch-all that only applies when no other style has been defined.*/

a:link, a:active, a:visited {
color:#002037;
font-family:arial,sans-serif,verdana,tahoma,helvetica,geneva;
font-size:1em;
text-decoration:underline;
}
a:hover {
color:#ff6600;
} /* general link style*/

ul {
font-size:1em;
list-style:square;
} /*formatting all UL (unordered list) items. This default setting is used when no other style has been defined.*/
ol {
font-size:1em;
} /*formatting all OL (ordered list) items. This default setting is used when no other style has been defined.*/

h1{
font-size:1.7em;
font-weight:normal;
}
h2 {
font-size:1.5em;
font-weight:normal;
}
h3 {
font-size:1.1em;
font-weight:bold;
}

hr {
width:100%;
height:1px;
border-top:solid 1px #002E4F;
border-bottom:none;
} /* horizontal line in your template*/
hr.separator {
width:100%;
height:1px;
border-top:solid 1px #002E4F;
border-bottom:none;
}
hr.half {
height:1px;
width:50%;
border-top:solid 1px #002E4F;
border-bottom:none;
}
 
/* FORMS SETTINGS */ 
form, input, select, textarea {
color:#002037;
font-family:arial,sans-serif,verdana,tahoma,helvetica,geneva;
font-size:1em;
}

.button {
color:#002E4F;
font-family:sans-serif,arial,helvetica;
font-size:0.75em;
font-weight:normal;
letter-spacing:0em;
text-decoration:none;
vertical-align:middle;
width:auto; 
height:auto;
padding:0px 2px 0px 2px;
border-top:outset 1px #ffffff;
border-left:outset 1px #ffffff;
border-right:outset 1px #002E4F;
border-bottom:outset 1px #002E4F;
background:transparent;
}

.inputbox {
color:#ffffff;
font-family:arial,sans-serif,verdana,tahoma,helvetica,geneva;
font-size:0.75em;
border-top:ridge 2px #D4D0C8;
border-left:ridge 2px #D4D0C8;
border-right:inset 1px #ffffff;
border-bottom:inset 1px #ffffff;
background:#FEBE50;
}

fieldset {
padding:10px;
border:solid 1px #002037;
} /*formatting the border around forms*/

label {
font-size:1em;
vertical-align:top;
} /*formatting the descriptions before inputboxes*/
.search {
} /*formatting the <div> which holds search items: inputbox, search button...*/
 
 
/* NAVIGATION/MENU SETTINGS */
a.mainlevel:link, a.mainlevel:visited {
color:#002037;
font-size:1em;
font-weight:normal;
text-decoration:none;
vertical-align:top;
padding-top:0px;
padding-left:23px;
width:auto;
background:url(../images/nav_n.png);
background-repeat:no-repeat;
background-position:9px;
display:block;
} /* this styling is for the MAIN items in the menu */
a.mainlevel:hover {
background:url(../images/nav_n.png) #FEBE50;
background-repeat:no-repeat;
background-position:9px;
} /* this styling is for the MAIN items in the menu */
a.mainlevel#active_menu {
color:#002037;
font-size:1em;
font-weight:normal;
background:url(../images/nav_a.png);
background-repeat:no-repeat;
background-position:7px;
} /* this styling is for the menu item when it is active, even in main/sub position*/
a.mainlevel#active_menu:hover {
text-decoration:underline;
}/* this styling is for the menu item when it is active and hover, even in main/sub position*/

ul#mainlevel-nav {
font-size:1em;
font-weight:normal;
}
ul#mainlevel-nav li {
font-size:1em;
font-weight:normal;
}

#mainlevel-nav a:link, #mainlevel-nav a:visited {
color:#002037;
font-size:1em;
font-weight:normal;
text-align:left;
vertical-align:top;
text-decoration:none;
padding-top:0px;
padding-left:23px;
width:auto;
background:url(../images/nav_n.png);
background-repeat:no-repeat;
background-position:9px;
display:block;
}
#mainlevel-nav a:hover {
background:url(../images/nav_n.png) #FEBE50;
background-repeat:no-repeat;
background-position:9px;
}

a.sublevel:link, a.sublevel:visited {
display:block;
color:#002037;
font-size:1em;
font-weight:normal;
vertical-align:top;
text-decoration:none;
padding-top:0px;
padding-left:35px;
width:auto;
background:url(../images/nav_n.png);
background-repeat:no-repeat;
background-position:9px;
} /* this styling is for the SUB items in the menu */
a.sublevel:hover {
background:url(../images/nav_n.png) #FEBE50;
background-repeat:no-repeat;
background-position:9px;
} /* this styling is for the SUB items in the menu */
a.sublevel#active_menu {
color:#002037;
font-size:1em;
font-weight:normal;
background:url(../images/nav_a.png);
background-repeat:no-repeat;
background-position:7px;
} /* this styling is for the menu item when it is active*/
a.sublevel#active_menu:hover {
text-decoration:underline;
}/* this styling is for the menu item when it is active and hover*/
 
.pagenavbar {
font-size:0.8em;
} /*Sets the style for the footer navigation ("<< Start < Prev Next > End >>") 
when they do not appear as hyperlinks (when only a few articles exist).*/
.pagenavbar:link, .pagenavbar:visited {
font-size:0.8em;
text-decoration:none;
} /*Style for the footer navigation ("<< Start < Prev Next > End >>") when 
they become hyper links*/
.pagenavbar:hover {
font-size:0.8em;
text-decoration:none;
}
.pagenav {
color:#002E4F;
font-family:sans-serif,arial,helvetica;
font-size:0.75em;
font-weight:normal;
letter-spacing:0em;
text-decoration:none;
vertical-align:middle;
width:auto; 
height:auto;
padding:0px 2px 0px 2px;
border-top:outset 1px #ffffff;
border-left:outset 1px #ffffff;
border-right:outset 1px #002E4F;
border-bottom:outset 1px #002E4F;
background:transparent;
} /* as the name implies, this is for formatting texts for those "<< Start < Previous 1 Next > End >>" links */
a.pagenav:visited, a.pagenav:visited {
font-size:0.75em;
text-decoration:none;
}
a.pagenav:hover {
font-size:0.75em;
text-decoration:none;
}

.pagenavcounter {
color:#7F8E97;
font-size:0.85em;
font-weight:bold;
text-decoration:none;
}/*Formatting the Counter if there are mor than on pages*/

a.readon:link,a.readon:visited {
font-size:0.8em;
text-decoration:none;
}
a.readon:hover {
font-size:0.8em;
text-decoration:underline;
} /*Not needed! In the current Template replaced with an Icon / Style for the "Read More" link that is displayed for large content items*/
 
.back_button {} /*Not needed! In the current Template replaced with an Icon / Style for the "BACK" button*/
.pagenav_prev {} /*Not needed! In the current Template replaced with an Icon / Style for the "PREV" button*/
.pagenav_next {} /*Not needed! In the current Template replaced with an Icon / Style for the "NEXT" button*/
 
.latestnews ul {
font-size:1em;
} /*Style for latest news list - by default, latest news is user1 module*/
.latestnews li {
font-size:1em;
}
.latestnews, a.latestnews:link, a.latestnews:visited {
font-size:1em;
text-decoration:none;
}
a.latestnews:hover {
font-size:1em;
text-decoration:underline;
}
 
.mostread ul {
font-size:1em;
font-weight:normal;
text-decoration:none;
} /*Style for most popular list - by default, most popular is user2 module*/
.mostread li {
font-size:1em;
font-weight:normal;
text-decoration:none;
}
.mostread, a.mostread:link, a.mostread:visited {
font-size:1em;
font-weight:normal;
text-decoration:none;
}
a.mostread:hover {
font-size:1em;
font-weight:normal;
text-decoration:underline;
}

/* PATHWAY */ 
#pathway_text, #pathway_text a:link, #pathway_text a:visited {
color:#7F8E97;
font-size:0.92em;
font-weight:bold;
text-decoration:none;
} /*Pathway Formatting Link*/
#pathway_text a:hover {
text-decoration:underline;
} /*Pathway Formatting Link*/

.pathway, a.pathway:link, a.pathway:visited {
color:#7F8E97;
font-size:0.92em;
font-weight:bold;
text-decoration:none;
} /*Pathway Formatting Link*/
a.pathway:hover {;
text-decoration:underline;
} /*Pathway Formatting Link*/
 
/* CONTENT PAGE SETTINGS */
a.category:link, a.category:visited {
font-size:1em;
font-weight:normal;
text-decoration:underline;
}
a.category:hover {
color:#ff6600;
}
 
.blogsection {
font-size:1em;
} /* Formatting the Text in Blog section */
.blog_more {
font-size:0.9em;
font-weight:normal;
} /*The "More" text in blog section*/

a.blogsection:link, a.blogsection:visited {
font-size:1em;
text-decoration:underline;
} /* set the link format */
a.blogsection:hover {
color:#ff6600;
} /* same as above, but for links with mouse pointer over it */
 
.componentheading {
color:#002E4F;
font-family:"Times New Roman",Times,serif,arial,sans-serif,verdana,tahoma,helvetica,geneva;
font-size:1.8em;
font-weight:bold;
font-style:italic;
padding-top:5px;
padding-left:0px;
padding-bottom:15px;
}/* Title of the component being used to display the content.*/
.contentheading {
color:#002E4F;
font-family:"Times New Roman",Times,serif,arial,sans-serif,verdana,tahoma,helvetica,geneva;
font-size:1.8em;
font-weight:bold;
font-style:italic;
padding-top:5px;
padding-left:0px;
padding-bottom:15px;
} /* Title of the content, article, etc. being displayed.*/
.contentpane {
border:none;
} /* Table that holds all non-article information (components, category lists, contact forms, etc).*/
.contentpaneopen {
border:none;
} /* Table that holds the actual text for an article.*/
.contentpagetitle {
font-weight:bold;
} /*Title of articles*/
a.contentpagetitle:link, a.contentpagetitle:visited {
text-decoratione:none;
} /*Title of articles when appeare as links */
a.contentpagetitle:hover {
text-decoratione:underline;
} /*Title of articles when appeare as links */
.category {
font-weight:bold;
}
 
.contentdescription {
font-size:1em;
padding-top:5px;
padding-left:10px;
padding-right:10px;
padding-bottm:5px;
border-top:solid 1px #FEF4E9;
border-bottom:solid 1px #FEF4E9;
} /* Formating the "DESCRIPTION" of sections, categories (News/Weblinks/Latest news...) */

table.contenttoc {
text-align:left;
margin:20px;
background:#FEF4E9;
}/* Formating the table of the Tables of Contents for multiple pages content or article */
table.contenttoc th {
color:#FEF4E9;
font-size:0.95em;
font-weight:bold;
padding-top:1px;
padding-left:10px;
padding-right:10px;
padding-bottom:1px;
background:#A5ABAC;
}/* same as above, used to format the th and table cells */
table.contenttoc td {
color:#7F8E97;
font-size:0.95em;
font-weight:bold;
padding-top:1px;
padding-left:10px;
padding-right:10px;
padding-bottom:1px;
}/* same as above, used to format the td and table cells */
table.contenttoc td.toclink {
color:#7F8E97;
font-size:0.9em;
font-weight:bold;
text-decoration:none;
} /* same as above, used to format toc link texts*/
a.toclink:link, a.toclink:active, a.toclink:visited {
color:#7F8E97;
font-size:0.9em;
font-weight:bold;
text-decoration:none;
}/* same as above, used to format toc link text status*/
a.toclink:hover {
color:#7F8E97;
font-size:0.9em;
font-weight:bold;
text-decoration:underline;
}/* same as above, used to format toc link text status*/

table.contact {} /* Contact Form */
table.contact td.icons {
width:150px;
} /* Icons <td> in Contact Form */
table.contact td.details {}
.contactlabel {
float:left;
width:120px;
vertical-align:top;
} /* Special Label for Contact Form */
 
/* JOOMLA - MAMBO SECTIONS LISTINGS */
.sectiontableheader {
color:#ffffff;
font-size:0.9em;
line-height:110%;
padding-left:2px;
border:double 3px #ffffff; 
background:#FEBE50;
} /* This is for styling the section table headers on a SECTION's page. Example: table header of "Date", "Item Title", "Author" and "Hits"? */
.sectiontableentry1 {
font-size:0.9em;
line-height:120%;
text-decoration:none;
padding-left:4px;
border-right:solid 2px #FFEFDF !important;
border-right:solid 1px #FFEFDF;
background:#FEF4E9;
} /* Formatting the Sections first Row */
.sectiontableentry2 {
font-size:0.9em;
line-height:120%;
text-decoration:none;
padding-left:4px;
border-right:solid 2px #FFEFDF !important;
border-right:solid 1px #FFEFDF;
background:transparent;
} /* Formatting the Sections second Row */
.sectiontablefooter {
text-align:left;
} /* Formatting the Sections Footer */
 
 
/* JOOMLA - MAMBO MODULES FORMATTING */
table.moduletable {
font-size:1em;
} /* Formatting the module table */
table.moduletable th {
font-size:1em;
} /* Formatting the module header, and the module titles */
table.moduletable td {
font-size:1em;
} /* Formatting the table cells of the module table */
 
 
/* MISCELLANEOUS */
 
/* Dates , Authors*/
.createdate {
color:#7F8E97;
font-size:0.85em;
font-weight:bold;
} /* For styling the date the content/articles are created under contents title */
.modifydate {
color:#7F8E97;
font-size:0.85em;
font-weight:bold;
} /* Formating "Last updated on" text at the end of articles/contents */
.small {
color:#7F8E97;
font-size:0.85em;
font-weight:bold;
} /* Formating "Written by:...." text */
.smalldark {
color:#7F8E97;
font-size:0.85em;
font-weight:bold;
}/*Found in poll result page, for " Number of Voters".. text */
 
/* Polls */
.poll {} /* format the td of poll table */
.pollstableborder {
width:500px;
border-color:solid 1px #ffffff;
} /* set the border properties of the polls voting table */
 
 
/* Weblinks */
.weblinks{
color:#7F8E97;
font-size:0.85em;
font-weight:bold;
text-decoration:none;
} /* well.. to format the link's titles under the "Weblinks" 
  section on the frontend */
a.weblinks:hover {
text-decoration:underline;
} /* same as above, but for link with mouseover */
 
/* Newsfeeds */
.newsfeedheading {} /* The newsfeed title. NOTE: This will not affect the newsfeed's
news title! */
.newsfeeddate {
color:#7F8E97;
font-size:0.85em;
font-weight:bold;
} /* yeah.. the date on the newsfeed */
.fase4rdf {} /* this is the body text of the newsfeed */
 
/* Search page */
table.searchintro {
width:100%;
margin-top:10px;
margin-bottom:10px;
padding:20px;
border-right:solid 1px #FEBE50;
border-bottom:solid 1px #FEBE50;
} /* 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 */
.highlight {
background:#FEF4E9;
} /* this is the highlighting for serchphrases */
 
 
/* Accessibility */
acronym {
cursor:help;
}
 
/* JOOMLA - MAMBO TABBED FRONTEND ADMIN INTERFACE */
/* The CSS below efines how the frontend admin interface when logged in */
 
.ontab {}/* For styling of the "Tab" buttons when editing contents through the 
frontend as admin. 
This .ontab is the styling for the tab when it is active or after its "clicked" */
.offtab {} /* Same as above, used for styling of the "Tab" buttons when editing 
contents through the frontend. 
This the styling for the tab when it is NOT active or when it is NOT "clicked" */
.tabpadding {} /* this style is used set the size of the tab in the above */ 
.tabheading {} /* Not too sure what this is used for. Couldn't find anything 
related to it yet at the moment */
.pagetext {} /* this style is used to style the content of the editing form 
contents (where HTMLArea sits and all its forms + contents) in the frontend 
Administration interface */



/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------------- */




/* LAYOUT RELATED STYLES - INDIVIDUAL FOR FOR SPECIAL DESIGNS */

/* TOP ROWS / HEADER */
#top_Logo {
color:#002037;
text-align:left;
width:95%;
height:75px;
margin:0px;
padding:0px;
background:url(../images/contentbg.png) #FFEFDF repeat-y;
} /* Logo */
#top_News {
vertical-align:middle;
width:200px;
padding-left:12px;
background:url(../images/leftbgcol.png) #FEBE50 repeat-y;
} /* News */
#top_Image {
width:100%;
height:150px;
margin:0px;
padding:0px;
background:url(../images/header.jpg) #002037 no-repeat;
} /* Image */

/* LEFT COL */
#module-left { /* Complete left Col */
color:#ffffff;
text-align:left;
vertical-align:top;
width:250px;
margin:0px;
padding:0px;
background:url(../images/leftbgcol.png) #FEBE50 repeat-y;
}
#module-left div.module div { /* Teaser */
width:250px;
background:url(../images/top_mod.png) top left no-repeat;
}
#module-left div.module div div div h3 { /* Teaser Text Formatting */
color:#002037;
font-size:1em;
font-weight:bold;
text-align:left;
text-transform:uppercase;
height:20px;
margin:0px;
padding-top:8px;
padding-left:12px;
padding-bottom:8px;
background:url(../images/leftbgcol.png) #FEBE50 repeat-y;
}
#module-left div.module { /* Middle (Outer) */
vertical-align:top;
width:250px;
margin-bottom:2px;
background:url(../images/leftbgcol.png) #FEBE50 repeat-y;
}
#module-left div.module div div div { /* Middle (Inner) */
color:#ffffff;
width:250px;
margin:auto;
padding-bottom:0px;
background:transparent;
}
#module-left div.module  div div { /* Bottom */
width:250px;
padding-bottom:15px;
background:url(../images/bot_mod.png) bottom left no-repeat;
}

/*CONTENT / MAINBODY */
.content {
vertical-align:top;
width:95%;
height:100%;
margin:0px;
padding:20px;
background:url(../images/contentbg.png) #FFEFDF repeat-y;
}
#mainbody {
margin:0px;
padding:0px;
}

/* MISCELLANEOUS */
.topanchor {
visibility:hidden;
}

.blue_td {
text-align:center;
padding-top:10px;
padding-left:15px;
padding-right:15px;
padding-bottom:10px;
background:#002E4F;
}

.grey_small, a:link.grey_small, a:visited.grey_small {
color:#FFE5C2;
font-size:0.95em;
text-decoration:none;
}
a:hover.grey_small {
text-decoration:underline;
}

.white_small, a:link.white_small, a:visited.white_small {
color:#ffffff;
font-size:0.95em;
text-decoration:none;
}
a:hover.white_small {
text-decoration:underline;
}

.yellow_small, a:link.yellow_small, a:visited.yellow_small {
color:#FEBE50;
font-size:0.95em;
text-decoration:none;
}
a:hover.yellow_small {
text-decoration:underline;
}

table.moduletable-none {}