* { margin:0; padding:0; }

body { background: #FFF url('/css/img/bg.gif') top center; font-family: Tahoma, Arial; font-size:12px; }

a img { border:0; }
textarea { font-family: Tahoma, Arial; }

#wrap { width:960px; margin:0 auto; }

#top { border-top:8px solid #00aeef;  }
#top div { width:960px; margin:0 auto; position:relative;}
#top ul {  list-style:none;  position:absolute; top:0; right:0; font-size:11px; }
#top ul li { float:left; background-color:#FFF; padding:5px 8px 5px 8px; }
#top ul li a { text-decoration:none; color:#333; }
#top ul li a:hover { text-decoration:underline; }
#top ul li.first { background:transparent url(img/common/bg_top.gif) bottom left no-repeat; padding:5px 8px 5px 12px; border-right:1px solid #DDD; }
#top ul li.logout { background-color:#00aeef; }
#top ul li.logout a { color:#FFF;}

h1, h2, h3, h4, h5 { font-weight:normal; }

/*------------- HEADER -------------*/

#header { position:relative; margin:20px 0 0 0; }
#header h1 { margin:0 0 0 20px; }

/*------------- NAVIGATION -------------*/

#header #nav { background:url(img/nav_bg_sp.gif) top left no-repeat; width:592px; /*width:477px;*/ height:37px; position:absolute; bottom:0; right:0; }
#header #nav div { background:url(img/nav_bg_sp.gif) right -37px no-repeat; }
#header #nav ul { margin:0 8px; padding:0 0 0 20px; list-style:none; background-color:#464646; height:37px; }
#header #nav ul li { float:left; height:37px; line-height:37px; margin-right:20px;  }
#header #nav ul li a { display:block; height:37px; text-indent:-5000px; background-position:top left; background-repeat:no-repeat; }
#header #nav ul li a:hover { background-position: left 100% ; }


#header #nav ul li.home a { width:63px; background-image:url(img/nav/nav_home.gif); }
#header #nav ul li.events a { width:85px; background-image:url(img/nav/nav_events.gif); }
#header #nav ul li.discuss a { width:95px; background-image:url(img/nav/nav_discuss.gif); }
#header #nav ul li.sponsors a { width:122px; background-image:url(img/nav/nav_sponsors.gif); }
#header #nav ul li.about a { width:76px; background-image:url(img/nav/nav_about.gif); }

body#discuss #header #nav ul li.discuss a,
body#sponsors #header #nav ul li.sponsors a,
body#about #header #nav ul li.about a,
body#events #header #nav ul li.events a{ background-position: left 100% ; }

/*------------- CONTENT -------------*/

#contentWrap { background-color:#333; margin:20px 0 5px 0; padding:22px 0 0 0; background:url(img/content_bg.gif) top left no-repeat; }
#content { background-color:#FFF; color:#444; }


#side { float:right; width:300px; margin:0 20px 0 0;}
#side ul { list-style:none;}
#side ul li { margin:0 0 20px 0; }
#side ul li li { margin:0; }

 a { color:#0295ba; /*00aeef*/ }
 a:hover { color:#666; }

#content #main { float:left; width:605px;  margin:0 0 10px 20px; }
	#content #main.wide { float:none; width:100%;  margin:0 0 10px 20px; }

#content #main .section { clear:left; margin:0 0 20px 0; }

#title { border-bottom:1px solid #DDD; margin:0 20px 10px 20px; }
#title h1 { font-size:20px; margin:0 5px 5px 5px; font-weight:normal; }
#title h1 a { text-decoration:none; }
#title .crumb { background:url(img/common/crumb.gif) left center no-repeat; padding-left:15px; margin-left:2px; }


div.notice { background-color:#fff89e; color:#000; font-size:14px; text-align:center; padding:10px; border:2px solid #f0eca8; margin-bottom:10px; }


#content h3 { height:24px;}
#content h3 small { float:right; font-weight:normal; font-size:11px; margin-right:5px; padding-top:5px;  }
#content h3 small a { text-decoration:none; color:#666; padding:0 7px; }
#content h3 small a.selected { color:#000; }
#content h3 small a:hover { color:#0295ba; }
#content h3 small a.selected:hover { color:#000; }
#content h3 span { display:block; float:left; padding:0 10px; }

#content h3.one { border-bottom:2px solid #ff941d; }
#content h3.one span { background-color: #ff941d;  }

#content h3.two { border-bottom:2px solid #00aeef; }
#content h3.two span { background-color: #00aeef;  }

#content h3.three { border-bottom:2px solid #e30808; }
#content h3.three span { background-color: #e30808;  }

#content h3.four { border-bottom:2px solid #8dc73f; }
#content h3.four span { background-color: #8dc73f;  }

#content h3.five { background-color:#464646; padding:0 10px; }

#content h3.six { border-bottom:2px solid #464646; }
#content h3.six span { background-color: #464646;  }



.messageBox { margin:0 0 10px 0; color:#444; }
.messageBox span { background-color:#e4f1ff; padding:3px 10px; }
.mbtop { margin-top:10px; }

#content .box1 { background-color:#efefef; padding-bottom:10px; margin-bottom:10px; }
#content .box1 h2 { background:#464646 url(img/common/box1_corner.gif) top left no-repeat; color:#FFF; font-size:18px; padding:5px 20px;  }
#content .secondary h2 { background:#464646; }
#content .box1 h2 small { float:right; font-size:12px; padding:3px 0 0 0; }
#content .box1 h2 small a { text-decoration:none; }
#content .box1 h2 small a:hover { color:#EEE; }
#content .box1 h3 { font-size:16px; font-weight:bold; margin:10px 20px 0 20px; }
#content .box1 p { margin:0 20px 10px 20px; line-height:150%; }


#content .box1 .about { margin:15px 20px 0 20px; border-bottom:1px dotted #000; }
#content .box1 .about .avatar { float:left; width:50px; margin:0 15px 0 0;}
#content .box1 .about h3 { margin:0 0 0 65px; }
#content .box1 .about h4 { margin:0 0 0 65px; font-size:14px; font-weight:normal; }
#content .box1 .about p { margin:10px 0 10px 65px;}

/*------------- FOOTER -------------*/

#footer { background-color:#464646; color:#FFF; font-size:11px; padding:5px 20px; margin:0 0 20px 0; }
#footer  a { color:#fff; text-decoration:none; } 
#footer a:hover { color:#DDD; }
#footer .right { float:right; }
#footer .right a { margin:0 5px; }

/*------------------------
/*		Clearfix
/*-----------------------*/	

.clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.clearfix { display: inline-block; }
html[xmlns] .clearfix { display: block; }
* html .clearfix { height: 1%; }

/*------------------------
/*		Pagination
/*-----------------------*/
div.pagination { text-align:center;	clear:both; margin:5px 0 0 0; padding:5px 0 0 0; 	}
div.pagination a { padding: 2px 4px; margin: 1px; border: 1px solid #257BB3; text-decoration: none; color: #257BB3; }
div.pagination a:hover,
div.pagination a:active { border: 1px solid #DC241F; color: #DC241F; }
div.pagination span.current { padding: 2px 4px;	margin: 2px; border: 1px solid #000099;	font-weight: bold; background-color: #257BB3; color: #FFF; }
div.pagination span.disabled { padding: 2px 4px; margin: 2px; border: 1px solid #EEE; color: #DDD; }

.contact p { margin:10px 0; line-height:150%; }