/* global reset */
* {
	margin: 0;
	padding: 0;
}

a:link, a:visited {
	color: #6e8439;
	text-decoration: none;
	font-weight: normal;
}

a:hover {
	color: #92a54b;
	text-decoration: underline;
	font-weight: normal;
}

h1,h2,h3,h4,h5,h6,p,blockquote,form,label,ul,ol,dl,fieldset {
	margin: 0.5em ;
}

h1, .componentheading {
	margin: -0.5em 0 0.5em 0;
	font-size: 1.7em;
	color: #999;
}

h2, .contentheading {
	font-size: 1.5em;
	color: #930006;
	margin: 0;
}

img
{  border-style: none;
}

fieldset {
	padding:.5em;
}

.buttons {
	text-align: right;
}

.buttons .buttonheading {
	float: right;
	text-align: right;
}

body {
	/* align all elements in the body (recursive to all elements) to the center 
	     also serves as a hack for internet explorer who doesn't interpret CSS properly 
	     this is used to cover up margin:0 auto in the wrap */
	text-align: center;
	font-size: 76%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: 1.3;
	margin: 0;
	background: url(../images/ukec_bg.gif) center 1% no-repeat;
}

#wrapper {
	width: 100%;
}

#top_wrapper {
	width: 100%;
	background: url(../images/sliced1/images/header_bg.gif) 0 0 repeat-x;
}

#top_wrapper #header {
	width: 956px;
	height: 249px;
	/** clear: both; **/
	/** border-bottom: 1px solid #999; **/
	margin: 0 auto;	
	background: url(../images/ukec_top.png) 0 0 no-repeat;
}

#header a {
  position: absolute;
  height: 38px;
  width: 88px;
  top: 155px; 
  text-decoration: none;
}
  
#header a i { visibility: hidden; }

.toplink_home {
	width: 90px;
	height: 40px;
	position: relative;
    top: 155px;
    left: 80px;
	
}

.toplink_forum {
	width: 90px;
	height: 40px;
	position: relative;
    top: 115px;
    left: 180px;
	
}
.toplink_gallery {
	width: 110px;
	height: 40px;
	position: relative;
    top: 75px;
    left: 275px;
	
}
.toplink_contacts {
	width: 110px;
	height: 40px;
	position: relative;
    top: 35px;
    left: 395px;
}

.sponsor_cimb {
	width: 190px;
	height: 40px;
	position: relative;
    top: 85px;
    left: 13px;

}

.sponsor_pwc {
	width: 255px;
	height: 30px;
	position: relative;
    top: 50px;
    left: 360px;

}
.sponsor_accenture{
	width: 125px;
	height: 70px;
	position: relative;
    top: 0px;
    left: 215px;

}

.sponsor_shell{
	width: 45px;
	height: 40px;
	position: relative;
    top: -50px;
    left: 630px;

}


.sponsor_rhb {
	width: 75px;
	height: 30px;
	position: relative;
    top: -70px;
    left: 780px;
	
}

a#home { 
	left: 245px;
}

#top_wrapper #sponsors {
	width: 907px;
	height: 107px;
	margin: -35px auto 7px auto;
	background: url(../images/sliced1/images/sponsors.png) 0 0 no-repeat;

}

#middle_wrapper {
	/* causes the wrapper div to cover up the screen as specified */
	min-width:970px;
	max-width:990px; 
	
	/*   */
	/** width: auto !important; **/
	/* since in body we have text-align: center, we need to specify left here */
	text-align: left;
	/* no space between wrap and the top, but for everything else, make it fair distribution of space  */
	/** border: 1px solid #999; **/
	overflow: hidden;
	margin : 0 auto;
}

#leftbar {
	margin: -19px 0 20px 0;
	float: left;
	width: 218px;
	
	overflow: hidden;
	/** background: url(../images/sliced1/images/ukeco_v1_02.gif) 0 0 no-repeat; **/

}

#rightbar {
	float: left;
	width: 234px;
	/**height: 731px;**/
	overflow: hidden;
	background: url(../images/sliced1/images/ukeco_v1_04.pn) 0 0 no-repeat;
}

#content {
	/* position content div to the left */
	float:left;
	width: 53%;
	/* make the page "break" consistently as we adjust the width of this div or page or browser */
	overflow:hidden;
	/** background: url(../images/sliced1/images/ukeco_v1_03.gif) 0 0 no-repeat; **/
}

#content53 {
float:left;
width:53%;
overflow:hidden;
}

#content73 {
float:left;
width:73%;
overflow:hidden;
}

#content100 {
float:left;
width:100%;
overflow:hidden;
}

.inside {
	/* causes inside div to have 10px spacing in the inside 
	   note: margin is used to have spacing in the outside */
	padding: 10px;
}

#bottom_wrapper {
	height: 320px;
	clear: both;
	background: url(../images/sliced1/images/footer_bg.gif) repeat-x;
	width: 100%;	
}

