/********************************************************************/
/* some common things */
ul
{
	margin: 0px;
	padding: 0px;
}
h1#sitelogo
{
	font-size: 1.8em;
}
/********************************************************************/
/* where we at? the section header*/
#where
{
        background: #C30000;
        margin: 0px;
}
h2.where
{
	color: #FFFFFF;
	padding: 0.2em 1em 0.2em 9em;
	margin: 0;
	font-size: 2em;
	font-family: Arial, sans-serif;
	font-weight: bold;
	border-bottom: solid 1px #D9D9D9;
}

/********************************************************************/
/* the sidemenu */

#sidemenu
{
	width: 17em;
	float: left;
	margin-right: 2em;
	padding-right: 1px;
	border-right: solid 1px #C0C0C0;
	border-bottom: solid 1px #C0C0C0;
}
#sidemenu h3, #sidemenu li a
{
	border-top: solid 1px white;
}
#sidemenu h3
{
	padding: 0.5em 1em 0.5em 1em;
	background: #F3E9D5;
}
ul#submenu li
{
	display: inline; /* this gets rid of the gaps */
}
ul#submenu li a
{
	padding: 0.5em 1em 0.5em 3em;
	font-size: 0.9em;
        font-weight: bold;
	vertical-align: bottom;
	display: block;
	background: url(site_images/menu.png) 1em 50% no-repeat #E2E2E2;
}

ul#submenu ul li.inactive a
{
	padding: 0.5em 1em 0.5em 4em;
	background: #9B0303;
}
ul#submenu ul ul li.inactive a
{
	padding: 0.5em 1em 0.5em 5em;
	background: #740000;
}

ul#submenu ul ul ul li.inactive a
{
	padding: 0.5em 1em 0.5em 6em;
	background: #E2E2E2;
}

ul#submenu ul ul ul ul li.inactive a
{
	padding: 0.5em 1em 0.5em 7em;
	background: #E2E2E2;
}

ul#submenu ul li.active a
{
	padding: 0.5em 1em 0.5em 4em;
	background: #9B0303;
}
ul#submenu ul ul li.active a
{
	padding: 0.5em 1em 0.5em 5em;
	background: #E2E2E2;
}

ul#submenu ul ul ul li.active a
{
	padding: 0.5em 1em 0.5em 6em;
	background: #E2E2E2;
}

ul#submenu ul ul ul ul li.active a
{
	padding: 0.5em 1em 0.5em 7em;
	background: #E2E2E2;
}


ul#submenu li a:hover
{
	display: block;
	background: url(site_images/hover_menu.png) 1em 50% no-repeat #CCCCCC;
	text-decoration: none;
	color: white;
}
ul#submenu li.active a
{
	color: white;
	background: #C00000;
}
ul#submenu li.active a:hover
{
	color: white;
	background: #CCCCCC;
}

ul#submenu li.activeparent a
{
	color: white;
	background: #C00000;
}
ul#submenu li.activeparent a:hover
{
	color: white;
	background: #CCCCCC;
}

ul#newsmenu li
{
	display: inline; /* this gets rid of the gaps */
}
ul#newsmenu li a
{
	padding: 0.5em 1em 0.5em 3em;
	font-size: 0.9em;
        font-weight: bold;
	vertical-align: bottom;
	display: block;
	background: url(site_images/menu.png) 1em 50% no-repeat #E2E2E2;
}

ul#newsmenu li a:hover
{
	display: block;
	background: url(site_images/hover_menu.png) 1em 50% no-repeat #CCCCCC;
	text-decoration: none;
	color: white;
}
ul#newsmenu li.active a
{
	color: white;
	background: #C00000;
}
ul#newsmenu li.active a:hover
{
	color: white;
	background: #CCCCCC;
}

.leftbox
{
	background: #E2E2E2;
	padding: 1.5em;
	font-size: 0.9em;
}
.leftbox label
{
	display: block;
	font-size: 0.9em;
	color: #707070;
	padding: 0.4em 0 0.4em 0;
}
#quickmenu
{
	text-align: right;
}
#upshrink
{
	display: none;
}
#sidemenu form
{
	padding: 0.5em 1em 1em 3em;
	font-size: 0.9em;
	vertical-align: bottom;
	background: #E2E2E2;
}

