/*
Author: Vladimir Golušin
Author URI: http://bigfish.rs
*/

* {
  margin: 0;
}

html, body {
	height: 100%;
}

/*img, div, h1, li { behavior: url("css/iepngfix.htc") }*/

body {
	font: 12px Arial, Tahoma, Verdana, Georgia, sans-serif;
	color: #666;
	text-align: center;
	background: #fff;
}

#wrap, 
div.wrap {
	width: 960px;
	margin: 0 auto;
	text-align: left;
}


/* @group header */
/* HEADER
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */
#header {
	/*height: 120px;*/
	height: 45px;
	padding: 45px 0 30px;
	margin: 0 10px;
	overflow: hidden;
}

#header h1 {
	color: #003d7e;
	display: inline-block;
	float: left;
	font-size: 44px;
	line-height: 44px;
	margin: 0;
	text-transform: uppercase;
}

#header h1 a {
	color: #003d7e;
	text-decoration: none;
}

#header h1 span {
	color: #d93848;
}

#header h2 {
	color: #a8a8a8;
	display: inline-block;
	float: left;
	font-size: 26px;
	margin: 7px 15px 0;
	text-transform: uppercase;
}

/* gattorna alignment page header */
#ga-header {
	height: 120px;
	margin: 0 10px;
}

#ga-header h1 {
	height: 80px;
	margin: 0;
}

#ga-header h1 a {
	background: url("../img/ga-logo.jpg") no-repeat 0 0;
	display: block;
	height: 80px;
	text-indent: -9999px;
	width: 305px;
}

#ga-header h2 {
	background: #003d7e url("../img/ga-subtitle.gif") no-repeat top right;
	height: 40px;
	margin: 0;
	text-indent: -9999px;
}
/* @end */


/* @group menu */
/* MENU
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */
#menu {
	border: 1px solid #ccc;
	border-width: 1px 0;
	height: 58px;
	position: relative;
	margin: 0 10px;
}

#menu ul {
	font-size: 15px;
	list-style: none !important;
	margin: 12px 0 0;
	text-transform: uppercase;
}

#menu ul li {
	border: 1px solid #fff;
	cursor: pointer;
	display: inline;
	float: left;
	list-style: none;
	margin-right: 25px;
	padding: 8px 7px 5px;
}

#menu ul li div {
	background: #fff;
	border: 1px solid #ccc;
	display: block;
	margin-left: -8px;
	margin-top: 4px;
	min-width: 150px;
	padding: 5px;
	position: absolute;
}

#menu ul li a,
#menu ul li.more a {
	color: #666;
	text-decoration: none;
}

#menu ul li a:hover {
	color: #003d7e;
}

#menu ul li:hover {
	color: #666;
}

#menu ul li.active a {
	color: #d93848;
}

#menu ul li.more {
	background: url("../img/menu-more-gray.png") no-repeat 92% 11px;
	padding-right: 20px;
}

#menu ul li.more:hover {
	background: url("../img/menu-more-red.png") no-repeat 92% 11px;
	border: 1px solid #ccc;
	border-bottom: 1px solid #fff;
}

#menu ul div ul {
	border: 0;
	clear: both;
	display: block;
	margin: 0;
	padding: 0;
}

#menu ul div ul li {
	border: 0;
	border-top: 1px solid #ccc;
	clear: both;
	display: block;
	float: none;
	line-height: 24px;
	margin: 0;
	padding: 0;
	padding: 5px 5px 5px 0;
}

#menu ul div ul li:first-child {
	border-top: 0;
}

#menu ul div ul li a {
	color: #003d7e !important;
	display: block;
}

#menu ul div ul li a:hover {
	color: #003d7e;
}
/* @end */


/* @group mid */
/* MID
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */
#mid {}

#mid div.lc,
#mid div.rc {
	display: inline;
	float: left;
}

