/*
*
* Utopic Farm 2009
* info@utopicfarm.com
*
*/

:root{ overflow-y:scroll; }
body {
	font-family: Tahoma, Geneva, sans-serif;
	font-size:11px;
	color:#444;
	background-color:#e8e8e8;
}
a {
	outline:none;
	color:#333;
	text-decoration:none;
}
a:hover {
	color:#000;
	text-decoration:underline;
}

h2 { font-size:14px; color:#f24; margin-bottom:10px; }

/* Tools */

.dn { display:none; }
p { margin:15px 0 15px 0; }
.cb { clear:both; }
.highlighted { background-color:#fffddf !important; }
.hide-vis { visibility:hidden; }

/* Layout - Start */

#header {
	top:0;
	left:0;
	width:100%;
	height:130px;
	background: url(../images/header-bg.gif) repeat-x top;
}

.headerPos {
	width:960px;
	margin:0 auto;
	padding:7px 0 0 0;
}

#nav {
	width:100%;
	height:31px;
	background: url(../images/nav-bg.gif) repeat-x;
}

.navPos {
	width:960px;
	margin:0 auto;
}

#container {
	width:100%;
}

#footer {
	bottom:0;
	width:100%;
	height:95px;
	background-color:#d9d9d9;
	margin-top:5px;
}

.footerPos {
	width:960px;
	margin:0 auto;
}

/* Layout - Finish */


/* Nav - Start */

.nav { position:relative; }
.nav a { 
 	float:left;
	background-image:url(../images/nav.gif);
	background-repeat:no-repeat;
	cursor: pointer;
	display:block;
	height:31px;
}
.nav a span  { display:none; }

.link1 {  width:105px; background-position:0 0;  }
.link1:hover, .link1.selected { background-position: 0 -31px; }

.link2 { width:152px; background-position:-105px 0; }
.link2:hover, .link2.selected { background-position: -105px -31px; }

.link3 { width:172px; background-position:-257px 0;}
.link3:hover,.link3.selected { background-position: -257px -31px; }

.link4 { width:159px; background-position:-429px 0;  }
.link4:hover , .link4.selected { background-position: -429px -31px; }

/* Nav - Finish */


/* Container - Start */

.containerPos {
	width:960px;
	margin:30px auto;
}

.logo {
	width:576px;
	height:119px;
	float:left;
	background: url(../images/logo.png) no-repeat;
}

.rotaryLogo {
	width:46px;
	height:47px;
	float:right;
	margin:36px 10px 0 0;
	background: url(../images/header-rotary-logo.png) no-repeat;
	cursor:pointer;
}

.rotaryLogo:hover {
	height:46px;
	background: url(../images/header-rotary-logo.png) no-repeat 0 -47px;
}

.bbLogo {
	width:156px;
	height:45px;
	float:right;
	margin:36px 0 0 0;
	background: url(../images/header-bjk-logo.jpg) no-repeat;
	cursor:pointer;
}

.bbLogo:hover {
	height:46px;
	background: url(../images/header-bjk-logo.jpg) no-repeat 0 -46px;
}

.topContainer {
	width:100%;
	height:264px;
	background: url(../images/top-container-bg.gif) repeat-x;
}

.topContainerPos {
	width:960px;
	height:264px;
	margin:0 auto;
}

.centerContainer {
	width:100%;
	height:203px;
	background: url(../images/center-container-bg.png) repeat-x;
}

.centerContainerPos {
	width:960px;
	margin:0 auto;
	padding:11px 0 0 0;
}

.bottomContainer {
	width:960px;
	margin:0 auto;
}

.bottomContainer:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

/* ---- */

.topContainerText {
	float:left;
	width:775px;
	text-align:center;
	margin:25px 0 0 0;
}

.topContainerText .title {
	margin:0 0 0 0;
	font-size:36px;
	font-weight:bold;
	color:#575757;
}

.topContainerText .text {
	margin:0 0 0 111px;
	text-align:center;
	font-size:16px;
	margin:15px 0 0 0;
}

.topContainerText .text2 {
	margin:0 0 0 111px;
	text-align:center;
	font-size:12px;
	line-height:14px;
	margin:15px 0 0 0;
}

.topContainerText .basvuruBtn {
	width:250px;
	height:40px;
	background: url(../images/top-container-btn.png) no-repeat;
	margin:15px auto;
	border:none;
	cursor:pointer;
	display:block;
}

.topContainerText .basvuruBtn:hover {
	background: url(../images/top-container-btn-hover.png) no-repeat;
	text-decoration:none;
}

.topContainerImg {
	float:left;
	width:185px;
	text-align:center;
	margin:0 0 0 0;
}

.topContainerImg .img {
	width:185px;
	height:252px;
	background: url(../images/top-container-right-img.png) no-repeat;
	margin:10px 0 0 0;
}

.programBg {
	width:961px;
	height:167px;
	background: url(../images/program-bg.png) no-repeat;
}