/********************************************************************/
/* the main content */

#content
{
	border-top: solid 1px #FFFFFF;
	padding: 1em 3em;
	margin-left: 16em;
        vertical-align: top;
}
#content p
{
	font-size: 1em;
	line-height: 1.3em;
}
#content h3
{
	color: #C30000;
	font-size: 1.2em;
	margin: 1em 0 0.3em 0;
}
#content h4
{
	color: #404040;
	font-size: 1.1em;
	margin: 2em 0 0.7em 0;
}


/********************************************************************/
/* subsections */
div.snav
{
	margin-top: 1.5em;
	overflow: hidden;
	padding: 0 0 1em 0;
}
div.snav h6
{
	font-size: 0.9em;
}
#content ul.snav li
{
	float: left;
	font-size: 0.8em;
	display: block;
	padding: 0.1em 1em 0.1em 1em;
	border-left: solid 1px #808080;
	margin: 0;
}
#content ul.snav li.first
{
	border: none;
	padding-left: 0;
}
#content ul.snav li#active a
{
	font-weight: bold;
	color: #C30000;
}
#content dl.conv
{
	padding: 1em;
	font-size: 0.9em;
}
#content dl.conv dt
{
	display: block;
	font-weight: bold;
	margin: 0.5 0 1em 1em;
}
#content dl.conv dd
{
	padding: 0 0 2em 0;
	line-height: 1.4em;

}
#content blockquote
{
	margin: 1em;
	padding: 0.1em 2em 1em 3em;
	font-family: arial, sans-serif;
	font-size: 1.2em;
	background: url(site_images/quote.png) no-repeat #F0F3FC;
}
#content blockquote p, #content p
{
	padding: 1em 0 0 0;
	margin: 0;
}
#content blockquote cite
{
	display: block;
	text-align: right;
	font-size: 0.9em;
	background: url(site_images/quote_end.png) no-repeat right top #F0F3FC;
	padding: 30px 30px 0 0;
}
#content ol#principles
{
	list-style: circle;
	padding: 0 1em 1em 1em;
	font-size: 0.9em;
}
#content form#contactform fieldset
{
	margin-top: 2em;
	border: solid 1px #e0e0f0;
	font-size: 0.9em;
	background: url(site_images/news_background.png) top right no-repeat #fff;
}
#content form#contactform fieldset label
{
	float: left;
	display: block;
	width: 8em;
	margin: 0.3em;
}
#content form#contactform fieldset input
{
	background: #f0f0f0;
	margin: 0.3em;
}
#bodyarea
{
	overflow: auto;
}
* html #bodyarea
{
	height: 1%;
}
#content table.site
{
	border: 1px solid #999;
	background: white;
}
#content table.site caption
{
	font-weight: bold;
	padding: 1em 0 0.5em 0;
	text-align: left;
}
#content table.site th, #content table.site tr.head td
{
	background: #88A6C0;
	color: white;
	font-size: 0.9em;
}
#content table.site tr.even td
{
	background: #F0F4F6;
}
#content table.site tr.odd td
{
	background: #E8EAEE;
}
/* ############################## */
/* customize main page */
#content ul
{
	list-style: circle;
	padding: 25px 0 0 25px;
}
#content ul li
{
	margin: 0;
	padding: 0px;
}
#content ul li p
{
	padding: 0 1em 1em 85px;
	font-size: 1em;
}


/* ########################### */
/*                Common styles                       */
/*###########################*/

/* set all paddings and margins to 0, so we can shape them ourselves */
* 
{
	padding: 0;
	margin: 0;
}


a:link
{
	color: #476C8E;
	text-decoration: none;
}
/* When you have visited those links. */
a:visited
{
	color: #476C8E;
	text-decoration: none;
}
/* .and fianlly when hovering above them */
a:hover
{
	text-decoration: underline;
}



/* By default (td, body..) use verdana in black. */
body, td, th , tr
{
	color: #000000;
	font-size: small;
	font-family: verdana, sans-serif;
}

