/*
Theme: Select1
Description: Build on Blue 'n Orange template by http://www.mitchinson.net/
Author and copyright: Caroline Hofstede
Author URI: http://www.cosmichandmade.com
*/


/*----------------------
  Basics
  ---------------------*/

body{
margin: 0 auto;
padding: 0;
font-family: Verdana, Arial, Helvetica, serif;
font-weight: normal;
font-size: 76%;
color: #666;
background: #3D3938 url(../images/mainbg.gif) repeat fixed;
}

p{
margin:10px 0;
line-height: 1.3em;
text-align:justify;
}

/*----------------------
  Headings
  ---------------------*/

h1, h2, h3, h4, h5, h6{
margin:0;
padding:10px 0 0 0;
font-family:"Trebuchet MS", verdana, arial, sans-serif;
font-size: 1.2em;
color: #036EA7;
}


h1{
font-weight:normal;
font-size: 1.5em;
color:#024D75;
}

h2{
color: #028ED9;
}

.title{
margin:0;
padding:25px 20px 0 0;
font-weight:bold;
font-size:2.1em;
text-align:right;
}

.title a{
text-decoration: none;
}

.slogan{
margin:0;
padding:10px 15px 0 0;
font-size:12px;
font-style:italic;
font-weight:bold;
text-align:right;
}

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

a, a:link{
font-weight:bold;
font-size: 1em;
color: #028ED9;
text-decoration: underline;
outline:none;
}

a:hover{
color: #666;
text-decoration: none;
}

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

ul{
margin:0;
padding:0;
text-decoration:none;
}

ol{
margin:0 0 0 25px;
padding:5px 0;
text-decoration:none;
}

li{
margin:0;
padding:0;
text-decoration:none;
}

.arrow{
font-weight:bold;
list-style-image: url('../images/bullet.gif');
list-style-type: square;
}

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

a img{
border:0px none;
margin:0;
padding:0;
}

.ileft{ 
float: left; 
padding:2px 6px 2px 0;
}

.iright{
float: right;
margin-left:10px;
margin-bottom:10px;
padding:2px 15px 2px 8px;
}

.icenter{
display: block;
text-align: center;
margin: 5px auto;
padding: 5px 0;
}

.iborder{
padding:2px;
margin:2px 0 2px 0;
background:#eee;
border:1px solid #ccc;
}

.iborderL{
float: left; 
padding:4px;
margin-right:10px;
margin-bottom:10px;
background:#fff;
border:1px solid #ccc;
}

.iborderR{
float: right;
padding:4px;
margin:10px 0 0 10px;
background:#fff;
border:1px solid #ccc;
}

.iborderC{
display: block;
text-align: center;
margin: 2px auto;
padding: 6px;
background:#fff;
border:1px solid #ccc;
}


/*----------------------
  Blockquote
  ---------------------*/


blockquote.center{
font-size:0.9em;
margin:10px 0;
padding:4px;
}

blockquote{
margin:10px 10px 0 0;
padding:5px 0;
line-height: 1.5em;
}

blockquote p{
line-height: 1.5em; 
text-align:justify;
}


/*----------------------
  Navigation
  ---------------------*/

/*top MENU*/

#topmenu{
width:100%;
margin:0 auto;
padding:5px 0;
font-size: 0.9em;
text-transform: uppercase;
text-align:center;
background:#028ED9;
border-top:0px solid #ccc;
}

#topmenu ul{
margin:0;
padding:0;
}

#topmenu ul li{
margin:0;
padding:0;
display: inline;
list-style-type: none;
border-left:1px solid #fff;
}

#topmenu ul li.first{
margin:0;
padding:0;
display: inline;
list-style-type: none;
border-left:none;
}

#topmenu ul li a, #topmenu ul li a:link{
margin:0;
padding: 5px 10px;
text-decoration: none;
color:#fff;
}

#topmenu ul li a:hover{
text-decoration: none;
color:#003366;
}

/*sidebar MENU*/

#menu {
width: 100%;
padding: 10px 0 0 0;
}

#menu ul {
margin: 0;
padding: 0;
list-style-type: none;
}

