/* NORMAL STRUCTURE OF THIS DOCUMENT:

1. BODY, H1 etc. 
2. MAIN LINK SETTINGS
3. CONTAINER (MAIN WRAPPER)
4. HEADER
5. LEFT (OPTIONAL)
5. MAINCONTENT
6. RIGHT (OPTIONAL)
7. FOOTER (OPTIONAL)
8. ITOOLS
9. TOOLBOX
10. FORMS (OPTIONAL)

FOR OTHER TEMPLATE CSS, SEE SPECIFIC CSS FILE (news.css...)

MENU CSS IS DEFINED IN menu.css

*/



/* PREDEFINED HTML TAGS
------------------------------------------------------------------ */

body{
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size:67%;
	line-height:140%;
	margin:0;}

h1 {
	font-size: 160%;
	color:#4dafe4;
	border-bottom:1px dotted #b3d9f2;
	margin:0 0 10px;
	padding:0 0 10px 0;}
		
h2 {
	font-size: 140%;
	color:#4dafe4;
	margin:0;
	padding:0 0 10px 0;}
	
h2 a:link,
h2 a:visited {
	color:#4dafe4;
	text-decoration:none;}
	
h3 {font-size: 110%;}	
h4 {font-size: 100%;}	
h5 {font-size: 90%;}	
h6 {font-size: 50%;}


/* MAIN LINK SETTINGS
------------------------------------------------------------------ */
a:link,
a:visited {
	color:#000000;
	text-decoration:underline;} 

a:hover, 
a:active {
	text-decoration:none;}


/* CONTAINER  (This is the mainwrapper)
------------------------------------------------------------------ */
#container {
	position:relative;
	width:963px;
	margin:0 auto;
	background-color:#FFFFFF;
	border: 0px solid #FFFFFF; border-width: 0 2px 0 3px;}


/* HEADER (if need, use .left & .right css)
------------------------------------------------------------------*/
#header {
	width:100%;
	height:160px;}
	
#header .left {
	position:absolute;
	left:0;
	top:0;
	width:699px;}
	
#header .left .picture {
	padding-top:20px;
	width:698px;
	height:140px;
	overflow:hidden;}
	
#header .right {
	position:absolute;
	right:0;
	top:0;
	width:265px;
	height:160px;
	overflow:hidden;
	background-color:#dbedf9;}
	
	
/* MAINCONTENT (inner templates)
------------------------------------------------------------------ */
#mainContent {
	float:left;
	padding:40px 0 15px 35px;
	width:500px;
	position:relative;}
	
#mainContent .breadcrum {
	position:absolute;
	left:5px;
	top:3px;
	color:#999999;
	width:450px;
	font-size:9px;}
	
.breadcrum a:link,
.breadcrum a:visited {
	color:#999999;
	text-decoration:underline;}
	
#mainContent .setHomepage {
	position:absolute;
	right:-35px;
	top:3px;
	color:#999999;
	font-size:9px;}
	
.setHomepage a:link,
.setHomepage a:visited {
	color:#999999;
	text-decoration:underline;}
	
/* MAINCONTENT WRAPPER (due to the need for a bg all the way down)
------------------------------------------------------------------ */
#wrapper {
	background-image:url(../templateImages/bgWrapper.gif);
	background-repeat:repeat-y;
	width:963px;}


/* LEFT
------------------------------------------------------------------ */
#left {
	float:left;
	width:193px;}

/* See http://www.neuroticweb.com/recursos/css-rounded-box */
#left .rbroundbox { background: url(../templateImages/roundCorners/nt.gif) repeat; }
#left .rbtop div { background: url(../templateImages/roundCorners/tl.gif) no-repeat top left; }
#left .rbtop { background: url(../templateImages/roundCorners/tr.gif) no-repeat top right; }
#left .rbbot div { background: url(../templateImages/roundCorners/bl.gif) no-repeat bottom left; }
#left .rbbot { background: url(../templateImages/roundCorners/br.gif) no-repeat bottom right; }

/* height and width stuff */
#left .rbtop div, 
#left .rbtop, 
#left .rbbot div, 
#left .rbbot {
	width: 100%;
	height: 7px;
	font-size: 1px;}

#left .rbcontent {
	margin: 0 9px;
	font-size:10px;
	 }
#left .rbroundbox { width: 90%; margin: 1em auto; }


/* RIGHT
------------------------------------------------------------------ */
#right {
	float:right;
	width:174px;}
	
#right .search {
	background-color:#b3d9f2;
	margin:2px 0 2px 0;
	padding:2px 2px 2px 4px;}

#right .search input {
	width:110px;}
	
#right .search .button {
	background-color:#b3d9f2;
	color:#000000;
	border:none;
	width:27px;}
	

#right p {
	margin:0;
	padding:0;}


/* FOOTER (outside the #container)
------------------------------------------------------------------ */
#footer {
	background-image:url(../templateImages/bgFooter.gif);
	background-repeat:no-repeat;
	height:35px;
	padding-top:6px;
	margin:0 auto;
	font-size:10px;
	text-align:center;
	width:970px;}
#footer p {
	display:inline;}
	

	
/* TOOLBOX
------------------------------------------------------------------ */
.hide{ display:none;}
.bold {font-weight:bold;}
.floatLeft {float:left;}
.floatRight {float:right;}
.clear {clear:both;}
.clearIE {
     clear:both; 
     height:0; 
     margin:0;
     font-size:1px;
     line-height:0px;}
.absMiddle {
	vertical-align:middle;}
.horLine {
	border-top:1px dotted #b3d9f2;
	margin:5px 0;}
img {
	border:none;}
.small {
	font-size:80%;}
.padding {
	padding-top:6px;}	 
	 
/* FORMS
------------------------------------------------------------------ */
form {
	margin:0;
	padding:0;}

input {}
	
.button {}



/* BOX 
------------------------------------------------------------------*/	
.box {
	xborder: 1px solid #eec200; border-width: 0 1px 1px 1px;
	background-color:#f6f6f8;
	padding:7px;
	line-height:18px;}


/* NEWS 
------------------------------------------------------------------*/	
.news {
	padding:5px;}

.news .thumbnail {
	float:left;

	padding:0 15px 10px 0;}
	
.news p {
	padding:0;
	margin:0;}
	
.news h2 {
	font-size:115%;
	padding:0 0 3px 0;
	margin:0;
	color:#4A7B10;}
	
.news h2 a:link,
.news h2 a:visited {
	color:#000000;
	text-decoration:none;}
	
.news .content { /* heading & ingress */
	
	}

#moreresults ul {
	margin-left:0px;
	padding-left:0px;}
	
#moreresults ul li {
	display:inline;}