#bottom_wrapper #footer {
	/* footer usually located after all other divs
	   below causes footer to stretch across the screen */
	/** border-top: 1px solid #999; **/
	/** background: url(../images/sliced1/images/ukeco_v1_05.gif) no-repeat 50% -1px; **/
	margin: 0 auto;
	text-align: left;
}

#footer #footer_sub  {
	margin: 35px auto;
	width: 480px;
	font-size: 13px;
}

#footer_sub h3 {
	font-family: Cambria;
	color: #bfbfbf;
	background: none;
	font-size: 17px;
	margin: -2em 0 0 -2em;
}

#footer_sub ul {
	margin: -1em 0;
}

#footer_sub  li  {
	font-family: Cambria;
	color: #6a6a6a;
	border-bottom: 1px solid #383b44;
	line-height: 2em;
}

#footer_sub ul a:link, #footer_sub ul a:visited  {
	font-family: Cambria;
	color: #6a6a6a;
	text-decoration: none;
	font-weight: normal;
}


#footer_sub ul a:hover {
	color: #b7b5b5;
	text-decoration: none;
	font-weight: normal;
}

#footer #footer_sub1 {
	width: 220px;
	height: 215px;
	margin: 0 auto;
	float: left;
}

#footer #footer_sub2 {
	width: 220px;
	height: 215px;
	margin: 0 0 0 30px;
	float: left;
}

#footer #footer_bottom {
	width: 956px;
	height: 50px;
	clear: both;
	/** border-bottom: 1px solid #999; **/
	margin: 0 auto;	
	font-family: Cambria;
	color: #bfbfbf;
	font-size: 12px;
}

#footer_bottom #footer_bottom1 {
	width: 500px;
	float: left;
}

#footer_bottom #footer_bottom2 {
	width: 336px;
	float: right;
	text-align: right;
}

/* module control elements */
table.user1user2 div.moduletable {
	margin-bottom: 0px;
}

div.moduletable, div.module {
  margin-bottom: 25px;
}

.moduletable h3 {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #eee;
	/** margin: -23px -4px 5px -5px; **/
	padding-left: 10px;
	padding-bottom: 2px;
	background: url(../images/sliced1/images/mod_header_orange.png) no-repeat 0 4px;
	line-height: 3.5em;
}

.moduletable .poll .poll-radio{
	float: left;
	margin: 0 0 0 5px;
}

.moduletable .poll .poll-nav-buttons{
	margin: 10px 0;
}

.moduletable_menu h3 {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #eee;
	/** margin: -23px -4px 5px -5px; **/
	padding-left: 10px;
	padding-bottom: 2px;
	background: url(../images/sliced1/images/menu_header_bg.gif) no-repeat 0 4px;
	line-height: 3.5em;
}

div.moduletable_menu {
	margin: 0;
	padding: 0;
	margin-bottom: 15px;
}

div.moduletable_menu div div div {
	padding: 10px;
	padding-top: 30px;
	padding-bottom: 15px;
	width: auto;
}

div.moduletable_menu div div div div {
	background: none;
	padding: 0;
}

div.moduletable_menu ul {
	margin: 10px 0;
	padding-left: 20px;
}

div.moduletable_menu ul li a:link, div.moduletable_menu ul li a:visited {
	font-weight: bold;
}

.moduletable_text .bannergroup_text {
	margin: 0 0 0 10px;
}

.moduletable_text .bannerheader {
	font-weight: bold;
}

.moduletable_text .banneritem_text {
	margin: 8px 0;
}

.moduletable_text .banneritem_desc {
	font-size: 8pt;
	margin: 0 0 0 10px;
}

#leftcolumn div.module {
	padding: 0 10px;
}

#leftcolumn div.module table {
	width: auto;
}

/** Control content component **/

.contentpaneopen  .contentheading {
	margin: 30px 0 0 0;
}



.intro  .contentheading {
	margin: 30px 0 0 0;
}

.contentpaneopen .author {
	font-family: arial;
	font-size: 11px;
	color: #be4e53;
	/** padding-left: 10px; **/
	padding-bottom: 0px;
}

.contentpaneopen .createdate {
	font-family: arial;
	font-size: 11px;
	color: #be4e53;
	/** padding-left: 10px; **/
	padding-bottom: 4px;
}

.contentpaneopen p {
	font-family: Cambria;
	font-size: 14px;
}

.contentpaneopen  {
	font-family: Cambria;
	font-size: 14px;
}

.contentpaneopen .modifydate {
	text-align: right;
	font-family: Cambria;
	font-size: 12px;
	color: #be4e53;
	/** padding-left: 10px; **/
	padding-bottom: 2px;
	margin: 10px 0;
}

.content .readmore {
	font-size: 11px;
}

.content ul {
	margin: 0.5em 1.5em;
}

.content .article_separator {
	margin: 30px;
}

.content .paginate {
	margin: 10px 0;
	font-size: 11px;
}