#menu li {
margin: 0 0 4px 0;
}

#menu a {
padding: 4px;
text-decoration: none;
display: block;
color: #fff;
background: #028ED9;
border:1px solid #026DA7;
outline:none;
}

#menu a:hover {
background: #026DA7;
color: #fff;
border:1px solid #024D75;
}

/*--- Sidebar Box ---*/

.sidebox {
float:left;
margin:10px 0;
padding:0;
}

.boxhead {
margin: 0;
padding: 0;
text-align: left;
background:#ddd;
}

.boxhead h2 {
margin: 0;
padding: 4px 2px;
color:#028ED9;
font-weight: bold;
font-size: 1.1em; 
line-height: 1em;
border: 1px solid #ccc;
}

.boxbody {
margin: 0;
padding:8px;
font-style:italic;
background:#eee;
border-top: 0px solid #ddd;
border-right: 1px solid #ddd;
border-bottom: 1px solid #ddd;
border-left: 1px solid #ddd;
}

.boxbody p{
text-align: left;
font-size:0.9em;
margin:0;
padding:0;
}

/* Show only to IE PC \*/
* html .boxhead h2 {height: 1%;} /* For IE 5 PC */



/*----------------------
  Main container
  ---------------------*/

#container {
width: 75%;
margin: 10px auto 0 auto;
padding: 0;
background:#F2F2F2;
}


/*----------------------
  Header
  ---------------------*/

#header{
width:100%;
margin:0 auto;
padding:0;
border-bottom: 0px solid #908876;
background:#fff;
}

#headerimg{
margin: 0 auto;
width:100%;
height:200px;
padding:0;
background:url('../images/top.png') no-repeat center left;
border: 0px none;
}

/*----------------------
  Sidebar - Left
  ---------------------*/

#sidebar-left{
float: left;
width: 170px;
margin: 0 15px 0 20px;
padding: 0;
}


/*----------------------
  Sidebar - Right
  ---------------------*/

#sidebar-right{
float: right;
width: 180px;
margin: 0 5px;
padding: 5px;
}

#sidebar-right ul {
margin-left: 15px;
}


/*----------------------
  Content
  ---------------------*/

#content {
margin: 0 20px 0 230px;
padding: 0 5px 5px 5px;
font-size: 1em;
}

#content ul, #contentwide ul{
margin-left: 15px;
}

#content li, #contentwide li{
padding: 3px 0;
}


/*----------------------
  Footer
  ---------------------*/

#footer {
clear: both;
padding: 5px;
margin-top: 15px;
color: #74CFFE;
background: #028ED9;
text-align:center;
}

#footer p{
font-size:0.8em;
text-align:center;
}

#footer a:link, #footer a:visited {
color:#74CFFE;
text-decoration: none;
}

#footer a:hover {
color:#D8F2FE;
border-bottom: 1px dashed #024D75;
background: inherit;
}


/*----------------------
  Extra tags
  ---------------------*/
.divider{
width:100%;
height:10px;
margin:0 auto;
padding:0;
text-align:center;
display:block;
background:url('../images/xxx.gif') no-repeat bottom center;
border-bottom:1px solid #D8D8D8;
}

.news{
width:100%;
margin:10px 0 0 0;
padding:0;
font-size:0.9em;
}

.news p{
margin:5px 0 10px 0;
padding:4px;
background:#F8EED3 url(../images/xxx.gif) repeat;
border:1px solid #E6CD97;
}

.news h2{
margin:0 1px;
padding:0;
text-transform:uppercase;
}


.blue {color: #028ED9;}
.clear {clear: both;}

.center {text-align:center;}
.left {text-align:left;}
.right {text-align:right;}

.small {font-size:0.8em;}
.large {font-size:1.3em;}
.bold {font-weight:bold;}


/*----------------------
  table style
  ---------------------*/

#tablewrap{
width:100%;
margin:0;
padding:0;
}

table {
width:100%;
margin:0;
padding:0;
border-collapse: collapse;
border: 0px solid #ccc;
}

table p{
font-size:0.9em;
}

td{
padding:10px 0 5px 0;
vertical-align:top;
}