#mid div.lc {
	border-right: 1px solid #ccc;
	width: 620px;
	padding-right: 20px;
	margin-left: 10px;
}

#mid div.rc {
	background: url("../img/bg-sidebar.jpg") repeat-y 0 0;
	width: 299px;
}

#mid a {
	color: #d93848;
}

#mid p {
	line-height: 150%;
	font-size: 1.1em;
}

#mid hr {
	background: #ccc;
	border: 0;
	color: #ccc;
	height: 1px;
	margin: 15px 0;
}

#mid div.lc h2 {
	margin: 0 0 10px;
}

#mid div.lc p {
	margin: 10px 0;
}

#mid div.rc h3 {
	background: #003d7e;
	border-right: 10px solid #d93848;
	color: #fff;
	font-weight: normal;
	margin: 0;
	text-transform: uppercase;
}

#mid div.rc h3 span {
	border-right: 10px solid #848490;
	display: block;
	padding: 10px 20px 10px 19px;
}

#mid div.rc p {
	margin: 20px 20px 20px 19px;
}
/* @end */


/* @group home */
/* HOME
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */
#home {}

#home div.ilc,
#home div.irc {
	padding-top: 40px;
	display: inline;
	float: left;
}

#home div.ilc {
	width: 300px;
	margin: 0 10px 0 0;
}

#home div.irc {
	margin: 0 0 0 10px;
}


#home div.about ul {
	margin: 0;
}

#home div.about ul li {
	display: inline;
	float: left;
	list-style: none;
}

#home div.about ul li.image {
	width: 141px;
	margin-right: 10px;
}

#home div.about ul li.image img {
	display: block;
}

#home div.about ul li.text {
	width: 149px;
}

#home div.about ul li.text h2 {
	margin: 22px 0 11px;
}

#home div.about ul li.text p {
	margin: 10px 0;
}

#home div.testimonial {
	background: url("../img/bg-testimonial.jpg") repeat 0 0;
	border: 1px solid #ccc;
	border-width: 1px 0;
	margin: 25px 0;
}

#home div.testimonial p {
	color: #003d7e;
	font-size: 1.2em;
	font-style: italic;
	text-align: center;
	margin: 10px 20px;
}

#home div.video {
	margin: 15px 0;
}

#home div.video p {
	font-size: 1.2em;
	font-weight: bold;
	margin: 10px 0;
	text-align: center;
}
/* @end */


/* @group page */
/* PAGE
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */
#page {}

#page div.content {
	padding-top: 40px;
}

#page div.academic-appointments {
	margin: 30px 0;
}

#page div.academic-appointments h3 {
	border-bottom: 1px solid #ccc;
	font-size: 1.3em;
	padding-bottom: 5px;
}

#page div.academic-appointments ul {
	margin: 0;
	padding: 0;
}

#page div.academic-appointments li {
	list-style: none;
}

#page div.academic-appointments li div.img {
	display: inline;
	float: left;
	width: 100px;
}

#page div.academic-appointments li div.text {
	display: inline;
	float: left;
	font-size: 1.1em;
	margin-left: 20px;
	padding-top: 20pxw;
	width: 280px;
}

#page div.books ul {
	margin: 0;
	padding: 0;
}

#page div.books li {
	list-style: none;
}

#page div.books div.img {
	display: inline;
	float: left;
	margin-right: 20px;
	padding-top: 15px;
	width: 120px;
}

#page div.books div.text {
	display: inline;
	float: left;
	width: 260px;
}

#page div.books h3 {
	font-size: 1.2em;
	font-weight: bold;
	margin-bottom: 5px;
}

#page div.books h4 {
	font-size: 1.1em;
	margin: 0 0 15px;
}

#page div.books p {
	font-size: 1em;
}

#page div.content div.cl {
	display: inline;
	float: left;
}

#page div.content div.cr {
	display: inline;
	float: left;
	margin-left: 20px;
}

