@charset "utf-8";

/* Neutralize styling: Elements we want to clean out entirely: 
--------------------------------------------------------------- */

html, body, form, fieldset {
	margin: 0;
	padding: 0;
}

/* Neutralize styling: Elements with a vertical margin: 
--------------------------------------------------------------- */

h1, h2, h3, h4, h5, h6, pre, blockquote, address {
	padding: 0;
}

/* Apply left margin: Only to the few elements that need it: 
--------------------------------------------------------------- */

blockquote {
	margin-left: 15px;
}

/* Miscellaneous conveniences:
--------------------------------------------------------------- */

form label {
	cursor: pointer;
}
fieldset {
	border: none;
}
input, select, textarea {
	font-family: inherit;
}




/* General CSS Styles 
------------------------------------------------------*/

html {
	font-size:105.01%;
}	
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #483436;
	line-height: 16px;
}
h1 {
	font-size: 20px;
	font-weight: bold;
	color: #000000;
}
h2 {
	font-size: 18px;
	font-weight: bold;
	color: #000000;
}
h3 {
	font-size: 16px;
	font-weight: bold;
	color: #000000;
}
h4 {
	font-size: 14px;
	font-weight: bold;
	color: #000000;
}
h5 {
	font-size: 12px;
	font-weight: bold;
	color: #000000;
}
h6 {
	font-size: 10px;
	font-weight: bold;
	color: #000000;
}
p {
	margin-bottom: 20px;
}



/* Forms
--------------------*/

.inputbox {
	font-size:11px;
	color:#999999;
	padding:2px;
	border: 1px solid #999999;
}
.input[type=text]:focus {
	color:#000;
	background:#ffe;
}
input[type=text]:focus:hover {
	background:#fff;
}
label {
	cursor:pointer;
}
fieldset {
	border:0;
}
input,label,select,textarea {
	line-height:1.2;
	vertical-align:baseline;
	font-size:inherit;
	font-family:inherit;
}
input[type="radio"], input[type="checkbox"] {
	position:relative;
	top:1.5px;
}
input[type="text"],textarea {
	padding:.2em;
}
textarea {
	overflow:auto;
}

.success {
    display: block;
    background-color: greenyellow;
    /* height: 30px; */
    padding: 5%;
    font-weight: bold;
}





/* Images 
--------------------*/

img {
	border:none;
}
a img {
	border:none;
}



/* Links - General
--------------------*/ 

a:link {
	text-decoration:none;
	color:#000000;
}
a:visited {
	text-decoration:none;
	color:#000000;
}
a:hover {
	text-decoration:underline;
	color:#CC0000;
}


#idname a:link, 
#idname a:visited {
	font-size:11px;
	text-decoration:underline;
	color: #999999;
} 
#idname a:hover { 
	text-decoration: none; 
}


/* Lists
---------------------*/

li, ol, dd, dt {
	vertical-align:middle;
	list-style-position: inside;
	padding:0 0 0 0;
}






/* Misc Elements
----------------------*/

hr {
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #ebe9e9;	
}
abbr, acronym {
	text-decoration: none;border:0
}
q:before, q:after {
	content:'';
}



/* Tables
-------------------------------------------------------*/

table {  
	margin:0;
	padding:0;
	border:0;
	border-collapse:collapse;
	vertical-align:top;
	word-wrap:break-word; 
} 
caption, th, td {
}


table.classname {
	border: 1px solid inset #cccccc;
	width:90%;
	margin: 0 5% 0 5%;
	border-collapse:collapse;
}
table.classname td {
	border: 1px solid #cccccc;
	padding: 4px;
	color: #666666;
}
table.classname tr.classname td {
	background-color: #666666;
	color:#FFFFFF;
	font-weight:bold;
}
table.classname tr.classname td {
	color:#999999;
	font-size:10px;
	border-bottom:none;
	border-left:none;
	border-right:none;
}





/* Joomla Specific Styles 
------------------------------------------------------*/

/* Back, Previous & Next Buttons */
.back_button {} /* Style for the BACK text */
.pagenav_prev {} /* Style for the prev text for multi-page articles */
.pagenav_next {} /* Style for the next text for multi-page articles */



/* CONTENT PAGE SETTINGS */

.componentheading {  /* Title of the component being used to display the content.*/
	font-size: 16px;
	color: #000000;
	font-weight: bold;
	padding-bottom: 20px;
}
.contentheading {  /* Used by various components, not article, for the heading.*/
	font-size: 16px;
	color: #000000;
	font-weight: bold;
	padding-bottom: 20px;
}
a.category:link {} /* category names when linked usually in section blog lists */
a.category:hover {}
a.category:visited {}
 
