/***************************************
    GLOBAL NAVIGATION STYLES: #globalnav
    ------------------------------------
    Style rules for the *global*
    navigation.
***************************************/

#globalnav
{
    height:auto !important;
    height:34px;
    min-height:34px;
    font-family: Century Gothic,Arial,Helvetica,Sans-Serif;
    font-weight:bold;
    font-size:15px;
    color:#000;
    padding-left:170px;
    position:relative
}

#globalnav ul li{}
#globalnav a{color:#a5e2e3}
#globalnav a:hover{color:#89b8b8;}

#globalnav ul 
{
    text-align:center;
    margin: 0;
    padding: 0;
}

#globalnav ul li
{
    list-style-type:none;
    display:inline;
    padding:6px 10px 10px;
    float:left;
    margin-right:10px
}

#globalnav li.active {
    background: #417b7b;
}

#globalnav ul ul{visibility:hidden}
#globalnav ul li:hover ul{visibility:visible;}
* html #globalnav ul li:hover ul {margin-left: -70px;z-index: 100;}

#globalnav ul.subnav {
    background:#3f797a none repeat scroll 0 0;
    border-bottom:5px solid #4c9292;
    position:absolute;
    top:33px;
    margin: 0;
    padding: 0;
    width:91px;
}


/***************************************
****************************************
    LAYOUT AND STYLES
****************************************
***************************************/

/***************************************
****************************************
    LAYOUT
    ------------------------------------
    DO NOT ADD FORMATTING STYLES TO
    THIS SECTION - IT IS FOR *LAYOUT*
    INFORMATION ONLY. MARGIN AND PADDING
    INFORMATION *SHOULD* GO IN HERE.
****************************************
***************************************/
div#container
{
    margin:0 auto;
    width:960px;
    text-align:left;
    padding: 0;
}

.person {
	float:left;
	#minheight:230px;
	height:460px;
	padding:0 30px 0 0;
	width:150px;
	border-top:solid 1px #bfbfbf;
	margin-right:30px;
	margin-bottom:15px
}

.person h3{font-size:20px}
.person p b{font-size:10px}
.person b{margin:10px 0}
.person p {margin-bottom: 5px;}


/**************************************/
/* HEADER */
div#header
{
    height:auto !important; /*ie6 min height*/
    height:130px;
    min-height: 130px;
    background:url(../Images/logo.jpg) no-repeat top left;
}


/**************************************/
/* CONTENT */
div#main
{
}

div#wrap
{    
    width:630px;
    float:left;
    margin-bottom:20px
}

div#content_inside
{    
  margin-bottom:40px
 
}

iframe
{
	margin-left:5px;
	border:4px solid #5f9797
}


/**************************************/
/* RHS / EXTRA INFO */
div#rhs
{   
    float:right;   
    width:256px
}


/**************************************/
/* FOOTER */
div#footer
{   
    clear:both
}


/***************************************
    END
***************************************/



/***************************************
****************************************
    GENERAL STYLES
    ------------------------------------
    PLEASE ADD NEW STYLE RULES TO THE
    APPROPRIATE SECTION ONLY. DO NOT
    REMOVE SECTION HEADERS EVEN IF THEY

    ARE NOT IN USE.


    Reminder: If you're setting a width
    and a padding/margin you're looking
    for trouble with ie6
    http://css.maxdesign.com.au/listamatic/about-boxmodel.htm


****************************************
***************************************/

/***************************************
    MEDIA STYLES
    -----------------------------------
    Add any styles here that only
    need to appear on a certain device.
***************************************/
/*If a title has an image instead of text then this
 will display the text rather than the image*/
@media handheld
{    
    .hidetext,
    #logo
    {
        text-indent:0;
        background:none
    }   
}


@media print 
{
    /*more styles in tripoli/print.css*/
    div#rhs,
    div#globalnav
    {
        display:none
    }
}


/***************************************
    USEFUL ONE LINERS
    -----------------------------------
    Any useful simple one liners here.
***************************************/
.hidetext
{
	text-indent:-9000px;
	overflow:hidden
}