/* Now we get to set a padding for all styled cells */
td .windowbg, td .windowbg2
{
	padding: 0.5em;
}
/* The main background. */
body
{
	background: url(images/site/background.jpg) no-repeat #CCC;
	padding: 20px 0 20px 0 ;
}

a img
{
	border: 0;
}

/* ######################################*/

/* by default a padding is added for left/right main borders  */ 
.mainpadding
{
	padding-left: 1em;
	padding-right: 1em;
}
/* the top section with the logo and user details */
#toparea
{
	background: url(images/top_background.jpg) #7F9DB9 repeat-x;
}
#toparea, #toparea a:link, #toparea a:visited
{
	color: white;
}
/* The main header is up here too */
#toparea h1
{
	font-size: 1.8em;
	padding: 1em 0 1em 1em;
}
#bodyarea
{
	background: url(images/bodyarea.jpg) repeat-x #FFFFFF;
}
#footerarea
{
	text-align: center;
	padding: 1em;
	background: #FFFFFF;
}
#footerarea hr
{
	padding: 0;
	width: 50%; 
	margin: 0.5em auto 0.5em auto;
}

.outerborder
{
	border: solid 1px #BBB;
	background: #FFF;
}
/* ********************************* */
/* the main menu on top */
/* ********************************** */
#mainmenus ul#menulist
{
	list-style: none;
}
#mainmenus ul#menulist li
{
	float: left;
	white-space: nowrap;
}
#mainmenus ul#menulist li a
{
	display: block;
	padding: 0.4em 0.6em 0.4em 0.6em;
	background: #819DB5;
	color: white;
	text-transform: uppercase;
	border-top: solid 1px #5A82A4;
	border-bottom: solid 1px #5A82A4;
	font-size: 0.85em;
	font-family: Trebuchet, Helvetica, sans-serif;
}
* html #mainmenus ul#menulist li ul li a
{
	display: inline-block;
	display: block;
	height: 1%;
}
#mainmenus ul#menulist li a#first:visited, #mainmenus ul#menulist li a#first:link
{
	border-left: solid 1px #5A82A4;
}
#mainmenus ul#menulist li a#last:visited, #mainmenus ul#menulist li a#last:link
{
	border-right: solid 1px #5A82A4;
}
#mainmenus ul#menulist li a:hover, #mainmenus ul#menulist li a.active:hover
{
	display: block;
	background: #607D96;
	text-decoration: none;
}
#mainmenus ul#menulist li a.active:link, #mainmenus ul#menulist li a.active:visited
{
	display: block;
	background: #3A6284;
	color: white;
}
/* the submenus.. */
#mainmenus ul#menulist ul li
{
	position: relative;
	float: left;
	padding-right: 4px; 
	text-transform: uppercase;
}
#mainmenus ul#menulist li ul li
{
	background: none;
	width: 16em;
	float: none;
	margin: 0;
	padding: 0;
}
#mainmenus ul#menulist li ul 
{
	margin: 0;
	z-index: 90;
	display: none;
	position: absolute; 
	border: solid 1px #808080;
	background: #F8F8FB;
}
#mainmenus ul#menulist li > ul
{
	top: auto;
	left: auto;
}
#mainmenus ul#menulist li:hover ul, #mainmenus ul#menulist li.over ul
{
	display: block; 
}
#mainmenus ul#menulist li ul li:hover ul, #mainmenus ul#menulist li ul li.over ul
{
	display: block;
	left: 13em;
}

a.nav
{
	font-weight: bold;
}