.blog_more {} /* Container for read more article listings within blogs. */
a.blogsection:link {} /* The links in Blog section, better to format the same as module ul li CSS lists */
a.blogsection:visited {} 
a.blogsection:hover {}
 

.contentpane {} /* Container that holds all non-article information (components, category lists, contact forms, etc).*/
.contentpaneopen {} /* Container for an article and others.*/
 
.contentpagetitle {} /*Title of articles*/
a.contentpagetitle:hover {} /*Title of articles when appeare as links */
a.contentpagetitle:link {}
a.contentpagetitle:visited {}
  
.contentdescription {} /* Formatting the description of sections, categories (News/Weblinks/Latest news...) */
 
.contenttoc {} /* Formating the table of the Tables of Contents for multiple pages content or article */
.contenttoc td {} /* same as above, used to format the td and table cells */
.contenttoc th {} /* same as above, used to format the th of "Tables of Content" ( normally Article Index)*/
.contenttoc td.toclink {} /* same as above, used to format toc link texts*/
a.toclink:link {} 
a.toclink:visited {}
a.toclink:hover {}




/* FORMS */
.button {} /* For submission buttons and the like */
.search {} /* Form wrapper */



/* MISCELLANEOUS */
/* Dates , Authors*/
.createdate {} /* For styling the date the content/articles are created under contents title */
.modifydate {} /* Formating "Last modified on" text at the end of articles/contents */
.small {} /* Standard HTML tag and used by Joomla with the dot prefix, better to define both small and .small, used for such items as amount of categories, amount of pages, etc. */
.smalldark {}/* As above, used by polls though normally just a bolder or darker version of .small. */
 
/* Polls */
.poll {} /* format the td of poll table */
.pollstableborder {} /* set the border properties of the polls voting table */
 
/* Weblinks */
.weblinks {} /* Format the link's titles under the Weblinks component 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 */
.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 */



/* MODULES - most modules as of later Joomla 1.5 versions simply use the .moduletable class, either table or div */
.latestnews ul {} /* Style for latest news list. */
.latestnews li {}
 
.mostread ul {} /*Style for most popular list - by default, most popular is user2 module*/
.mostread li {}
 
.newsfeed ul {} /* Style for RSS feed items output by module */
.newsfeed li {}
 
.moduletable {} /* Formatting the module container */
.moduletable h3 {} /* The module header if used in J1.5 XHTML module style. */
.moduletable th {} /* Module header when module is contained within a table */
.moduletable td {} /* As above for each table cell. */
 
/* Note: It is better practice to style modules within */
/* CSS ID areas and HTML lists, as opposed to styling */
/* individual modules. Mambo and Joomla 1 have different */ 
/* formatting tags for the above modules. */




/* NAVIGATION/MENU */
a.mainlevel {} /* For the MAIN items in the menu for Legacy style */
a.mainlevel:link {}
a.mainlevel:visited {}
a.mainlevel:hover {}
 
#active_menu {} /* For the menu item when it is active for Legacy style, even in main/sub position*/
 
#mainlevel-nav ul {} /* As above mainlevel, though for Legacy list styles, rarely used. */
#mainlevel-nav li {}
#mainlevel-nav a:link {}
#mainlevel-nav a:visited {}
#mainlevel-nav a:hover {}
 
a.sublevel {} /* For styling of sub items of Mainlevel menu items. */
a.sublevel:link {}
a.sublevel:visited {}
a.sublevel:hover {}



/* Page Navigation */
.pagenavbar {} /* The style for the footer navigation ("Prev Next") */
.pagenavbar:link {} /* As above when linked */
.pagenavbar:visited {}
.pagenavbar:hover {}
 
.pagenav {} /* container for formatting "<< Start < Previous 1 Next > End >>"  */
a.pagenav:visited {} /* As above when linked */
a.pagenav:hover {}
 
a.readon:link {} /*Style for the "Read More" link. */
a.readon:visited {}
a.readon:hover {}



/* TABLE LISTINGS */
.sectiontableheader {} /* This is for styling the section table headers on a section and category listings and used for general table lists. Example: table header of "Date", "Item Title", "Author" and "Hits"? */
.sectiontableentry1 {} /* The first row of a table entry */
.sectiontableentry2 {} /* The alternate row of a table entry */
 


/* Other
----------------------------------------------------------------- */