/* ---------------

Colours:

006faf  - Blue
fb7001  - Orange
79a747  - Green
333333  - Drk Grey
f4f3f3  - Lgt Grey

--------------- */


body {
	font: 12px "Helvetica Neu LT Std", Helvetica, Arial, sans-serif;
	text-align: center;
	color: #333333;
	background: #fff url(img/pgBG_subs.jpg) repeat-x top left;
}
body#pHome {
	background: #fff url(img/pgBG.jpg) repeat-x top left;
}

/* --------------------------------------------------------
=Layout
-------------------------------------------------------- */
#wrap {
	margin: 0 auto;
	width: 760px;
	text-align: left;
}
#head {
	position: relative;
	height: 126px;	
}
#pHome #head {background: transparent url(img/skullcap.jpg) no-repeat 578px 100px;}
#graphic_disp {
	height: 40px;
	background: transparent url(img/linesBG_subs.jpg) no-repeat top left;
}
#pHome #graphic_disp {
	height: 179px;
	background: transparent url(img/fem_bg.jpg) no-repeat top left;
}
#main-con {
	padding: 30px 0 18px;
}
#foot {
	clear: both;
	padding: 8px 0;
	background: url(img/footTopBG.gif) no-repeat top left;
}

/* -- Added 12/7/07 for Home page sponsor area addition -- */
#homeSponsorAddIn h3 { margin-top: 0;}
#homeSponsorAddIn div.hr { margin-bottom: 1.6em;}

/* -- Column Structure -- */
.col-ms #xcol {display: none;}
.col-ms #mcol {
	float: left;
	width: 443px;
}
.col-ms #scol {
	float: left;
	width: 297px;
	margin: 0 0 0 20px;
	font-size: 11px;
}

.col-xm #xcol {
	float: left;
	width: 160px;
}
.col-xm #mcol {
	float: left;
	width: 580px;
	margin: 0 0 0 20px;
}
.col-xm #scol {display: none;}

.col-m #xcol {display: none;}
.col-m #mcol {}
.col-m #scol {display: none;}

/* --------------------------------------------------------
=HTML Elements
-------------------------------------------------------- */
a:link, a:visited {
	text-decoration: underline;
	font-weight: bold;
	color: #fb7001;
}
a:hover {
	color: #006faf;
}
a.imgbtn {
	display: block;
	margin: 0 0 6px;
}
ul,ol,dl {
	margin: 1.2em 0;
}
ul li {
	margin: 0 0 0 25px;
	list-style: disc;
	line-height: 1.4;
}
ul ul {
	margin: 0;
}
ul ul li {
	margin: 0 0 0 50px;
}
ul li ul {
	margin: 0;
}

ul#questions {margin: 1.2em 0 3em;}
ul#questions li {margin:0; list-style:none; line-height:1.4;}

ul#sponsors {text-align: center;}
ul#sponsors li {margin: 0 0 1em;list-style: none;}

ol li {
	margin: 0 0 0 25px;
	list-style-type: decimal;
	line-height: 1.4;
}
dt {
	margin: 0 0 0.4em;
	line-height: 1.4;
	color: #79a747;
	font-weight: bold;
}
dd {
	margin: 0 0 1.8em;
	line-height: 1.4;
}
dd ol,
dd ul {
	margin: 0.4em 0 0;
}
p {
	margin: 0.8em 0;
	line-height: 1.5;
}
h2 {
	margin: 1.4em 0 0;
	font-size: 18px;
	color: #006faf;
}
h3 {
	margin: 1.4em 0 1em;
	font-size: 14px;
	line-height: 1.2em;
	color: #79a747;
}

div.hr {
	margin: 1.6em 0 0;
	height: 1px;
	background: url(img/horiz_hr_lgtGry_dots.gif) repeat-x top left;
}
div.hr hr {display: none;}

div.clear-both {clear:both;}

.smalltext,
span.smalltext {
	font-size: 10px;
}

/* -- =Tables -- */
table {
	width: 100%;
	border-collapse: collapse;
}
th,td {
	padding: 2px 0;
}
table#event-ops {
	width: 240px;
}

