@charset "utf-8";
/* CSS Document */

/* -- RESETS -- */
html{color:#000;height:100%;width:100%;}
body{height:100%;font-family:"Lucida Sans Unicode", "Lucida Grande", Arial,sans-serif; font-size:12px}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0}
table{border-collapse:collapse;border-spacing:0}
fieldset,img{border:0}
address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:inherit;font-weight:inherit}
del,ins{text-decoration:none}
li{list-style:none}
caption,th{text-align:left}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}
q:before,q:after{content:''}
abbr,acronym{border:0;font-variant:normal}
sup{vertical-align:baseline}
sub{vertical-align:baseline}
legend{color:#000}
input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit}
input,button,textarea,select{*font-size:100%}
strong{font-weight:bold}
em{font-style:italic}
*{outline:none}


/* -- MAIN -- */
body {background:#d2d2d2;text-align:center}
#container {width: 930px; margin:0px auto;overflow:hidden;background:#e2e2e2;margin-bottom:10px}
#site {width:910px;margin:0px auto;overflow:hidden;background:white;margin-bottom:10px}
#site_container {width:880px;margin:0px auto;text-align:left}
#header{font-size:0.5px;background:url(images/logo.png) no-repeat 5px 9px;height:90px;margin-bottom:10px;color:white}
#header .page-title { display: none }
nav {  }
#navigation{position:relative;float:right;font-size:11px;color:white;width:auto;height:40px;margin-top:42px}
#navigation li{height:30px;width:auto;float:left}
#navigation li.selected{height:40px;width:auto;float:left;background:url(images/nav_sel.jpg) no-repeat top center}
#navigation li a{background:#e3528c url(images/nav.jpg) repeat-x;display:block;color:white;text-decoration:none;padding:7px;padding-left:15px;padding-right:15px;overflow:hidden;}
#navigation li a:hover{background:#cf3d62 url(images/nav_over.jpg) repeat-x}
#navigation li ul
{	margin: 0;
	padding: 0;
	position: absolute;
	display:none;}
#navigation li ul li { height:29px;width:170px;float:none}

#showcase{width:880px;height:240px;background:#00a8d2}

.hr{margin:0;padding:0;margin-top:10px;margin-bottom:10px;height:1px;border:0;background:#c9c9c9}

.info-box { border: 1px solid #cf3d62; padding: 10px; color: #cf3d62; font-weight: bold;margin-bottom: 10px }


#breadcrumb {overflow:hidden; margin-bottom: 15px}
#breadcrumb li {background:url(images/breadcrumb.jpg) no-repeat center left;float:left;width:auto;padding:5px;padding-left:15px}
#breadcrumb li.first {background:none;float:left;width:auto;padding:5px;padding-left:5px}
#breadcrumb li a {color:#999;text-decoration:none}
#breadcrumb li a:hover {color:#cf3d62;text-decoration:underline}

.read_more_link { width:100%;display:block;text-align:right;margin-top: 10px }
.read_more_link { color:#00a8d2;text-decoration:none }
.read_more_link:hover { color:#00a8d2;text-decoration:underline }

/* -- PAGES -- */
.page p {line-height: 18px}
.page {overflow:hidden;margin-bottom: 15px;}
.page .column {float:left}
.page .left {width:480px}
.page .right {margin-left:15px;width:385px}
.page .block-title {height: 35px; width:auto;}

.page h2 {width:auto;padding:5px;margin-top: 30px;margin-bottom:15px;font-size: 15px;color:white;background:#00a1d0}
.page h2:first-child {margin-top: 0px}
.page p {margin-top: 15px;}
.page p:first-child {margin-top: 0px}

.page h2 img {vertical-align:middle}

a { color: #cf3d62; }
a:hover { }

form td { padding: 5px }
form td input { padding: 5px; border: 1px solid #cf3d62 }
form td input[type=radio] { padding: 0px;border: 0px }
form td div { padding: 5px; font-weight:normal }
form tr td:first-child { font-weight:bold; }
form .info-box { border: 0px; padding: 0px; font-weight:normal; }

.block-photos { margin-top: 10px; }

/* -- HOME PAGE -- */
#highlights {width:385px;height:210px;background:#e75da4}
#projects {width:385px;overflow:hidden}
#projects button {display:block;border:0;margin:0;padding:0;padding-left:5px;background:#00a1d0 url(images/project_button.jpg) no-repeat;color:white;font-size:15px;margin-top:10px;height:30px;width:385px;text-align:left;cursor:pointer}
#sponsors {width:385px;height:150px}
#news { }
#news .news-item {margin-bottom: 15px;}
#news .news-item .date { text-align: right; margin-bottom: 10px; color: #e75da4}
#news .news-item:first-child .date { margin-top: -15px; }
#news .news-item .message { border:1px solid #c9c9c9; padding: 10px;}
#news .news-item .title { margin-bottom: 10px; font-size: 18px; color:#333}
#news .news-item .link { text-align:right;margin-top: 10px }
#news .news-item .link a { color:#00a8d2;text-decoration:none }
#news .news-item .link a:hover { color:#00a8d2;text-decoration:underline }

/* -- SPONSORS -- */
#sponsors { overflow: hidden;margin-top:10px;height: 120px }
#sponsors img { display:block;float: left; width: 100px; margin-right: 10px }
#sponsors .info { float: left; width: 270px; overflow:hidden;height:100px }
#sponsors .info .name { margin: 5px; font-size: 15px; color: #de4f85 }
#sponsors .info .description { margin: 5px;margin-top: 0px;height:50px }
#sponsors .link { text-align:center;margin: 5px;margin-top: 0px }
#sponsors .link a { color:#00a8d2;text-decoration:none }
#sponsors .link a:hover { color:#00a8d2;text-decoration:underline }
#sponsors .sponsor { width: 100px; float: left; margin-left: 40px }

/* -- ADMIN -- */
#admin-navigation{font-size:11px;color:white;width:auto;height:30px;background:#e3528c url(images/nav.jpg) repeat-x;}
#admin-navigation li{height:30px;width:auto;float:left}
#admin-navigation li.selected{height:30px;width:auto;float:left;background:url(images/nav_sel.jpg) no-repeat top center}
#admin-navigation li a img {vertical-align:middle}
#admin-navigation li a span {vertical-align:middle}
#admin-navigation li a{background:#e3528c url(images/nav.jpg) repeat-x;display:block;color:white;text-decoration:none;padding:7px;padding-left:15px;padding-right:15px}
#admin-navigation li a:hover{background:#cf3d62 url(images/nav_over.jpg) repeat-x}

#block-order li { width: 460px; padding: 6px; background:#00a1d0; color:white; cursor:move; margin-bottom: 10px}
#block-order li.empty-order {background:none; border:1px dashed #00a1d0;height:20px;padding-left:6px;padding-right:6px}

.admin td {padding: 5px}

.read_more { margin-top: 10px }

#add-photo { border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; margin-top: 10px; margin-bottom: 10px; padding: 10px; border: 1px solid #cf3d62; background: #f8b4c5; }
#add-photo .toolbar { overflow: hidden; }
#add-photo .toolbar button { float: left;border: 1px solid #cf3d62; background: #cf3d62; font-weight: bold; padding: 5px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; color: white }
#add-photo .toolbar a { display: block; position: relative; float: right; width: 20px; height: 20px; background: url(images/collapse.png) no-repeat top left; margin-top: 5px; cursor: pointer }
#photo-holder { margin-top: 10px; overflow:hidden }
#dialog img, #photo-holder div { width: auto; height: 120px; position: relative; float: left; margin-right: 5px; margin-bottom: 5px }
#photo-holder div { text-align: center;}
#dialog img { width: auto; height: 100px }
#photo-holder div span { display: block; background: #cf3d62; padding: 3px; text-align: center; color: white; font-weight:bold;cursor: pointer}

.block-photos img {margin-right: 5px; }