/* andreas08 - an open source xhtml/css website layout by Andreas Viklund - http://andreasviklund.com . Free to use in any way and for any purpose as long as the proper credits are given to the original designer. Version: 1.0, November 28, 2005 */

/**************** Elements ****************/
*{margin:0; padding:0;}

p {padding:0 0 1.6em 0;}
p form {margin-top:0; margin-bottom:20px;}

a { color: #0096ff; font-weight: bold; text-decoration: none;}
a:hover{ color:#0096ff; text-decoration:none;}
a img{border:none;}

h3 { color:#003e6a; }

/**************** Page ****************/
body {
line-height:1.4em;
text-align:center;

font:76% Verdana,Tahoma,Arial,sans-serif;
color:#303030;
background: #B8B7CC url(../images/skin/page_bg.gif) repeat-x scroll 0% 0%;
}

#container {
width:760px;
margin:20px auto;
text-align:left;

background:#ffffff;
color:#303030;
border:2px solid #000000;
}

/**************** Header and navigation ****************/
#header {
width:760px;
height:120px;
background: #ffffff;
}

#logo {
background: url(../images/skin/techfair_logo.gif) no-repeat scroll 0% 0%;
float: left;
height: 100%;
width: 250px;
}


#banner {
height: 100%;
margin-left: 250px;
background: url(../images/skin/page_banner.jpg) no-repeat scroll 0% 0%;
}


#header h1 {
/*padding:10px 0 10px 8px;*/
font-size:2.4em;
letter-spacing:-2px;
font-weight:normal;
color:#ffffff;
}

#navigation {
height:27px;
line-height:27px;
width:760px;
border-style: solid;
border-width: 1px 0px;
border-color:#000000;
background: #000000 url(../images/skin/menu_bg.gif) repeat-x scroll 0% 0%;
}

#navigation li {
float:left;
position:relative;
list-style-type:none;
white-space:nowrap;
margin-right: 1px;
}

#navigation li a {
display:block;
padding:0 10px;

font-size:0.8em;
font-weight:normal;
text-transform:uppercase;
text-decoration:none;

color: #FFFFFF;
}

#navigation li:hover a {
background: #ddf url(../images/skin/menu_bg_hover.gif) repeat-x scroll 0% 0%;
color: #000000;
}

#navigation li.selected a {
background: #EFEEF0 url(../images/skin/menu_bg_sel.gif) repeat-x scroll 0% 0%;
color: #000000;
}

/* floating menus */
#navigation li:hover ul {
visibility: visible;
}
#navigation li ul {
visibility: hidden;
background-color: transparent;
background-image: none;
border: 0px;
border-top: 1px solid #333333;
padding: 0px;
position:absolute;
top:27px;
left:-1px;
}

#navigation li ul li {
margin-right: 0px;
border: 1px solid #555555;
border-top-width: 0px;
float:none;
}

#navigation li:hover ul li.highlight a{
background-color:#282834;
color: #eeeeee
}


#navigation li:hover ul li a,
#navigation .selected ul li a {
display:block;
padding:0 10px 0 10px;

font-size:0.8em;
font-weight:normal;
text-transform:uppercase;
text-decoration:none;

min-width: 120px;
background-color:#111118;
background-image: none;
color: #dddddd;
opacity: .96;
}

#navigation li:hover ul li a:hover {
background: #777790; /*#ccccff;*/
background-image: none;
color: #ffffff;
opacity: .95;
}


/**************** Content styles ****************/

#content {
float:left;
width:500px;
padding:20px 0 0 20px;
margin:auto;

min-height:300px;

text-align: justify;
font-size:0.9em;
}

#content h2 {
display:block;
margin:0 0 16px 0;

font-size:1.7em;
font-weight:normal;
letter-spacing:-1px;

color: #003e6a;
}

#content h2 a {font-weight:normal;}
#content h3 {margin:0 0 5px 0; font-size:1.4em; letter-spacing:-1px;}

#content a:hover {text-decoration: underline;}

#content ul {margin:0 5px 16px 35px;}
#content ol {margin:0 5px 16px 35px;}
#content dl {margin:0 5px 10px 25px;}
#content dt {margin-bottom:5px;}
#content dd {margin:0 0 10px 15px;}


/**************** Sidebar styles ****************/

#sidebar{
float:right;
width:200px;
padding:20px 20px 10px 0;
line-height:1.4em;
}

#sidebar h2{
display:block;
margin:0 0 15px 0;

font-size:1.6em;
font-weight:normal;
text-align:left;
letter-spacing:-1px;

color:#505050;
}

#sidebar p{margin:0 0 16px 0; font-size:0.9em;}

/**************** Menublock styles ****************/
/* deprecated? */
.menublock { margin:0 0 20px 0; font-size:0.9em;}
.menublock li{list-style:none; display:block; padding:2px;}
.menublock li a{display: block; text-decoration:none; padding: 4px 6px;}
.menublock li a:hover{text-decoration:none;}
.menublock ol { margin:2px 4px 0px; font-size:0.9em;}

