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

UNAC			 
March 2007									
BY 76design			

***************************************************
	GENERIC ELEMENT STYLING
	*/

HTML {
	font: 62.5% Trebuchet, "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;   
	color: #000;
	margin: 0px;
	padding: 0px;
	}
	
BODY {
	background:#f6f3ea url('../images/html_bkg.jpg') repeat-x;	margin: 0px;
	padding: 0px;
	text-align: center;
	}

A{
	color:#007db8;
	}
A:hover{
	color:#9ccde4;	
	}
	
A IMG {
border:none;
}

H1,
H2,
H3,
h4,
h5,
UL,
LI,
BLOCKQUOTE {
	margin: 0px;
	padding: 0px;
}

/*TABLE STYLING */

TABLE{
	clear: both;
	margin:0;
	width: 100%;
	padding:0;
	}	


TABLE TR {
	background:#eee9d9;
	color:#5c4f23;
}

BODY TABLE TR.tableHeader{
	border-bottom: 3px solid #9f9161;
	font-size: 100%;
	padding: 3px;
	vertical-align: bottom;
	color: #000;
	background:none;
}

TABLE TR:hover,
TABLE TR:hover td  {
	background: #fdfec3;
}
BODY TABLE TR.tableHeader:hover,
TABLE TR.tableHeader:hover td  {
background:none;
}
TABLE TR TD {
	border-bottom: 1px solid #beb182;
	font-size: 100%; line-height: 1.4em;
	padding: 2px 3px;
}
TABLE TR.altRow {
	background:#fbf9f1;
}

/* FORMS */
FORM {
	background:#f6f3ea;
	padding:20px;
	border:solid 1px #e0d7b9;
}
LABEL {
	width:100px;
	float:left;
}
	
INPUT {
	border: 1px solid #e0d7b9;
	color: #ac9956;
	background: #fbfaf5;
	padding: 2px 5px 1px 5px;
	font-size: 1em;
	margin:5px 0;
	}
	
INPUT:hover {
	border: 1px solid #5c4f23;
	font-size: 1em;
	}
	
TEXTAREA {
	font-size: 1.1em;
	border: 1px solid #e0d7b9;
	color: #000;
	padding: 2px 5px 1px 5px;
	}
	
TEXTAREA:hover {
	background: #fff;
	border: 1px solid #5c4f23;
	color: #000
	}
	
.button, .button-big, .button-med {
background:url(../images/button_bg.gif) repeat-x;
}


IMG.left {
	float:left;
	margin:0 10px 5px 0;
}

IMG.right {
	float:right;
	margin:0 0 5px 10px;
}
/***************************************************
	WRAPPER
	 */
BODY #wrapper {
	margin: 0px auto;
	text-align:left;
	width:760px;
	}
	
/*backgrounds for content pages */
BODY.content_a #wrapper {
	background:#f6f3ea url('../images/content_a.jpg') no-repeat;
	}
BODY.content_b #wrapper {
	background:#f6f3ea url('../images/content_b.jpg') no-repeat;
	}
	
BODY.content_c #wrapper {
	background:#f6f3ea url('../images/content_c.jpg') no-repeat;
	}

BODY.content_d #wrapper {
	background:#f6f3ea url('../images/content_d.jpg') no-repeat;
	}
BODY.content_e #wrapper {
	background:#f6f3ea url('../images/content_e.jpg') no-repeat;
	}
	
/* homepage	*/
BODY.home {
	 background:#f6f3ea url(../images/widewrapper_bkg.jpg) repeat-x;
	 width:100%;
} 

BODY.home #wrapper {
	margin:0 auto;
	background:url(../images/homepage.jpg) no-repeat;
	height:568px;
	width:760px;
}

BODY.video{
	background:#f6f3ea url('../images/video_bkg.jpg') repeat-x;
	}
	
BODY.video #wrapper{
	background:url('../images/video_holder_bkg.jpg') no-repeat;
	width:410px;
	height:410px;	
	padding:30px 45px;
	}
