/*Mashed & remashed by me to ModxWorking fine except in the fucking ie7*/

@font-face {
	font-family: 'Alpha Echo Regular';
	src: url('alpha_echo.eot');
	src: local('Alpha Echo Regular'), local('AlphaEcho-Regular'), url('alpha_echo.ttf') format('truetype');
}



html{
background: url('../images/darkwood_blue.jpg') fixed center;

}
body{
margin-top: 0px;
font-family: 'Lucida Grande','Lucida Sans Unicode' , Verdana,sans-serif;
font-size: 1em;
line-height: 1.2em;
}

img{
margin: 0;
border: 0;
}

a{
color: #00c2ba;
font-weight: bold;
text-decoration: none;
}
a:hover {
color: #ffb417;
margin: 5px 0 5px 0;
padding: 0px 0 2px 0;
border-bottom: 1px dotted #ffcb5c;
}

#tvteste {
	position:absolute;
	top: 50%;
}

#colu{
background:transparent url(../images/colback.png) repeat scroll 0 0;
margin-left: 170px;
margin-right: auto;
margin-top: 5px;
padding-top: 5px;
width: 810px;
}
#title{
padding: 0 ;
margin: 0px 0px 0px 0px;
width: 100%;
height: 120px;
border-bottom-width: 3px;
}
#title img{
float: right;
margin-top: -15px;
}
#title h1{
margin: 0;
color: #00c2ba;
font-size: 3em;
letter-spacing: .1em;
border-bottom: 0px;
padding: 0 0 0px 15px ;
}
#title h2{
font-family: 'Alpha Echo Regular', Georgia, serif;
text-align: center;
font-size: 2em;
color: #adceca;
opacity: 40%;

line-height: 0.5em;
padding: 37px 0 30px 10px;
letter-spacing: 0.08em;
}
#menu{
font: normal bold 1em Trebuchet MS,Arial,sans-serif;
background: url(../images/backmenu.png) no-repeat;
width: 100%;
height: 70px;
padding: 0;
margin: 0px;
letter-spacing: .09em;
text-transform: uppercase;
font-weight: bold;
vertical-align: middle;
}

#menu ul{
padding: 15px 5px 0 15px;
margin: 0;
color: #dddddd;
list-style: none;
}
#menu li{
float: left;
margin: -15px -15px -5px -20px;
padding: 25px 10px 30px 25px;
}
#menu li a{
padding: 25px 30px 30px 30px;
margin: 0 -10px 0 -10px;
height: 65px;
width: 170px;
font-weight: bold;
text-align: center;
text-decoration: none;
color: #72491e;
}
#menu li a:hover{
background: url(../images/hovermenu.png) no-repeat;
color: #f8f8f8;
text-decoration: none;
border-bottom: none;
}
#menu li a.active{
background: url(../images/active.png) no-repeat;
color: #f8f8f8;
}
a {
  outline: none;
}



#menu2{
font: normal bold 1em Trebuchet MS,Arial,sans-serif;
background: url(../images/colback.png) repeat;
width: 160px;
height: 250px;
padding: 0 0 0 0;
margin: 30px 0 0 0;
letter-spacing: .09em;
text-transform: uppercase;
font-weight: bold;
vertical-align: middle;
}
#menu2 ul{
padding: 0;
margin: 0;
color: #dddddd;
list-style: none;
vertical-align: middle;
}
#menu2 li{
float: left;
margin: 10px 0 10px 0;
padding: 0;
}
#menu2 li a{
padding: 20px 70px 30px 40px;
margin: 0 ;
font-weight: bold;
text-align: center;
text-decoration: none;
color: #f8eee4;
}
#menu2 li a:hover{
background: url(../images/hovermenu.png) no-repeat;
color: #f8f8f8;
text-decoration: none;
border-bottom: none;
}
#menu2 li a.active{
background: url(../images/active.png) no-repeat;
color: #f8f8f8;
}