/* -- for #scol -- */
#scol p {
	line-height: 1.5;
}
#scol h3 {
	margin: 0;
	color: #006faf;
}

/* -- for #foot -- */
#foot p {
	font-size: 11px;
	line-height: 1;
}

/* --------------------------------------------------------
=Head Specific
-------------------------------------------------------- */
h1#hlogo {
	position: absolute;
	top: 26px;
	left: 0;
	text-indent: -999px;
}
h1#hlogo a:link,
h1#hlogo a:hover,
h1#hlogo a:visited {
	display: block;
	width: 196px;
	height: 48px;
	background: url(img/xmpie_ug_logo.gif) no-repeat top left;
}

/* --------------------------------------------------------
=Navigation
-------------------------------------------------------- */
#nav {
	position: absolute;
	width: 100%;
	bottom:0;
}
#nav ul {
	margin: 0;
	width: 100%;
	height: 30px;
}
#nav ul li {
	margin: 0;
	float: left;
	display: block;
}
#nav ul li a {
	display: block;
	height: 30px;
	padding: 0;
	text-decoration: none;
}
#nav ul li#liHome a { display: none;}
/*-- Hide the text --*/
#nav ul li a span { position: absolute; left: -9384px;}

/*-- Set the image for backgrounds - image contains all states --*/
#nav ul li#liAbout a, 
#nav ul li#liNews a, 
#nav ul li#liForums a, 
#nav ul li#liPartners a, 
#nav ul li#liLibrary a, 
#nav ul li#liSupport a {
	display: block;
	position: relative;
	height: 30px;
	background: url('img/main_nav_all.gif') no-repeat;
}
/*-- MainNav: Initial states & widths --*/
#nav ul li#liAbout a {width: 69px; background-position: 0 0;}
#nav ul li#liNews a {width: 106px; background-position: -69px 0;}
#nav ul li#liForums a {width: 93px; background-position: -175px 0;} 
#nav ul li#liPartners a {width: 67px; background-position: -268px 0;}
#nav ul li#liLibrary a {width: 62px; background-position: -335px 0;}
#nav ul li#liSupport a {width: 111px; background-position: -397px 0;}
/*-- MainNav: Over States --*/
#nav ul li#liAbout a:hover {width: 69px; background-position: 0 -30px;}
#nav ul li#liNews a:hover {width: 106px; background-position: -69px -30px;}
#nav ul li#liForums a:hover {width: 93px; background-position: -175px -30px;} 
#nav ul li#liPartners a:hover {width: 67px; background-position: -268px -30px;}
#nav ul li#liLibrary a:hover {width: 62px; background-position: -335px -30px;}
#nav ul li#liSupport a:hover {width: 111px; background-position: -397px -30px;}
/*-- active area - based on body ID --*/
#pAboutXM #nav ul li#liAbout a {background-position: 0 -30px;}
#pNews #nav ul li#liNews a {background-position: -69px -30px;}
#pLibrary #nav ul li#liLibrary a {background-position: -335px -30px;}
#pSupport #nav ul li#liSupport a {background-position: -397px -30px;}

/*-- Sub Menus --*/
#nav ul li ul {display: none;} /*-- Hide the Sub --*/
#nav ul li:hover ul, #nav ul li.sfhover ul { /*-- Position the Sub below the parent nav --*/
	position: absolute;
	display: block;
	top: 30px;
	left: auto;
	width: 230px;
	font-size: 10px;
	line-height: 10px;
}
#nav ul li ul li {
	float: none;
	display: inline;
}

#nav ul li#liAbout ul li a,
#nav ul li#liNews ul li a,
#nav ul li#liForums ul li a,
#nav ul li#liPartners ul li a,
#nav ul li#liLibrary ul li a,
#nav ul li#liSupport ul li a {
	display: block;
	width: 230px;
	height: 11px;
	padding: 5px 11px 3px;
	border-bottom: 1px solid #87b05b;
	background: #79a747;
	color: #fff;
	font-size: 11px ;
	line-height: 11px;
}
#nav ul li#liAbout ul li a:hover,
#nav ul li#liNews ul li a:hover,
#nav ul li#liForums ul li a:hover,
#nav ul li#liPartners ul li a:hover,
#nav ul li#liLibrary ul li a:hover,
#nav ul li#liSupport ul li a:hover {
	width: 230px;
	color: #006faf;
}