BODY.video #wrapper H1{
margin:0 0 65px 0;	}
/***************************************************
	HEADER
	*/
#header {
	height:240px;
	position:relative;
}
	
#header BLOCKQUOTE {
	position:absolute;
	top:122px;
	left:310px;
	width:400px;
	color:#FFF;
	font-size:120%;
}

 #sidebar IMG.slogan{
	margin:5px 0 28px 18px;
 }
BODY.home #wrapper  #header .slogan {
	float:right;
	margin:20px 0 0 0;
}

BODY.home #wrapper  #header BLOCKQUOTE {
	left:350px;
	top:200px;
}
BODY.home #wrapper h5 {
	position:absolute;
	left:0px;
	top:370px;
	text-align:left;
	font-size:120%;
	color:#000;
	font-weight:bold;
}
#header h4 {
	font-size:100%;
	position:absolute;
	bottom:40px;
	left:310px;
	color:#FFF;
}

BODY.home #wrapper #header h4 {
	top:270px;
	left:350px;
}
/***************************************************
	MAIN MENU
	*/		

#header  #topmenu {
	height:50px;
	float:right;
	font-size:130%;
	line-height:50px;
}

#header #topmenu LI  {
	display:inline;	
	float:left;
	}
	
#header #topmenu A {
	display:block;
	padding:0 8px;
	text-decoration:none;
	background:url(../images/nav_edge.gif) right center no-repeat;
	color:#000;
}

#header #topmenu A:hover {
	background:url(../images/nav_over.gif) repeat-x;
	color:#FFF;
}

/*homepage menu+lang setup */

BODY.home #wrapper #header #topmenu A{
	color:#7b7b7b;
}
BODY.home #wrapper #header #topmenu A:hover{
	color:#FFF;
}

BODY.home #wrapper #header A.lang{
	background:#9ccde4;
	position:absolute;
	top:94px;
	padding:8px;
	left:0px;
	font-size:120%;
	color:#FFF;
	text-decoration:none;
}

BODY.home #wrapper #header A:hover.lang{
	background:#007db8;
}

BODY.home #wrapper #header #topmenu {
	position:absolute;
	top:84px;
	right:0px;
	color:#7b7b7b;
}

/*video row on the homepage */

#videoRow {
width:760px;
	position:absolute;
	top:395px;
}

#videoRow LI{
	display:inline;
}

#videoRow LI A IMG {
	border:solid 4px #FFF;
}

#videoRow LI A:hover IMG {
	border:solid 4px #007db8;
}
/***************************************************
	SIDEMENU
	*/
	
#sidemenu UL LI {
 	position: relative;
}

 #sidemenu UL {
	width:210px;
	font-size:130%;	
	padding:0 0 14px 15px;
	background:url(../images/subnav_bg.jpg) left bottom no-repeat;
	list-style:none;
	position:relative;
 }

 #sidemenu UL LI {
	width: 180px;	 
	border-top:solid 1px #628ea0;
	border-bottom:solid 1px #103e56;
	position: relative;
	list-style: none;
	z-index: 1;
 }
 
 #sidemenu UL LI A {

	 text-decoration:none;
	 display:block;
	 color:#FFF;
	 padding:5px 0 5px 15px;
	 
}

#sidemenu UL LI:hover, 
#sidemenu UL LI.over {
	z-index:100;
	background:url(../images/submenu_over.gif) repeat-y;
}
 
#sidemenu UL LI A.selected {
	background:url(../images/submenu_selected.gif) repeat-y;
 }



/***************************************************
	SIDE MENU > DROPDOWN
*/

#sidemenu UL LI:hover UL,
#sidemenu UL LI.over UL {
	display: block;	
}

#sidemenu UL LI UL {	
	border:solid 6px #FFF;
	position:absolute;
	left:125px;
	top:-130px;
	width:210px;
	display: none;
	margin:0;
	padding:0;
	list-style:none;
	background:url(../images/dropdown_off.gif) repeat-y;
	font-size:100%;
}
#sidemenu UL LI UL.shortList {
	top:-30px;
} 
#sidemenu UL UL LI,
#sidemenu UL UL LI A {
	position: relative;
}
	#sidemenu UL LI LI A {
		 padding:2px 0 2px 15px;
		 }
