/* ***************************************************************************************************** */

/* TEMPLATE SPECIFIC CSS CODE */

html, body {



   background-color:#fff;



   color:#000;



   font-family:Arial, Helvetica,  'lucida console', Geneva, sans-serif, verdana;



   margin:0;



   padding:0;



   font-size:105.1%;

   font-weight: 200;



}







/* Page layout */



#wrapper {

	min-width:820px;

	width:auto;

	font-size:70%;

	margin-bottom:40px;



}



* html #wrapper {



   /* \*/



      word-wrap:break-word;



}



#outer {



   border-left:20em #fff solid;



   border-right:18em #fff solid;



   background-color:#fff;



}



#inner {



   width:100%;



   z-index:1;



   margin:0;



}



#header {

	background-color:#003399;

	border-bottom:2px #fdca22 solid;

	color:#fff;

	height:110px;

	width:100%;



}



img { border: none; }



#lcol, #mcol, #rcol, * html #cwrap {



   overflow:visible;



   position:relative;



}



#cwrap {



   float:left;



   margin:0 -1px 0 0;



   width:100%;



   z-index:3;



}



#mcol {



   float:right;



   margin:0 0 0 -1px;



   width:100%;



   z-index:5;



   padding-bottom:10px;



}



#lcol {



   float:left;



   margin:0 1px 0 -20em;



   width:20em;



   z-index:4;



   vertical-align:top;



}

#lcol a:link, #lcol a:visited, #lcol a:active {



   color:#4D7086; text-decoration:none; font-weight:bold;



}



#lcol a:hover {



   color:#193D55; text-decoration:underline; font-weight:bold;



}



#lcol .log{

padding: 0.6em;

margin: 0em;

list-style-type: square;

}



#rcol {



   float:right;

   width:18em;

   margin:0 -18em 0 1px;

   z-index:2;



}



#footer {





   background-color:fff;

   color:#999;

   font-size:0.9em;

   background:url(../images/hdot.gif) repeat-x left top;

   padding:1em;

}



#search {



   padding:0;



   margin:0;



   width:18em;



   right:0;top:0;



   position:absolute;



   text-align:left;



}



#search .content {



   padding:15px;



}



/* Formatting */



.clear {



   clear:both;



   padding-bottom:1px;



   margin-bottom:-1px;



}



div.floatleft {



   float:left;

   width: 35%

}



div.floatright {



   float:right;

   text-align:right;

   width: 60%;



}



.hide, .hidetoo {



   display:none !important;



}



.content {



   padding:1em 1em 0 1em;



   position:relative; /* IE bug */



}



.quote1 {



   margin:0;



   padding:5px;



   font-size:90%;



   line-height:1.3em;



   color:#666666;



   background:url(/images/quote1.gif) no-repeat top left;



}



.quote2 {



   background:url(/images/quote2.gif) no-repeat bottom right;



   margin-bottom:10px;



}



#count {

	color:#ffffff;

	padding:5px;

	border:1px solid #fdca22;

	white-space:nowrap;

	text-align:center;

	background-color: #003399;



}



#intro {

  line-height:1.3em;

	padding:10px;

	background-color: #F8F8F8;



}



#intro p {



   text-align:justify;



}



#new {

	padding:5px;

	border: 1px #ddd solid;



}



#count,#area,#tools,#new,ol {



   margin-bottom:15px;



}



#ad {



   margin:1em 0;



}



#inset {



   background-color:#ffffff;



   padding:5px;



   border:1px solid #ddd;



   margin:15px 0;



}



#rss {

	background-color:#ffffff;

	border: 1px solid #ffffff;

	padding:5px;

	margin:15px 0;



}





ol {



   margin-top:0px;padding-top:0px;



}



ol li {



   margin-left:-10px;



}



ul {

   list-style:circle;

   margin-top:0;



}



#tools ul, #new ul {



   padding:0;



   margin:5px 0 0 0;



   list-style-type:none;



}





/* Fonts and colors */



h1 { font-size:1.8em; color:#193D55; line-height:1em;margin-top:0; }



h2 { font-size:1.4em; color:#193D55; }



h3 {   font-size:1.2em;

   color: #193D55;

   letter-spacing:0.1em;



   border-bottom:1px #fdca22 solid;



   margin:10px 10px 10px 0;



   padding:0px; }



h4 {



   font-size:1em;

   color: #3399ff;

   letter-spacing:0.1em;



   border-bottom:1px #003399 solid;



   margin:0 0 5px 0;



   padding:0;



}



h5 { font-size:1em; }



h6 { font-size:1em; }



sup {



   font-size:0.85em; vertical-align:top; color:#888;



}



a:link, a:visited, a:active {



   color:#4D7086; text-decoration:none;



}



a:hover {



   color:#193D55; text-decoration:underline;



}



.grey, .grey a {



   color:#666;



}



.red {



   color:#ff0000;



}



#trail a {



   color:#666;



}



#header a {



   color:#fff;



}



#footer a {



   color:#999;



}



/* ***************************************************************************************************** */

/* JOOMLA SPECIFIC CSS CODE */

.menu{

padding-left: 0.6em;

margin-left: -0.1em;

}





.module_menu{

padding: 0.6em;

margin-left: -0.1em;

}