.w100 {
	width: 100px;
}

.w150 {
	width: 150px;
}

.w200 {
	width: 200px;
}

.w300 {
	width: 300px;
}

.w400 {
	width: 400px;
}

.w450 {
	width: 450px;
}

.w500 {
	width: 500px;
}

.m20 {
	margin-left: 20px;
}

#page div.testimonial {
	background: #f9f9f9;
	border: 1px solid #d4d4d4;
	padding: 10px 20px;
}

#page div.testimonial p {
	margin: 10px 0;
}
/* @end */


/* @group footer */
/* FOOTER
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */
#footer {
	border-top: 1px solid #ccc;
	padding: 20px 0;
}

#footer ul {
	margin: 0;
	padding: 0;
}

#footer ul li {
	display: inline;
	float: left;
	list-style: none;
	margin-right: 10px;
}

#footer ul li a {
	color: #ccc;
}
/* @end */


/* @group elements */
/* ELEMENTS
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */
h1, h2, h3, h4, h5, h6 {
	font-family: Arial, Tahoma, Verdana, sans-serif, Georgia;
	font-weight: normal;
}

strong {
	font-weight: bold;
}

h1 {}

h2 {
	color: #003d7e;
	font-size: 1.6em;
}

h3 {
	color: #003d7e;
	font-size: 1.2em;
}

h4 {
	font-size: 1.1em;
	font-weight: bold;}

h5 {}

h6 {}

q {
	background:#efefef;
	border:1px solid #d5d5d5;
	color:#000;
	padding:5px
}
/* @end */


/* @group common */
/* COMMON
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */
ul#books {
	margin: 0;
	padding: 0;
}

ul#books li {
	list-style: none;
	margin: 15px 0;
}

ul#books li div.img {
	display: inline;
	float: left;
	width: 120px;
}

ul#books li div.desc {
	display: inline;
	float: left;
	font-size: 1.1em;
	margin-left: 20px;
	padding-top: 15px;
	width: 120px;
}

ul#books li div.desc a {
	color: #666;
}

ul#books li div.desc a:hover {
	color: #d93848;
}

ul#books li div.desc h4 {
	font-size: 1.1em;
	font-weight: bold;
	margin: 0 0 10px;
}

ul#books li div.desc p {
	font-size: 0.9em;
	margin: 5px 0;
}

ul.files {
	margin: 30px 0 0;
	padding: 0;
}

ul.files li {
	list-style: none;
	line-height: 140%;
	margin-bottom: 5px;
	min-height: 48px;
}

ul.files li.ppt {
	background: url("../img/icons/ppt.png") no-repeat 0 0;
	padding: 8px 0;
	padding-left: 60px;
	
}

ul.files li.pdf {
	background: url("../img/icons/pdf.png") no-repeat 0 0;
	padding: 8px 0;
	padding-left: 60px;
}

ul.files li.doc {
	background: url("../img/icons/doc.png") no-repeat 0 0;
	padding: 8px 0;
	padding-left: 60px;
}

ul.files li.html {
	background: url("../img/icons/html.png") no-repeat 0 0;
	padding: 8px 0;
	padding-left: 60px;
}

ul#past-events {
	border-top: 1px solid #d4d4d4;
	margin: 0;
	padding: 0;
}

ul#past-events li {
	border-bottom: 1px solid #d4d4d4;
	list-style: none;
	padding: 5px 0;
}

ul#past-events li h3,
ul#past-events li h4 {
	margin: 10px 0;
	padding: 0;
}

ul#past-events li h4 {
	font-weight: bold;
}

ul#past-events li p {
	margin: 10px 0;
	line-height: 130%;
}

ul#past-events li div.image {
	display: inline;
	float: left;
	margin: 5px 5px 0 0;
}

ul#past-events li div.image img {
	border: 1px solid #d5d5d5;
	display: block;
}