#sidemenu UL LI UL LI {
	border-bottom:solid 1px #006a9d;
	border-top:solid 1px #6da4bf;
	width:210px;
}

#sidemenu UL LI UL LI A {
	color: #fff;	
	background:url(../images/dropdown_off.gif) repeat-y;
	padding:10px;
}

#sidemenu UL LI:hover UL,
#sidemenu UL LI.over UL {
	display: block;	
}


BODY #sidemenu UL LI UL LI A:hover {
	background:url(../images/dropdown_over.gif) repeat-y;
}

#sidemenu UL LI UL LI A:hover {
	text-decoration: none;
}

/***************************************************
	SIDEBAR
	 */
#sidebar {
	width:221px;
	margin:75px 0 0 0px;
	float:left;
	padding-left:30px;
 }

 #sidebar A.lang {
	padding:0 20px 0 15px;
	background:url(../images/bullet.gif) left center no-repeat;
	color:#000;
	font-size:140%;
	float:right;
	text-decoration:none;
 }

#sidebar A.lang:hover {
	text-decoration:underline;
  }
  
 #sidebar A IMG {
	border:none;
  }
/***************************************************
	CONTENT
 	*/
.pdf {
	background:url(../images/pdf_icon.gif) right no-repeat;
	padding:0 20px 0 0;
	}


#contentHolder {
/*used to allow for shadow */
	width:409px;
	float:left;
	padding:0;
	margin:50px 0 0 0;
	font-size:130%;
	line-height:160%;
}

#contentHolder #content {
	width:100%;
	padding:0 50px 20px 50px;
	background:url(../images/content_bkg.gif) -6px 20px repeat-y;
 }
 
#contentHolder #content H1 {
	border-bottom:solid 1px #007db8;
	font-size:150%;
	line-height:150%;
	margin:0 0 20px 0;
	color:#005983;
	text-transform:uppercase;
	padding: 0 0 10px 0;
}
#content H5 {
	padding:0;
	margin:0;
}
#content H2,
#content H3,
#content H4,
#content h5{
	padding:5px 0;
}
#content H2{
	padding:10px 0 0 0;
	color:#005983;
	font-size:140%;
}
#content h3{
	color:#062534;
	padding:0;
}
#content H5{
	color:#0a3346;
	line-height:120%;
}

#content UL,
#content OL{
	padding:5px 0 5px 20px;
 }
 
 #content LI {
	 list-style:none;
	 background:url(../images/bullet.gif) left 6px no-repeat;
	padding:0 0 8px 15px;
 }
 
 
#content .videoList {
margin:0;
padding:0;

}
 #content .videoList LI {
 background:none;
 border-bottom:solid 1px #006a9d;
margin:10px 0;
display:block;
clear:both;
 }
 
 #content .videoList IMG,
 #content .videoList A IMG{
	border:solid 6px #FFF;
	float:left;
	margin: 0 20px 0 0;
	
 }
 
 #content .videoList A:hover IMG {
border:solid 6px #007db8;
}
 #content .videoList .info {
 margin:0 0 20px 0;

 }
  #content .videoList .info H3{
 font-size:100%;
 }
   #content .videoList .info H4{
 font-size:100%;
 }
#contentHolder .contentFooter {
	/*empty div to complete the content */
	background:url(../images/content_bkg_footer.jpg) -6px 0px no-repeat;
	height:25px;
	width:509px;
	padding:0;
	margin:0;
}

#contentHolder A.event-imgs IMG {
	float:right;
	margin: 0.5em 0 0.5em 0.5em;
}

/***************************************************
	FOOTER
	 */
BODY.home #wrapper #footer {
	position:absolute;
	top:550px;
	width:760px;
	text-align:center;
}

#footer {
	clear:both;
	color: #c0beb7;
	padding:10px 10px 0 0;
	text-align:right;
}

#footer P A {
padding:0 10px 0 0;
}