/***************************************
    GLOBAL STYLES
    ------------------------------------
    Style rules with a global effect.
***************************************/
/**
{
}
*/
html 
{
    background:#ededed url(../Images/main_bg.gif) repeat-x center top;
}

body
{
    color:#5b5b5b;
    text-align: center;
    /*text-shadow:#000000 0 0 0*/
}

a
{
    color:#f418a9;
    text-decoration:none
}

a:link{color:#7cb1b1}
a:visited{color:#7cb1b1}
a:hover{color:#bfbfbf}
a:active{color:#7cb1b1}

#header a:link{color:#fff}
#header a:hover{color:#74a8a8}

#footer a:link{color:#fff}
#footer a:visited{color:#fff}
#footer a:hover{color:#fff}
#footer a:active{color:#fff}

p{padding:0;margin:0 0 20px 0}

h1{color:#7cb1b1;font-family:Century Gothic,Arial,Helvetica,Sans-Serif;font-size:30px;margin:10px 0;font-weight:bold}
h2{color:#7cb1b1;font-family:Century Gothic,Arial,Helvetica,Sans-Serif;font-size:28px;margin:10px 0;font-weight:bold}
h3{color:#7cb1b1;font-family:Century Gothic,Arial,Helvetica,Sans-Serif;font-size:20px;margin:10px 0;font-weight:bold}



#head_rhs h2{color:#fff;font-family:Century Gothic,Arial,Helvetica,Sans-Serif;font-size:26px;padding:10px 0 10px 50px;font-weight:bold;margin:0 0 0 0} 
#wrap h2{color:#7cb1b1;font-family:Century Gothic,Arial,Helvetica,Sans-Serif;font-size:28px;margin:10px 0 30px 0px;font-weight:bold;margin-bottom:20px;display:block}

#wrap em
{
    color:#366;
    float:right;
    height:1px;
    overflow:hidden;
    padding:18px 20px;
    width:46px
}

#head_rhs p{color:#bfeded;padding:0;margin:0}
.quotes_home{margin-top:70px}
.item_1{margin:6px 0}
.body_list{}
.ul{margin:30px}
.ul, li{color:#3f797a;list-style-image:none;list-style-position:outside;list-style-type:square;padding:6px 0}
address{font-style:italic;margin-left:20px}
#gal{}
#gal img{border:4px solid #3f797a;height:100px;width:100px}
#gal ul li{float:left;margin:10px 10px 0 0;width:108px}
#container{}
#main_contain{width:988px;background:#ffffff url(../Images/body_bg.gif) repeat-y center center}
.clear{clear:both}
hr.clear{display:block;clear:left;padding:0;padding-top:0;visibility:hidden;width:1px}
.clearfix:after{clear:both;content:".";display:block;height:0;visibility:hidden}
.clearfix{display:inline-block}


/***************************************
    HEADER STYLES: #header
    ------------------------------------
    Style rules for the header
    area only.
***************************************/
#header{}
#header #logo
{
    display:block;
    height:130px;
    position:absolute;
    top:0;
    left:150px;
    width:606px;
    text-indent:-9000px;
    overflow:hidden;
}

#header ul li
{
    color:#fff;
    font-size:15px;
    margin:0 20px 0 0;
    clear:right;
    font-size:15px;
    color:#ffffff;
    display:inline;
    font-weight:bold;
    padding: 0;
}   

#header ul {padding:80px 0 0 135px;margin: 0;}
#header #contact em
{
    font-weight:bold;
    font-style:normal;
    padding-right:16px
}

#header #contact a
{
    color:#fff;
    font-weight:bold
}    

.head_box
{
height: 125px;
}

.head_box p a.internal-link img 
{
float: right;
}

/***************************************
    BREADCRUMB STYLES: #breadcrumb
    ------------------------------------
    Style rules for the breadcrumb
    only.
***************************************/
#breadcrumb{}


/***************************************
    MAIN AREA STYLES: #main
    ------------------------------------
    Style rules for the main page area
    (all content areas).
***************************************/
#main
{    
    width:930px;
    margin:0 auto
}

#main .something{}


/***************************************
    RHS AREA STYLES: #rhs
    ------------------------------------
    Style rules for the RHS column.
***************************************/
#rhs
{
    background:#cedede;
    height:100%;
    float:right;
    padding:5px 15px 15px 20px
}


/***************************************
    CONTENT STYLES: #content
    ------------------------------------
    Style rules for the primary
    content area only.
***************************************/
#content
{
    background:url(../Images/sprites1.png) 0 -771px no-repeat
}

#content .cms *[style],
#content .cms *[style] *[style],
#content .cms *[style] *[style] *[style],
#content .cms *[style] *[style] *[style] *[style]
{
    color:inherit !important;
    font-size:inherit !important
}

#content table{}
#content table caption{caption-side:bottom}
#content table thead{}
#content table tbody{}
#content table td{}
#content table th{}
#content table .odd{}

#content ol{}
#content ul{}
#content li{}


/***************************************
    FORMS STYLES: #content form
    ------------------------------------
    Style rules for form
    areas only.
***************************************/



/***************************************
    FOOTER STYLES: #footer
    ------------------------------------
    Style rules for the footer
    area only.
***************************************/
#footer
{
    background:url(../Images/footer.gif) repeat-x center bottom;
   # padding:10px 0;
    height:109px;
    font-size:11px
}

#footer .ie
{
    margin:0
}

#footer 

.footerleft {
float:left;
text-align:left;
width:250px;
color: #FFFFFF;
}

#footer 
.footerright {
float:right;
width:580px;
text-align:right;
color: #FFFFFF;
padding-top:25px;
}

#footer .footerbottom{}
#footer .content{width:960px;margin:0 auto;padding:15px 0}
#footer ul li{display:inline;margin:0 0 0 0px;color:#fff}
#footer ul.left li{display:inline;margin:0 3px 0 0;color:#fff;height:30px;width:40px}



/***************************************
    WIDGET STYLES: content and rhs
    ------------------------------------
    Style rules for specific pages.
    Replace the id #container with a
    unique id to do this.
***************************************/



/***************************************
    SINGLE PAGE STYLES: #page
    ------------------------------------
    Style rules for specific pages.
    Replace the id #container with a
    unique id to do this.
***************************************/


/***************************************
    JAVASCRIPT STYLES
    ------------------------------------
    Style rules for specific javascript
    files.

***************************************/
.left {float:left;}
.feature{border:solid 5px #366;width:240px;float:right;height:165px;overflow:hidden;background:url(../Images/pic_bottom.gif) bottom center}
.image_p{height:100%;width:250px;background:#366;color:#fff;float:right;margin:10px}
.image_p p{text-align:center;padding:10px;margin:0}
.feature img{border:solid 1px #719898}
#rhs_bg {background:transparent url(../Images/rhs_bg.gif) repeat-y scroll 663px top;width:100%;height:100%} 
#header_sec{width:988px;height:293px;background:url(../Images/top_header.png) top center no-repeat;margin-top:-9px}
#header_sec .split{width:166px;height:6px;background:url(../Images/rhs_split.gif) top center no-repeat;margin:15px auto 0}
#header_sec #content{padding:23px 2px 3px 30px;width:929px}
#header_sec .sep_line{height:10px;width:100%;background:#3f797a;visibility:visible}
#header_sec #main_image{width:633px;height:261px;overflow:hidden;float:left}
#header_sec #head_rhs{background:#508a8a url(../Images/header_top_edge.gif) top right no-repeat;float:right;height:253px;width:256px; padding:4px 20px;overflow:hidden}
#header_sec .badge{width:147px;height:129px;background:url(../Images/badge.gif) top center no-repeat}
.learn_more{width:77px;height:21px;background:#4f9595 url(../Images/learn_more.gif) center center no-repeat;float:right}

#subnav_Training
{
    background:#3f797a none repeat scroll 0 0;
    border-bottom:5px solid #4c9292;
    height:77px;
    left:460px;
    padding-top:10px;
    position:absolute;
    top:33px;
    width:84px
}

#subnav_Aboutus
{
    background:#3f797a none repeat scroll 0 0;
    border-bottom:5px solid #4c9292;
    height:40px;
    left:287px;
    padding-top:10px;
    position:absolute;
    top:33px;
    width:91px
}

#sitemap .AspNet-Menu-WithChildren{}
#sitemap .AspNet-Menu-Leaf{}
#sitemap ul{}
#sitemap li{list-style-type:disc;margin-left:20px;padding: 5px 0}
hr{border:none;color:#ccc}
#header_sec .badge{width:147px;height:129px;background:url(../Images/iab_banner.png) top center no-repeat;padding:12px;position:absolute;margin:8px 0}

/*Quotes*/

.quotecolumn {float:left;}
.quote{background:#4f9595 url(../Images/quote.gif) no-repeat center bottom;height:100%;margin:0 13px;padding-bottom:17px;position:relative;width:273px;}


#quote ul{}
#quote ul li{margin-bottom:20px}

#quote strong, h4
{
    border-bottom:1px solid;
    color:#7cb1b1;
    display:block;
    font-family:Century Gothic,Arial,Helvetica,Sans-Serif;
    font-size:19px;
    font-weight:bold;
    margin:10px 0 20px;
    padding-bottom:13px
}


.quote p{color:#fff;display:block;font:italic 20px Georgia;padding:15px 10px 0 20px}
.quote span{color:#111;font-size:12px;margin-bottom:21px;padding:1px 0;position:relative;width:191px}






/* Quotes end */



#body_bottom {background:url(../Images/bg_bottom.gif) no-repeat top center;height:76px;margin:0 auto;width:1005px}


.news_post ul{padding:10px 0}
.news_post ul li{display:inline;float:left;margin:15px 20px 0 0}
.news_post ul li img{border:4px solid #3f797a}

#wrap .news_post p{margin-bottom:30px;width:615px}
#wrap .news_post span{display:none}
#wrap .news_image{float:left;height:78px;margin:7px 18px 00px 0;width:78px}
#wrap .news_image img{border:4px solid #3f797a;height:70px;width:70px}
.listpic {float:left;height:80px;width:80px;border:4px solid #3f797a; margin: 0px 0px 0px 0px;}
.news-single-backlink a { padding-left: 10px;}

#rhs .news .news_post{border-bottom:1px solid #a7c0c0;margin:0 0 33px;padding-bottom:18px;position:relative}
#rhs .news .news_image{float:left;height:76px;margin:2px 10px 30px 0;overflow:hidden;width:76px}
#rhs .news .news_image img{border:3px solid #366;height:70px;width:70px}
#rhs .news .read_more{background:url(../Images/read_more.gif) no-repeat center center;height:40px;position:absolute;right:-5px;width:112px}



#rhs .news p{margin:0;padding:10px 0}
#rhs .news em{color:#366;font-size:10px;height:10px;left:10px;overflow:hidden;position:absolute;top:80px;width:56px}
#rhs .news strong{color:#366;font-size:14px;font-weight:bold}

span.ie{display:block;height:0;overflow:hidden;visibility:hidden}




/***************************************
    FUTURE CSS
    ------------------------------------
    For testing css2/css3 selectors
    that don't work with all browsers.
***************************************/
/* E.g. This style rule will place an north east arrow after any link on your site to an external site. */
/*a[href^="http://"]:not([href*="smashingmagazine.com"])::after {content: "\2197";content: "\2197";*/

#facebox .b{background:url(../facebox/b.png)}
#facebox .tl{background:url(../facebox/tl.png)}
#facebox .tr{background:url(../facebox/tr.png)}
#facebox .bl{background:url(../facebox/bl.png)}
#facebox .br{background:url(../facebox/br.png)}

#facebox
{
    position:absolute;
    top:0;
    left:0;
    z-index:100;
    text-align:left
}

#facebox .popup
{
    position: relative
}

#facebox table
{
    border-collapse:collapse
}

#facebox td
{
    border-bottom:0;
    padding:0
}

#facebox .body
{
    padding:10px;
    background:#fff;
    width:370px
}

#facebox .loading
{
    text-align:center
}

#facebox .image
{
    text-align:center
}

#facebox img
{
    border:0;
    margin:0
}

#facebox .footer
{
    border-top:1px solid #ddd;
    padding-top:5px;
    margin-top:10px;
    text-align:right
}

#facebox .tl, #facebox .tr, #facebox .bl, #facebox .br
{
    height:10px;
    width:10px;
    overflow:hidden;
    padding:0
}

#facebox_overlay
{
    position:fixed;
    top:0;
    left:0;
    height:100%;
    width:100%
}

.facebox_hide
{
    z-index:-100
}

.facebox_overlayBG
{
    background-color:#000;
    z-index:99
}
----------------------------------------


.news-single-rightbox,
.news-single-imgcaption,
.news-latest-date,
.news-latest-morelink,
.news-latest-category,
.news-list-category,
.news-list-author,
.news-list-imgcaption,
.news-list-date,
.news-list-browse,
.news-amenu-container,
.news-catmenu  {
	font-size:10px;
}



/*-----------------------------------  clearer  -----------------------------------*/
/* prevent floated images from overlapping the div-containers they are wrapped in  */

.news-latest-container HR.clearer,
.news-list-container HR.clearer,
.news-list2-container HR.clearer,
.news-list3-container HR.clearer,
.news-single-item HR.cl-left,
.news-single-item HR.cl-right
 {
	clear:right;
	height:1px;
	border:none;
	padding:0;
	margin:0;
}
.news-list2-container HR.clearer,
.news-list3-container HR.clearer {
	clear:both;
}

.news-single-item HR.cl-left {
	clear:left;
}

/*-----------------------------------  tt_news LATEST view  -----------------------------------*/

.news-latest-container {
	padding: 0px;
}

.news-latest-gotoarchive {
	padding:3px;
	margin:3px;
	background-color:#f3f3f3;
}


.news-latest-container H2 {
  padding: 0 0 2px 0;
  margin:0;
}

.news-latest-item {
	padding:3px;
	margin:0;
}









/*--------------------------------- tt_news LIST view  -----------------------------------*/
.news-list-container {
	padding: 0px 0;

}
.news-list-item {
	padding: 0 0 10px 0;
}

.news-list-container H2 {
	margin: 0px;
}

.news-list-date {
	float: right;
	display:block;
	padding-left:10px;
}

.news-list-imgcaption {
	padding:3px 3px 0 0;

}

.news-list-container IMG {
	float: left;
	margin:0 2px 5px 5px;
	border: none;

}

.news-list-category IMG {
	float: none;
	border:none;
	margin:0px;
}

.news-list-morelink  {
	padding-left:5px;
}



	/*---------------------------------  LIST2 / 3 ---------------------------------*/

.news-list2-container,
.news-list3-container {
	padding: 0 0 10px 0;
}


.news-list2-container,
.news-list3-container {
	background:#e5e5e5;
}

.news-list3-item,
.list2-subdiv-hdr {
	background:#f1f1f1;
}
.news-list2-container .hdr-left,
.news-list2-container .hdr-right,
.news-list3-container .list3-left,
.news-list3-container .list3-right {
	width:48%;
	float:left;
	padding:5px;
}

.news-list2-container .sub-left,
.news-list2-container .sub-middle,
.news-list2-container .sub-right {
	width:31%;
	float:left;
	padding:5px;
}

.news-list3-item {
	padding:5px;
}

.news-list3-item,
.list3-subdiv,
.list2-subdiv {
	border-top:5px solid #fff;
}


.news-list2-container IMG {
	float: right;
	margin:0 2px 5px 5px;
	border: none;

}
.news-list3-container IMG {
	float: left;
	margin:0 5px 5px 2px;
	border: none;

}



	/*---------------------------------  tt_news Page-Browser ---------------------------------*/

.news-list-browse {
	text-align:center;
	margin-bottom:20px;
}

.activeLinkWrap {
	font-weight:bold;
}
.disabledLinkWrap {
	color: #999;
}
.disabledLinkWrap,
.browseLinksWrap a,
.activeLinkWrap {
	padding:0 1px;
}

	/*--------------------------------- tt_news SINGLE view  ---------------------------------*/


.news-single-item {
	padding:5px;
	margin-bottom:5px;


}

.news-single-img {
	float: left;
	margin:0px 0px 0px 0px;
	padding:0;
}

.news-single-img a img {
	float: left;
	border:none;
	height: 80px
	width: 80px;
}

.news-single-imgcaption {
	padding: 1px 0 3px 0;
	margin:0;
}

.news-single-rightbox {
	float: right;
	width:160px;
	text-align:right;
	clear:both;
}
.news-single-backlink {
	padding: 10px;
}



.news-single-additional-info {
	margin-top: 15px;
	padding:3px;
	clear:both;
}

.news-single-related,
.news-single-files,
.news-single-links  {
	margin: 0;
	margin-bottom: 3px;
	padding: 3px;
}

.news-single-related DD,
.news-single-links DD,
.news-single-files DD {
	margin-left: 20px;
}

.news-single-related DT,
.news-single-links DT,
.news-single-files DT {
	font-weight: bold;
	margin-left: 5px;
}

.news-single-files DD A {
	padding:0 3px;
}


	/*--------------------------------- SINGLE2  ---------------------------------*/


.sv-img-big img,
.sv-img-small img {
	border:none;
}

.sv-img-big {
	float: right;
	padding: 10px 0 2px 10px;
}
.sv-img-small-wrapper {
	padding:15px 0;
}
.sv-img-small {
	float: left;
	padding: 0 10px 10px 0;
}


/*--------------------------------- tt_news Archivemenu (AMENU) --------------------------------- */
.news-amenu-container {
	width:165px;
    padding:0;
    margin-left:10px;
}
.news-amenu-container LI {
	padding-bottom:1px;

}
.news-amenu-container LI:hover {
	background-color: #f3f3f3;

}

.news-amenu-container UL {
    padding:0;
    margin:0;
	margin-top:5px;

	list-style-type: none;
}

.news-amenu-item-year {
	font-weight: bold;
    margin-top:10px;
	padding: 2px;
	background-color: #f3f3f3;

}


.amenu-act {
	background:#fff;
	font-weight:bold;
}

/*--------------------------------- tt_news Categorymenu (CATMENU) --------------------------------- */

.news-catmenu  {
	padding:10px;

}

ul.tree {
	list-style: none;
	margin: 0;
	padding: 0;
	clear: both;
}

ul.tree A {
	text-decoration: none;
}

ul.tree A.pm {
	cursor: pointer;
}

ul.tree img {
	vertical-align: middle;
}

ul.tree ul {
	list-style: none;
	margin: 0;
	padding: 0;
	padding-left: 17px;
}

ul.tree ul li {
	list-style: none;
	margin: 0;
	padding: 0;
	line-height: 10px;
	white-space: nowrap;
}

ul.tree ul li.expanded ul {
	background: transparent url('../typo3/gfx/ol/line.gif') repeat-y top left;
}

ul.tree ul li.last > ul {
	background: none;
}

ul.tree li.active, ul.tree ul li.active {
	background-color: #ebebeb !important;
}

ul.tree li.active ul, ul.tree ul li.active ul {
	background-color: #f7f3ef;
}






/*  Styles for catmenu mode "nestedWraps" */
.level1 {
	padding:1px;
	padding-left:10px;
	background-color:#ebf8bf;
	border-left:1px solid #666;
	border-top:1px solid #666;
}
.level2 {
	padding:1px;
	padding-left:10px;
	background-color:#ddf393;
	border-left:1px solid #666;
}
.level3 {
	padding:1px;
	padding-left:10px;
	background-color:#cae46e;
	border-left:1px solid #666;
	border-top:1px solid #666;

}
.level4 {
	padding:1px;
	padding-left:10px;
	background-color:#b0cb51;
	border-left:1px solid #666;
}



/***************************************
    END
***************************************/