.bottomContainer .title {
	width:133px;
	height:31px;
	background: url(../images/juri-uyeleri-title.gif) no-repeat;
	margin:25px 0 0 0;
}

.juriBox {
	width:122px;
	margin:25px 38px 65px 0;
	float:left;
}

.juriBox .img {
	width:122px;
	height:119px;
	margin:0 0 0 0;
}

.juriBox .name {
	font-size:14px;
	margin:10px 0 0 2px;
}

.juriBox .job {
	font-size:11px;
	color:#686868;
	margin:2px 0 0 2px;
}

.juriBox .job .rotaract {
	color:#563535;
}

.juriBox .job .rotary {
	color:#353573;
}

.juriBox.md {
	width:122px;
	margin:25px 0 65px 0;
	float:left;
}

.finalist-table {
	margin-bottom:15px;
}

.finalist-table td {
	padding:5px 5px 0 0;
}

.utopicfarm {
	position: relative;
	float:right; 
	width:93px; 
	height:22px; 
	background:url(../images/uf_logo.png) no-repeat; 
	cursor: pointer;
	display:block;
	margin:-2px 0 0 0;
}

.utopicfarm:hover { 
	background-position:bottom;
}

.footerPos .left {
	height:23px;
	margin:15px 0 0 0;
	float:left;
}

.footerPos .left2 {
	height:23px;
	margin:15px 0 0 0;
	float:left;
	font-size:10px;
	color:#333;
}

.footerPos .left .info {
	font-family:Arial, Helvetica, sans-serif;
	height:19px;
	float:left;
	font-size:11px;
	color:#676767;
	text-align:center;
	padding:6px 10px 0 10px;
	border-right:1px solid #c3c3c3;
}

.footerPos .left .info.first {
	padding-left:0;
}

.footerPos .left .info.last {
	padding-right:0;
	border-right:0;
}

.footerPos .left .info a {
	font-size:11px;
	color:#676767;
}

.footerPos .left .info a:hover {
	color:#333;
	text-decoration:underline;
}

.bottomContainer ul {
	margin:25px 0 25px 0;
	line-height:16px;
}

.bottomContainer ul li {
	margin:5px 0 5px 0;
}

.bottomContainer ul li span {
	font-weight:bold;
}

.bottomContainer ul li ul {
	margin:0 0 0 14px;
}

.iconButton {
	margin:40px 0 50px 75px;
	float:left;
	width:400px;
	background-color:#ddd;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	padding:40px 0 40px 0;
	border:solid 1px #eee;
}

.iconButton:hover {
	background-color:#fcfcfc;
	color:#333;
	text-decoration:none;
	border:solid 1px #bbb;
}

.iconButton .logo {
	width:64px;
	height:75px;
	background:url(../images/pdf_icon.png) no-repeat;
	margin:0 auto;
}

.iconButton .text {
	margin:10px 0 0 13px;
	font-size:14px;
	font-weight:bold;
	text-align:center;
}

.iconButton .text a {
	color:#FFF;
}

.iconButton .text a:hover {
	color:#333;
}

.iconButton .text span {
	font-weight:normal;
	color:#999;
	display:block;
	margin-top:7px;
	font-size:12px;
}

/* Contact Form */

#msg { border:solid 2px #ddd; background-color:#fff; padding:15px; font-size:15px; color:#953; text-align:center; margin-bottom:30px; -moz-border-radius:7px; -webkit-border-radius:7px; }

.contactForm { margin-top:30px; border-top:dashed 1px #ccc; padding-top:20px; }
	.contactForm .formBox { margin:5px 0 5px 0; clear:both; }
	.contactForm .text { float:left; padding: 15px 0 0 0; color:#666; font-size:10px; width:100px }
	.contactForm .input { margin: 0; width:300px; border:2px solid #c4c4c4; padding:7px; font-family:Tahoma,Geneva,sans-serif; font-size:16px; color:#333; -webkit-border-radius:5px; -moz-border-radius:5px; }
	.contactForm .sendBtn { 
		width:75px; height:24px; text-align:center; background:url(../images/iletisim-btn-bg.gif) repeat-x 0 0; color:#5f5f5f; float:left; 
		border:1px solid #aaa; display:block; cursor:pointer; font-weight:bold; -moz-border-radius:3px; -webkit-border-radius:3px;
	}
	.contactForm .sendBtn:hover { background:url(../images/iletisim-btn-bg-hover.gif) repeat-x 0 0; color:#ffffff; border:1px solid #5f5f5f; }
	.contactForm .sendBtn.disabled { background:url(../images/iletisim-btn-bg.gif) repeat-x 0 0 !important; color:#999 !important; }
	.contactForm .success { width:250px; padding:10px; margin-bottom:10px; background-color:#efe; border:solid 2px #373; color:#373; text-align:center; height:auto; }
	.contactForm .error-input { color:#600; border-color:#BB6666; background-color:#ffefef; }
	.contactForm #errorDiv { float:left; width:220px; color:#c13; padding:7px 10px; display:block; text-align:right; }

/* Container - Finish */