/*-------------------------------------------
=Misc.
-------------------------------------------*/
.first {
	margin-top: 0;
}
.box {
	margin: 0 0 6px;
	padding: 10px 8px 1px;
	background-color: #f4f3f3;
}
.outline-box {
	margin: 0 0 6px;
	padding: 8px 7px 1px;
	border: 1px solid #f4f3f3;
}
.imgfright {
	float: right;
	margin: 0 0 10px 16px;
	padding: 3px;
	border: 1px solid #006faf;
}

/* -- Bio Box -- */
#bmiller,
#clewis,
#gdean,
#jpbewley,
#pmcgarity,
#sagustsson,
#sthornton,
#wdowding,
#yokamoto,
#jaizikowitz,
#kpescetti,
#jstewart,
#kmeyers {
	margin: 8px 0 16px;
	padding: 0 10px;
	width: 480px;
	background: #f4f3f3;
	border: 1px solid #006faf;
	cursor: pointer;
	z-index: 1;
	display: none;
}


/*-------------------------------------------
=Forms
-------------------------------------------*/
form {
	font-size: 11px;
	line-height: 11px;
}
fieldset {
	margin: 1.3em 0;
	padding: .4em 1em 1em;
	border: 1px solid #999999;
}
legend {
	font-size: 13px;
	font-weight: bold;
	color: #006faf;
}
input,
textarea,
select {
	padding: 2px 0 0 2px;
	font-size: 11px;
	background: #ffffff;
	border: 1px solid #c4c4c4;
}
label {
	float: left;
	display: block;
	padding: 4px 0 0;
	width: 20%;
}
label.required {
	font-weight: bold;
}
input.imgBtn {
	margin: 0 1em 0 0;
	padding: 0;
	border: none;
}

div.row {
	clear: both;
	margin: .6em 0;
}

/*-- #conlogin form --*/
form#conlogin label {width: 90px;}
form#conlogin input.imgBtn {margin: 0 0 0 90px;}

/*-- #bugReport Form --*/
#bugReport label {width: 160px;}
#bugReport input.imgBtn {margin: 0 0 0 160px;}

/*-- #confrence Form --*/
#confrence fieldset {width: 400px;}
#confrence label {width: 160px;}
#confrence input.imgBtn {margin: 0 0 0 160px;}

/*-- #joinXm Form --*/
#joinXm fieldset {width: 400px;}
#joinXm label {width: 160px;}
#joinXm input.imgBtn {margin: 0 0 0 160px;}

/*-- #speaker Form --*/
#speaker label {width: 160px;}
#speaker input.imgBtn {margin: 0 0 0 160px;}

/*-- #login Form (In Header) --*/
#login {
	position: absolute;
	top: 10px;
	right:0;
	width: 310px;
}
#login h3 {
	float: left;
	width: 106px;
	margin: 0;
	padding: 21px 10px 0 0;
	font-size: 11px;
	color: #333333;
	text-align: right;
}
#login h3.loged_In {
	float: none;
	display: block;
	padding: 0;
	width: auto;
	text-align: right;
}
#login form .input_col {
	float: left;
	padding: 0 7px 0 0;
	width: 78px;
}
#login form label {
	display: block;
	margin: 0 0 2px;
}
#login form input.text {
	float: left;
	width: 74px;
	height: 14px;
}
#login input.imgBtn {
	margin: 0;
}
#login form .submit_col {
	float: left;
	padding: 17px 0 0;;
	width: 24px;
}
#login p {
	clear: both;
	margin: 0;
	padding: 4px 0 0 0;
	text-align: right;
}
#login p a {
	margin: 0 0 0 7px;
	font-size: 11px;
	line-height: 11px;
}

/* ---------------

Colours:

006faf  - Blue
fb7001  - Orange
79a747  - Green
333333  - Drk Grey
f4f3f3  - Lgt Grey

--------------- */