ul#past-events li div.logo {
	
	display: inline;
	float: right;
	margin: 15px 0 5px 20px;
}

ul#past-events li div.logo img {
	border: 1px solid #d5d5d5;
	display: block;
	margin-bottom: 5px;
}

#press {}

#press div.item {}

#press div.item h3 {
	font-size: 1.3em;
	font-weight: bold;
}

#press div.item p {
	font-size: 1.1em;
}

#press div.item p.source {
	font-size: 1em;
	margin: 5px 0;
}

#press div.item p.date {
	font-size: 1em;
	margin: 5px 0;
}

#press div.text {}

#press div.item div.photo {
	display: inline;
	float: right;
	margin: 15px 0 5px 20px;
}

#books div.item {
	margin: 30px 0;
}

#books div.cover {
	display: inline;
	float: left;
	width: 150px;
}

#books div.text {
	display: inline;
	float: left;
	margin-left: 20px;
	width: 450px;
}

#books div.text h3 {
	font-size: 1.4em;
	margin: 0 0 20px;
}

#books div.text h4 {
	font-size: 1.2em;
	font-weight: bold;
	margin: 20px 0 0;
}

#books div.text h3 span {
	font-weight: bold;
}

#reviews {}

#reviews h3 {
	font-size: 1.3em;
	margin: 0 0 10px;
}

#reviews h3 span {
	font-weight: bold;
}

#reviews div.photo {
	display: inline;
	float: right;
	margin: 0 0 0 20px;
}

#reviews div.photo img {
	display: block;
}

#print {}

#print h3 {
	font-size: 1.3em;
	margin: 0 0 10px;
}

#print h3 span {
	font-weight: bold;
}

#print div.item {
	margin: 30px 0;
}

#print div.photo {
	display: inline;
	float: left;
	margin-right: 20px;
	width: 100px;
}

#print div.photo img {
	display: block;
	margin-bottom: 5px;
}

#print div.text {
	display: inline;
	float: left;
	width: 500px;
}


#contributions {}

#contributions h3 {
	font-size: 1.3em;
	margin: 0 0 10px;
}

#contributions h3 span {
	font-weight: bold;
}

#contributions div.item {
	margin: 30px 0;
}

#contributions div.photo {
	display: inline;
	float: left;
	margin-right: 20px;
}

#contributions div.photo img {
	display: block;
}

#commendations h4 {
	color: #003d7e;
}

ul.list {
	margin: 20px;
	margin-left: 19px;
	padding: 0;
}

ul.list li {
	list-style: none;
	margin: 5px 0;
	font-size: 1.1em;
}

ul.list li a {
	color: #666;
}

ul.list li a:hover {
	color: #d93848;
}

ul.presentations {
	margin: 30px 0;
}

ul.presentations li {
	list-style: none;
	margin-bottom: 10px;
}

ul.presentations .slide {
	border: 1px solid #d5d5d5;
	display: inline;
	float: left;
	margin-right: 30px;
	padding: 5px;
	width: 160px;
}

ul.presentations .slide img {
	display: block;
}

ul.presentations .desc {
	display: inline;
	float: left;
	width: 408px;
}

ul.presentations .desc h3 {
	font-size: 1.3em;
	font-weight: bold;
}

ul.presentations .desc h3 a {
	text-decoration: none;
}
/* @end */


/* @group misc */
/* MISC
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */
ul#past-events h3 {
        font-weight: bold !important;
}

.clearer, .clr {
	clear: both;
	line-height: 1;
	margin: 0;
	padding: 0;
	display: block;
}

.left {
	display: inline;
	float: left;
}

.right {
	display: inline;
	float: right;
}

img a:hover {
	margin-bottom: -5px;
}

.hidden {
	display:none;
}
/* @end */


/* @group forms */
/* FORMS
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */
form.form {
	/*margin: 20px 15px 0;
	padding: 0 0 20px;*/
	font-family: "Lucida Grande", "Lucida Sans Console", Arial, Tahoma, Verdana;
}

form ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

* html form ul {
	width: 99%;
}

form li {
	clear: both;
	list-style: none;
	margin: 0;
	padding: 6px 1% 9px;
}

form li:after,
form li div:after {
	clear: both;
	content: ".";
	display: block;
	height: 0;
	visibility: hidden;
}

* html form li {
	height: 1%;
	margin-bottom: -3px;
}

* + html form li {
	height: 1%;
	margin-bottom: -3px;
}

* html form li div {
	display: inline-block;
}

* + html form li div {
	display: inline-block;
}

form li div {
	color: #444;
	margin: 0;
	padding: 0;
}

form li span {
	color: #444;
	float: left;
	margin: 0 0.3em 0 0;
	padding: 0;
}

form li.payment span {
	margin-bottom: 10px;
}

form li div span {
	display: block;
	float: left;
	margin: 0;
	width: 100%;
}

form li.complex {
	padding-bottom: 0;
}

form li.complex div span {
	margin: 0 0.3em 0 0;
	padding-bottom: 12px;
	width: auto;
}

form li.complex div span.full {
	margin: 0;
}

form li.complex div span.left,
form li.complex div span.right {
	margin: 0;
	width: 48%;
}

form li.complex div span.full input, 
form li.complex div span.full select, 
form li.complex div span.left input, 
form li.complex div span.right input, 
form li.complex div span.left select, 
form li.complex div span.right select {
	width: 100%;
}

form li div label,
form li span label {
	clear: both;
	color: #444;
	display: block;
	font-size: 95%;
	line-height: 160%;
	margin: 0;
	padding-top: 3px;
}

label.desc {
	border: medium none;
	color: #222;
	display: block;
	font-size: 95%;
	font-weight: bold;
	line-height: 150%;
	margin: 0;
	padding: 0 0 3px;
}

label.choice {
	color: #222;
	display: block;
	font-size: 100%;
	line-height: 150%;
	margin: -17px 0 0 23px;
	padding: 0 0 5px;
	width: 88%;
}

.safari label.choice {
	margin-top: -16px;
}

span.symbol {
	font-size: 120%;
	line-height: 135%;
}

form li .datepicker {
	cursor: pointer !important;
	float: left;
	height: 16px;
	margin: 0.19em 5px 0 0;
	padding: 0;
	width: 16px;
}

form span.req {
	color: red !important;
	display: inline;
	float: none;
	font-weight: bold;
	margin: 0;
	padding: 0;
}

form li div label var {
	font-style: normal;
	font-weight: bold;
}

form li div label .currently {
	display: none;
}

input.text, 
input.search, 
input.file, 
textarea.textarea, 
select.select {
	color: #333;
	font: 100% "Lucida Grande","Lucida Sans Unicode",Arial,Tahoma,Verdana,sans-serif;
	margin: 0;
	padding: 3px 0;
}

input.text, 
input.search, 
textarea.textarea {
	background: #fff url("../images/fieldbg.gif") repeat-x center top;
	border-color: #7c7c7c #c3c3c3 #dddddd;
	border-style: solid;
	border-width: 1px;
}

select.select {
	padding: 1px 0 0;
}

input.search {
	-moz-border-radius-bottomleft: 10px;
	-moz-border-radius-bottomright: 10px;
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-topright: 10px;
	padding-left: 6px;
}

input.checkbox,
input.radio {
	display: block;
	height: 13px;
	margin: 4px 0 0;
	padding: 0;
	width: 13px;
}

input.other {
	margin: 0 0 8px 25px;
}

.sarafi select.select {
	font-size: 120% !important;
	margin: 0 0 1px;
}

* html select.select {
	margin: 1px 0;
}

* + html select.select {
	margin: 1px 0;
}