.clearfix:after 
{
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix 
{
	display: inline-block;
}

/* Hides from IE-mac \*/
* html .clearfix , * html .catbg, * html .catbg2, * html .catbg3
{
	height: 1%;
}
/* End hide from IE-mac */


a#top 
{
	float: left;
	padding: 0;
	margin-top: 1.5em;
	margin-left: 1.5em;
}
/* The overall container */
#container
{
	width: 90%;
	margin: auto;
}
#frame
{
	border: solid 1px #aaa;
	padding: 1px;
}
#header
{
	width: 100%;
	padding: 0;
	background: url(images/header_right.gif) top right no-repeat #FFFFFF;
}

#header ul
{
	background: url(images/header_left.gif) no-repeat #FFFFFF;
	list-style: none;
	float: left;
	margin: 0px 0em 0 0;
	padding: 55px 0px 55px 15em;
	height: 19px;
}
#header li
{
	float: left;
	white-space: nowrap;
}
#header li a:visited, #header li a:link
{
	display: block;
	padding: 0.1em 0.3em 0.3em 0.3em;
	color: black;
	font-size: 1.1em;
	font-family: arial, Helvetica, sans-serif;
	border-bottom: solid 3px #CCC;
	border-top: solid 3px #CCC;
}
#header li a:hover, #header li a.active:hover
{
	text-decoration: none;
	border-bottom: solid 3px #C30000;
        border-top: solid 3px #C30000;

}
#header li a.active:link, #header li a.active:visited
{
	border-bottom: solid 3px #C30000;
	border-top: solid 3px #C30000;
	font-weight: bold;
}

p.labels label
{
	display: block;
	width: 50%;
	font-weight: bold;
	text-align: right;
	float: left;
}
p.labels label, p.labels input
{
	margin: 0.3em;
}
/* a floated horizontal list ? */
ul.float_list
{
	list-style: none;
}
ul.float_list li
{
	display: block;
	float: left;
	padding: 0.5em 1em 0.5em 1em;
	white-space: nowrap;
}




/* full width for opera */

html>body .fullwidth
{
	width: 100%;
}



/* Start of 'AG Module: News' */
div#news {

  margin: 2em 0 1em 1em;  /* margin for the entire div surrounding the news list */

  border: 1px solid #000; 

  background: url(images/main/repeater.gif); 

}



div#news h2 {

   line-height: 2em;

   background: #fff;

}



.NewsSummary {

    padding: 0.5em 0.5em 1em; /* padding for the news article summary */

    margin: 0 0.5em 1em 0.5em; /* margin to the bottom of the news article summary */

    line-height: 150%;

border-bottom: 1px solid #ccc; 

}



.NewsSummaryPostdate {

  font-size: 90%;

  font-weight: bold;

 }



.NewsSummaryLink {

    font-weight: bold;

    padding-top: 0.2em;

}



.NewsSummaryCategory {

  font-style: italic;

  margin: 5px 0;

display:none

 }



.NewsSummaryAuthor {

  font-style: italic;

  padding-bottom: 0.5em;

}



.NewsSummarySummary, .NewsSummaryContent {

  line-height: 140%;

 }



.NewsSummaryMorelink {

  padding-top: 0.5em;

}



#NewsPostDetailDate {

  font-size: 90%;

  margin-bottom: 5px;

  font-weight: bold;

  }



#NewsPostDetailSummary {

   line-height: 150%;

   }



#NewsPostDetailCategory {

  font-style: italic;

  border-top: 1px solid #ccc;

  margin-top: 0.5em;

  padding: 0.2em 0;

}



#NewsPostDetailContent {

  margin-bottom: 15px;

  line-height: 150%;

  }



#NewsPostDetailAuthor {



  padding-bottom: 1.5em;

  font-style: italic;

}





/* to add specific style to the below divs, uncomment them. */



/* 

#NewsPostDetailTitle {}

#NewsPostDetailHorizRule {}

#NewsPostDetailPrintLink {}

#NewsPostDetailReturnLink {}

*/
/* End of 'AG Module: News' */


ul#submenu2 li
{
	display: inline; /* this gets rid of the gaps */
}
ul#submenu2 li a
{
	padding: 4em 4em 4em 4em;
	font-size: 0.9em;
        font-weight: bold;
	vertical-align: bottom;
	display: block;
	background: url(site_images/menu.png) 1em 50% no-repeat #E2E2E2;
}

ul#submenu2 li a:hover
{
	display: block;
	background: url(site_images/hover_menu.png) 1em 50% no-repeat #CCCCCC;
	text-decoration: none;
	color: white;
}
ul#submenu2 li.active a
{
	color: white;
	background: #C00000;
}
ul#submenu2 li.active a:hover
{
	color: white;
	background: #CCCCCC;
}
/* End of 'Ventana' */