.module_menu li{

background : url(../images/arrow.png) no-repeat left center;

list-style-type: none;

padding: 0 0 0 15px;

}

.module_menu h3{

   font-size:1.2em;

   color: #193D55;

   letter-spacing:0.1em;

   border-bottom:1px #fdca22 solid;

  

}

.module_altmenu{

margin-left: -0em;

margin-bottom: 0.5em;

padding-top: 10px;

border: 1px solid #ccc;

}

.module_altmenu li{

background : url(/templates/arkeo2/images/arrow.png) no-repeat left center;

list-style-type: none;

padding: 0 0 0 15px;

}

.mostread {

padding: 0.6em;

margin-left: -0.1em;

}

.mostread li{

background : url(/templates/arkeo2/images/arrow.png) no-repeat left top;

list-style-type: none;

padding: 0 0 0 10px;

}

.latestnews {

padding: 0.6em;

margin-left: -0.1em;

}

.latestnews li{

background : url(/templates/arkeo2/images/arrow.png) no-repeat left top;

list-style-type: none;

padding: 0 0 0 10px;

}

.bannergroup {

border: 1px solid #E8E8E8;

background-color: #F8F8F8;

padding: 0.6em;

margin-bottom: 1em;

width: auto;

color: #999;

}

.banneritem a {

color: #193D55;

font-weight: bold;

}

.banneritem a:hover {

color: #ccc;

font-weight: bold;

text-decoration:underline;

}



table.blog span.article_separator {

	display: block;

	height: 20px;

}

table.contentpaneopen {

  margin-top: 10px;

	padding: 0;

	width: auto;

}

.componentheading{

font-weight : bold;

margin-top: 20px;

margin-bottom: 20px;

font-size : 1.0em;

line-height : 120%;

text-transform : uppercase;

}

.contentheading{



font-weight : bold;

font-size : 1.2em;

line-height : 120%;

text-transform : uppercase;

}

table.moduletable th, legend{

font-weight : bold;

font-size : 1.0em;

line-height : 120%;

text-transform : uppercase;

}

.readon {

margin-top:10px;

}



a.readon:hover, a.readon:active, a.readon:focus {

	background:#C8C8C8;

	padding:2px;

	width:80px;

	text-decoration:none;

	text-align: center;

}

a.readon {

  color:#193D55;

  font-weight:bold;

	background:#F8F8F8;

	width:80px;

	height: 20px;

	padding:2px;

	text-align: center;

}



.buttonheading img {border: none;}

.hasTip img { border: none; }







.input {

padding: 10px;

background-color: #F8F8F8;

border: 1px solid #E8E8E8;

}

.input ul{

margin-top: 10px;



}  

.input  li{

list-style-image: url(../images/arrow.png);

list-style-type: none;

list-style-position: outside;

}  

.input hr {

border: 1px solid #ccc;

}

.inputbox {

   border:1px #ddd solid;

   background-color: #F2F2F2;

   font-family:Verdana,Arial,Helvetica,Geneva,sans-serif;

   font-size:90%;

   color:#666;



}

.box {

   font-family:Verdana,Arial,Helvetica,Geneva,sans-serif;

   font-size:90%;

   color:#666;



}

.button{



   border:1px #ddd solid;

   font-family:Verdana,Arial,Helvetica,Geneva,sans-serif;

   background-color:#F2F2F2;

   font-size:90%;



}

.small{



color: #999;





}

.createdate{

color: #999;

margin-bottom: 1em;



}



.pollstableborder {

margin-top: 1em;

margin-bottom: 1em;

}



.contenttoc {

font-weight: bold;

margin-top: 2em;

margin-right: 3em;

margin-bottom: 1em;

margin-left: 1em;

border: 1px #ccc solid;

padding: 5px;

}

.pagenav {

color:#666;

margin-top: 5px;

margin-bottom: 5px;

text-align: center;

font-weight: bold;

}

.pagenavbar {



margin: 5px;

text-align: center;

font-weight: bold;

}



.breadcrumbs {

color: #ccc;

text-align: left;

font-weight: bold;

margin-bottom: 0.5em;

padding-bottom: 1em;



}



.pagenavcounter {

color: #ccc;

margin-top: 5px;

margin-bottom: 5px;

text-align: left;

font-weight: bold;



}

.poll {

border-bottom: 1px solid #f7f7f7;

padding-top: 10px;

padding-bottom: 10px;

text-align: left;

}

.sectiontableentry1{

text-align: left;

}

.sectiontableentry2 {

background: #f7f7f7;

text-align: left;

}

/* module control elements */



table.user1user2 div.moduletable {

	margin-bottom: 0px;

}



div.moduletable, div.module {

  margin-bottom: 1em;

}

div.moduletable, div.module .latestnews ul {

border: 1px solid #ccc;

width: 100%;



}



/* ***************************************************************************************************** */





/* ***************************************************************************************************** */

/* JOOMLA SPECIFIC CSS CODE */

@media print {



div.floatleft { display:none; }



div.floatright { float:left;text-align:left }



.hidetoo { font-size:2.8em;background-color:#ccc;color:#000;text-align:center;}



#search,#logo { display:none; }



#intro { padding-top:0;padding-bottom:0; }



#header { border-bottom:1px #000 solid; }



#footer { border-top:1px #000 solid; }