#content{
font-family: "Lucida Grande" , Lucida, Verdana, sans-serif;
float: left;
margin: 0;
padding: 0px;
width: 100%;
font-weight: 400;
}
#content h2 {
clear: left;
font-family: minion, Georgia, serif;
font-style: italic;
font-size: 1.2em;
letter-spacing: 0.11em;
color: #ffb417;
line-height: 1.2em;
margin: 5px 0 5px 0;
padding: 0px 0 5px 0;
border-bottom: 1px dotted #ffcb5c;
}
#content h3{
clear: left;
font-family: minion, Georgia, serif;
font-style: italic;
font-size: 1.3em;
letter-spacing: 0.1em;
line-height: 1.1em;
margin: 5px 0 5px 0;
padding: 0px 0 5px 0;
border-bottom: 1px dotted #00c2ba;
}
#content h4{
font-family:  minion, Georgia, serif;
font-size: 1.2em;
font-style: italic;
color: #00c2ba;
text-align: left;
padding: 7px 15px 7px 5px;
margin: 0px 0px 6px 0px;
letter-spacing: 0.2em;
}

#content h5 {
text-align: center;
font-family: minion, Georgia, serif;
font-style: italic;
font-size: 1.1em;
letter-spacing: 0.11em;
color: #ffb417;
line-height: 1.2em;
margin: 5px 0 5px 0;
padding: 0 5px 5px 5px;

}
#content p{
margin: .6em 0 .6em 0;
padding: 0;
letter-spacing: 0.07em;
}
#content ul{
margin: .6em 0 0 0;
padding: 0;
}
#content li{
margin: 0 0 10px 25px;
padding: 0;
list-style: url(../images/bullet.png);
line-height: 1.3em;
letter-spacing: 0.07em;
}
#search{
float: left;
text-align: left;
width: 30%;
margin: 25px 0px;
}

.imgborderlk{
	border-bottom: 0 !important;
	padding: 0 !important;
	margin: 0 !important;
	
}

.cite {
	padding-left: 3em !important;
}
/* 'widths' sub menu */
#layoutdims{
clear: both;
background: #708090;
border-top: 0px solid #000;
margin: 0;
padding: 1px 15px ! important;
text-align: right;
}
/* column container */
.colmask{
position: relative; /* This fixes the IE7 overflow hidden bug */
clear: both;
font-size: .9em;
float: left;
width: 100%; /* width of whole page */
overflow: hidden; /* This chops off any overhanging divs */
}
/* common column settings */.colleft,.colmid,.colright{
float: left;
width: 100%;
position: relative;
margin-top: .5em;
}
.col1,.col2,.col3{
float: left;
position: relative;
padding: 0 0 1em 0;
overflow: hidden;
margin-top: .3em;
}
/* 3 Column settings */.threecol{
background: url(../images/rc_g.png) repeat;
}
.threecol .colmid{
right: 25%; /* width of the right column */ /*
background: #33332D; center column background colour */
background: url(../images/cc_g.png) repeat;
}
.threecol .colleft{
right: 50%; /* width of the middle column */
background: url(../images/lc_g.png) repeat; /*left column background colour*/
}
.threecol .col1{
width: 46%; /* width of center column content (column width minus padding on either side) */
left: 102%; /* 100% plus left padding of center column */
color: #dddddd;
}
.threecol .col2{
width: 21%; /* Width of left column content (column width minus padding on either side) */
left: 31%; /* width of (right column) plus (center column left and right padding) plus (left column left padding) */
color: #223130;
}
.threecol .col3{
width: 21%; /* Width of right column content (column width minus padding on either side) */
left: 85%; /* Please make note of the brackets
here: (100% - left column width) plus (center column left and right padding) plus (left column left and right padding) plus (right column left padding) */
color: #dddddd;
}
/* 3 Column blog style settings */
.blogstyle{ /*
background: #ffa340; right column background colour */
background: url(../images/lc_g.png) repeat;
}

.blogstyle .colmid{
right: 25%; /* width of the right column */ /*
background: #263e3c; center column background colour */
background: url(../images/cc_g.png) repeat;
}


.blogstyle .colleft{
right: 30%; /* width of the middle column */ /*
background: #33332D; left column background colour */
background: url(../images/rc_g.png) repeat;
}
.blogstyle .col1{
width: 41%; /* width of center column content (column width minus padding on either side) */
left: 57%; /* 100% plus left padding of center column */
color: #f8f8f8;
}