.menublock.grey a { color: #eee; background-color: #222; border: 1px solid transparent;}
.menublock.grey a:hover { color: #222; background-color: #eee; border-color: #000; }

.menublock.grey ol a { color: #fff; background-color: #555; border: 1px solid transparent;}
.menublock.grey ol a:hover { color: #555; background-color: #fff; border-color: #000; }

.menublock.grey a.selected { color: #eee; background-color: #080808; }
.menublock.grey a.selected:hover { color: #eee; background-color: #080808; }

/**************** Searchbar styles ****************/
/* deprecated? */
#searchbar{margin:0 0 20px 0;}
#searchbar form fieldset{margin-left:10px; border:0 solid;}

#searchbar #s{
height:1.2em;
width:110px;
margin:0 5px 0 0;
border:1px solid #a0a0a0;
}

#searchbar #searchbutton{
width:auto;
padding:0 1px;
border:1px solid #808080;
font-size:0.9em;
text-align:center;
}

/**************** Footer styles ****************/

#footer{
clear:both;
width:760px;
padding:5px 0;

font-size:0.9em;

color:#f0f0f0;
background-color: #001e3e;
}

#footer p {
padding:0;
margin:0;
text-align:center;
}
#footer a {
font-weight:bold;
color:#f0f0f0;
}
#footer a:hover {
color:#ffffff;
text-decoration: underline;
}


/**************** Error Boxes ****************/

.error {
border: 1px solid red;
background-color: #fdd;
padding: 10px; margin: 10px 20px;
}


/**************** Misc classes and styles ****************/

.SponsorTitle
{
	border-bottom-color: Gray;
	border-bottom-style: dashed;
	border-bottom-width: 1px;
	width: 470px;
	margin: 10px auto;
}

.splitcontentleft{float:left; width:48%;}
.splitcontentright{float:right; width:48%;}

/**************** Utilities ****************/

img.left,img.center,img.right{padding:4px; border:1px solid #a0a0a0;}
img.left{float:left; margin:0 12px 5px 0;}
img.center{display:block; margin:0 auto 5px auto;}
img.right{float:right; margin:0 0 5px 12px;}

.clear {clear:both;}
.small {font-size:0.8em;}
.hide  {display:none;}
.nopad {padding: 0;}
.text-left   {text-align:left;}
.text-center {text-align:center;}
.text-right  {text-align:right;}
.text-justify{text-align:justify;}
.vert-top    {vertical-align:top;}
.vert-bottom {vertical-align:bottom;}
.vert-middle {vertical-align:middle;}
.center     { margin-left:auto; margin-left:right; }
.important  { color:#001e3e; font-weight:bold;}

/**************** Boxes ****************/
.box{
margin:0 0 20px 0;
padding:10px;
border:1px solid #c0c0c0;
background-color:#fafbfc;
color:#505050;
line-height:1.5em;
}

.dbox{
margin:0 0 20px 0;
padding:0px;
border:1px solid #333333;
background:#111111 url(../images/skin/box_techfair_bg.gif) no-repeat scroll 0% 0%;
line-height:1.5em;
}
.dbox a {
display:block;
border-top: 1px dashed #999;
}
.dbox a:hover { background-color: #000; }
.dbox a, .dbox strong { color:#ffffff; }
#content .dbox a:hover{ text-decoration: none; }
.dbox h3 {
font-family: "arial";
color:#b0b0b0;
padding: 10px 0px 0px 20px;
}
.dbox p {
font-weight: normal;
color:#d8d8d8;
padding:2px 20px 13px 30px;
margin:0px;
}
.dbox a:first-child { border-top-width: 0px; }


.nbox{
margin:0 0 20px 0;
background-color:#f8f8f8;
color:#505050;
line-height:1.5em;
}

.nbox h1 {
line-height: 25px;
height: 25px;
padding: 0px 10px;
font-size: 10pt;
font-weight: bold;
margin: 0px;
border:1px solid #c0c0c0;
}

.nbox h1 + p { border-top-width: 0px; }

.nbox p {
display: block;
border:1px solid #c0c0c0;
padding:10px;
margin: 0px;
}
.nbox p.nopad {padding: 0; line-height: 0.9em;}

.nbox img { max-width: 528px;}

.nbox h1 {
background: #e4e4e4 url(../images/skin/box_head_grey.gif) repeat-x scroll 0% 0%;
color: #444444;
border-color: #c0c0c0;
}
.nbox p { border-color: #c0c0c0; }

.nbox.blue h1, .nbox h1.blue {
background: #003e6a url(../images/skin/box_head_blue.gif) repeat-x scroll 0% 0%;
color: #ffffff;
border-color: #003e6a;
}
.nbox.blue p, .nbox p.blue { border-color: #003e6a; }

.nbox.orange h1, .nbox h1.orange {
background: #dd7711 url(../images/skin/box_head_orange.gif) repeat-x scroll 0% 0%;
color: #ffffff;
border-color: #dd7711;
}
.nbox.orange p, .nbox p.orange { border-color: #dd7711; }

.nbox.blank h1, .nbox h1.blank {
background: transparent;
color: #111111;
border-color: transparent;
}
.nbox.blank p, .nbox p.blank { border-color: transparent; }
.nbox.blank { background: transparent; }