.center, 
form li span.center input.text, 
form li span.center label, 
form li.name span label, 
form li.date input.text, 
form li.date span label, 
form li.phone input.text, 
form li.phone span label, 
form li.time input.text, 
form li.time span label {
	text-align: center;
}

form li.time select.select {
	margin-left: 5px;
}

form li.price .right {
	text-align: right;
}

.third {
	width: 32% !important;
}

.half {
	width: 48% !important;
}

.full {
	width: 100% !important;
}

input.small,
select.small {
	width: 25%;
}

input.medium,
select.medium {
	width: 50%;
}

input.large,
select.large,
textarea.textarea {
	width: 100%;
}

.msie select.ieSelectFix {
	width: auto;
}

.msie6 select.ieSelectFix,
.msie7 select.ieSelectFix {
	width: 100%;
}

.msie select.ieSelectFix.small {
	min-width: 25%;
}

.msie select.ieSelectFix..medium {
	min-width: 50%;
}

.msie select.ieSelectFix.large {
	width: 100%;
}

textarea.small {
	height: 5.5em;
}

textarea.medium {
	height: 10em;
}

textarea.large {
	height: 20em;
}

form li.buttons {
	clear: both;
	padding: 10px 1%;
	position: relative;
	width: auto !important;
}

form li.buttons input {
	font-size: 100%;
	margin-right: 5px;
}

input.btTxt {
	overflow: visible;
	padding: 0 7px;
	width: auto;
}

.safari input.btTxt {
	font-size: 120%;
}

.buttons .marker {
	color: #000;
	padding: 15px 10px 0 0;
	position: absolute;
	right: 0;
	top: 0;
	width: auto;
}

button.link {
	background: transparent;
	border: medium none;
	color: blue;
	cursor: pointer;
	display: inline-block;
	font-size: 100%;
	padding: 0;
	text-decoration: underline;
}

button.link:hover {
	color: green;
}

form li.focused {
	position: relative;
}

form .instruct {
	background: #f5f5f5;
	border: 1px solid #e6e6e6;
	font-size: 105%;
	left: 0;
	margin: 0 0 0 8px;
	padding: 8px 10px 10px;
	position: absolute;
	top: 0;
	visibility: hidden;
	width: 45%;
	z-index: 1000;
}

form .instruct small {
	color: #444;
	font-size: 80%;
	line-height: 120%;
}

form li.focused .instruct,
form li:hover .instruct {
	left: 100%;
	visibility: visible;
}

form li.section {
	clear: both;
	margin: 0;
	padding: 7px 0 0;
	position: static;
	width: auto !important;
}

form li.section h3 {
	border-top: 1px solid #d5d5d5;
	font-size: 110%;
	font-weight: normal;
	line-height: 135%;
	margin: 0 0 3px;
	padding: 12px 1% 0;
	width: auto;
}

form li.first {
	padding: 0;
}

form li.first h3 {
	border-bottom: medium none !important;
	padding: 8px 1% 0;
}

form li.section div {
	display: block;
	font-size: 85%;
	line-height: 160%;
	margin: 0 0 1em;
	padding: 0 1%;
	width: auto;
}

form li.error {
	background-color: #ffdfdf !important;
	display: block !important;
	margin-bottom: 3px !important;
	
}

form li label.error,
form li input.error {
	color: #df0000 !important;
	font-weight: bold !important;
}

form li input.error {
	background: #fff;
	border: 2px solid #df0000 !important;
}

form li.error label, 
form li.error span.symbol {
	color: #000 !important;
}

form li.error label.desc {
	color: #df0000 !important;
}

form p.error {
	clear: both;
	color: #df0000 !important;
	display: none;
	font-size: 11px;
	font-weight: bold;
	line-height: 10px !important;
	margin: 0 !important;
	padding: 7px 0 0 !important;
}

form li.error p.error {
	display: block;
}

form li.complex p.error {
	padding: 0 0 9px !important;
}
/* @end */