.blogstyle .col2{
width: 26%; /* Width of left column content (column width minus padding on either side) */
left: 61%; /* width of (right column) plus (center column left and right padding) plus (left column left padding) */
color: #dddddd;
}
.blogstyle .col3{
width: 21%; /* Width of right column content (column width minus padding on either side) */
left: 65%; /* Please make note of the brackets
here: (100% - left column width) plus (center column left and right padding) plus (left column left and right padding) plus (right column left padding) */
color: #223130;
}
/* 2 Column (left menu) settings */.leftmenu{ /*
background: #33332D;*/ /* right column background colour */
background: url(../images/rc_g.png) repeat;
}
.leftmenu .colleft{
right: 75%; /* right column width */ /*
background: #ffa340;*/ /* left column background colour */
background: url(../images/lc_g.png) repeat;
}
.leftmenu .col1{
width: 71%; /* right column content width */
left: 102%; /* 100% plus left column left padding */
color: #f8f8f8;
}
.leftmenu .col2{
width: 21%; /* left column content width (column width minus left and right padding) */
left: 6%; /* (right column left and right padding) plus (left column left padding) */
color: #223130;
}
/* 2 Column (right menu) settings */.rightmenu{ /*
background: #ffa340;*/ /* right column background colour */
background: url(../images/rc_g.png) repeat;
}
.rightmenu .colleft{
right: 25%; /* right column width */ /*
background: #33332D;*/ /* left column background colour */
background: url(../images/cc_g.png) repeat;
}
.rightmenu .col1{
width: 71%; /* left column content width (left column width minus left and right padding) */
left: 27%; /* (right column width) plus (left column left padding) */
color: #f8f8f8;
}
.rightmenu .col2{
width: 21%; /* right column content width (right column width minus left and right padding) */
left: 31%; /* (right column width) plus (left column left and right padding) plus (right column left padding) */
color: #f8f8f8;
}
.doublepage{
background: url(../images/rc_g.png) repeat; /* right column background colour */
}
.doublepage .colleft{
right: 50%; /* right column width */
background: url(../images/cc_g.png) repeat; /* left column background colour */
}
.doublepage .col1{
width: 46%; /* left column content width (column width minus left and right padding) */
left: 52%; /* right column width plus left column left padding */
}
.doublepage .col2{
width: 46%; /* right column content width (column width minus left and right padding) */
left: 56%; /* (right column width) plus (left column left and right padding) plus (right column left padding) */
}
/* Full page settings */.fullpage{
background: url(../images/rc_g.png) repeat;
}
.fullpage .col1{
width: 96%; /* page width minus left and right padding */
left: 2%; /* page left padding */
color: #f8f8f8;
}
/*Start Accordion*/#basic-accordian{
width: 810px;
height: auto;
margin-left: auto;
margin-right: auto;
}
.accordion_headings{
cursor: pointer;
color: #72491e;
background: #00c2ba;
margin: 2px 0 2px 0;
padding: 5px 15px 5px 15px;
}
.accordion_headings:hover{
background: #72491e;
color: #ffb417;
padding: 5px 15px 5px 15px;
border-bottom: 0 ! important;
}
.accordion_child{
background: url(../images/rc_g.png) repeat ;
font-size: .9em;
margin: 0;
padding: 5px 15px 5px 15px;
color: #f8f8f8;
}
.header_highlight{
background: url(../images/rc_g.png) repeat ! important;
color: #ffb417;
margin: 0;
padding: 5px 15px 5px 15px;
}
/*start footer*/
#footer{
color: #adceca;
float: left;
width: 810px;
height: 3px;
padding-top: 1px;
margin-left: auto;
margin-right: auto;
margin-top: 10px;
}
#fool{
background: url('../images/backfl.png') repeat;
float: left;
width: 50%;
text-align: left;
padding-left: 0px;
margin-top: 15px;
margin-left: 0px;
font-size: .5em;
}
#foor{
background: url('../images/backfr.png') repeat;
float: right;
padding-right: 0px;
width: 50%;
text-align: right;
margin-top: 15px;
margin-right: 0px;
font-size: .5em;
}
#foor p{
padding-right: 10px;
}
#fool p{
padding-left: 10px;
}