/**********************************************************************************************
	Main Sections in CSS:
	
	1.	BASIC ELEMENTS
		Define styles for basic elements: body, h1-h6, ul, ol, a, p, etc.
	
	2.	LAYOUT
		Define the basic template: header, footer, etc. Elements that help to define the basic layout of the site
		
	3.	PAGE COMMON STYLES
		Define content styles that are common to all the pages in the project. For example Logo in header, tabs in navigation, buttons, rounded boxes etc
	
	4.	PAGE SPECIFIC STYLES
		Define content styles that are specific to a particular page
	
***********************************************************************************************/


/* import core styles */
@import url(base.css);

a { color: #BF3230; text-decoration: none; }
a:hover { color: #666; text-decoration: none !important; }

/*------------------------------------------
// 1.BASIC ELEMENTS
//	 Define styles for basic elements: body, h1-h6, ul, ol, a, p, etc.
//------------------------------------------*/

body { color:#1F1917; font-family:Arial, Helvetica, sans-serif; background:#ededed url(../images/body-bg.jpg) no-repeat scroll 50% 117px; }
h1, h2, h3, h4, h5, h6, p, li { line-height:1.0em; }

/*------------------------------------------
// 2.LAYOUT
//   Define the basic template: header, footer, etc. Elements that help to define the basic layout of the site
//------------------------------------------*/

/*---- Wrapper ----*/
div.wrapper { width:960px; margin:0 auto; }

/*---- Header ----*/
div#header{ height:76px; background:#fff; min-width:960px; }
div#header div.wrapper { padding:12px 2px 0px 24px; width:934px; }

/*---- Navigation ----*/
div#navigation { background:transparent url(../images/navigation/navigation-bg.jpg) repeat-x scroll 0 0; height:40px; margin-bottom:30px; z-index:100; position:relative;  min-width:960px; }
div#navigation div.wrapper { padding-left:1px; width:959px; }

/*---- Content ----*/
div.content{ margin-bottom:10px; }

/*---- Main ----*/
div.main { width:714px; }
div.main div.box1-inner { padding:16px 18px 0px 25px; }

/*---- Dashboard ----*/
div#dashboard { margin-bottom:10px; }

/*---- Sidebar ----*/
div.sidebar { width:234px; }

/*---- Footer ----*/
div#footer { background:#424242 url(../images/footer/footer-bg.jpg) repeat-x scroll 0 0; min-width:960px; }
div#footer div.wrapper { padding:28px 10px 100px 2px; width:948px; }

/*------------------------------------------
// 3. PAGE COMMON STYLES
//	  Define content styles that are common to all the pages in the project. For example Logo in header, tabs in navigation, buttons, rounded boxes etc
//------------------------------------------*/

/*---- Header - Logo ----*/
div#header div.logo {float:left; }

/*---- Header - Contact-info ----*/
div#header div#contact-info {float:right; }
div#header div#contact-info div.department { float:left; margin-left:44px; }
div#header div#contact-info div.department h2 { color:#dd3937; font-size:200%; line-height:1.2em; font-weight:normal; font-family: Verdana, Geneva, sans-serif; }
div#header div#contact-info div.department p { color:#14110c; font-size:200%; line-height:1.2em; font-family: Verdana, Geneva, sans-serif; }

/*---- Navigation ----*/
div#navigation ul li { float:left; padding:4px 2px 0; }
div#navigation ul li.pipe { width:2px; height:40px; line-height:40px; background:transparent url(../images/navigation/pipe.gif) no-repeat scroll 0 0; padding:0; }

div#navigation ul li a { float:left; padding-left:7px; text-decoration:none; background:transparent url(../images/navigation/active.gif) no-repeat scroll -1000px top; }
div#navigation ul li a span { float:left; padding:0 31px 0 25px; color:#fff; font-size:120%; display:block; background:transparent url(../images/navigation/active.gif) no-repeat scroll -1000px bottom; height:36px; line-height:36px; font-weight:bold; }

div#navigation ul li a.active, div#navigation ul li:hover a { background-position:left top; }
div#navigation ul li a.active span, div#navigation ul li:hover a span { color:#1F1918; background-position:right bottom; }

div#navigation ul li.parent { position:relative; }
div#navigation ul li.parent div.child_1 { display:none; position:absolute; top:40px; left:2px; width:163px; z-index: 100; }
div#navigation ul li.parent:hover div.child_1 { display:block; }
div#navigation ul li.parent div.child_1 div.top { background:transparent url(../images/navigation/child-top.png) no-repeat scroll left top;  height:4px; line-height:4px; }
div#navigation ul li.parent div.child_1 div.middle { background:transparent url(../images/navigation/child-bg.png) repeat-y scroll 0 0; padding:14px 20px 0; height:1%; } 
div#navigation ul li.parent div.child_1 div.bottom { background:transparent url(../images/navigation/child-bottom.png) no-repeat scroll left bottom; height:7px; line-height:7px; }
div#navigation ul li.parent div.child_1 ul li { float:none; padding:0 0 12px 0;  }
div#navigation ul li.parent div.child_1 ul li a { padding:0; background:none; color:#666; font-size:110%; line-height:1.2em; float:none; }
div#navigation ul li.parent div.child_1 ul li a:hover { text-decoration:underline; }

div#navigation ul li.parent div.child_1 li.parent div.child_2 { display:none; position:absolute; top:-18px; left:120px; width:163px; z-index: 1000; }
div#navigation ul li.parent div.child_1 li.parent:hover div.child_2 { display:block; }
div#navigation ul li.parent div.child_1 li.parent div.child_2 div.top { background:transparent url(../images/navigation/child-top-rounded.png) no-repeat scroll left top; height:7px; line-height:7px; }
div#navigation ul li.parent div.child_1 li.parent div.child_2 div.middle { background:transparent url(../images/navigation/child-bg.png) repeat-y scroll 0 0; padding:14px 20px 0; height:1%; } 
div#navigation ul li.parent div.child_1 li.parent div.child_2 div.bottom { background:transparent url(../images/navigation/child-bottom.png) no-repeat scroll left bottom; height:7px; line-height:7px; }
div#navigation ul li.parent div.child_1 li.parent div.child_2 ul li { float:none; padding:0 0 12px 0;  }
div#navigation ul li.parent div.child_1 li.parent div.child_2 ul li a { padding:0; background:none; color:#666; font-size:110%; line-height:1.2em; float:none; }
div#navigation ul li.parent div.child_1 li.parent div.child_2 ul li a:hover { text-decoration:underline; }

/*---- Post ----*/
div.content h1 { color:#dd3937; font-size:200%; line-height:1.2em; margin-bottom:25px;}
div.content h1 a { font-size:100%; color:#dd3937; }
div.content h2, div.sidebar h2 { color:#1f1917; font-size:130%; line-height:1.2em; margin-bottom:10px; font-family: Verdana, Geneva, sans-serif; }
div.content h2 a, div.sidebar h2 a { color:#1f1917; font-size:100%; }
div.post { min-height: 337px; }
div.post p { line-height:1.2em; font-size:130%; margin-bottom:20px; }
div.post p a { font-size:100%; color:1F1917; }

div.post h3{ color:#1F1917; font-size:140%; line-height:1.2em; margin-bottom:5px; font-family: Verdana, Geneva, sans-serif; }
div.post h4{ color:#1F1917; font-size:130%; line-height:1.2em; margin-bottom:5px; font-family: Verdana, Geneva, sans-serif; }
div.post h5{ color:#1F1917; font-size:120%; line-height:1.2em; margin-bottom:5px; font-family: Verdana, Geneva, sans-serif; }
div.post h3 a, div.post h4 a, div.post h5 a { color:#1F1917; font-size:100%; }

div.post div.entry ul{ margin:0 0 20px 20px; }
div.post div.entry ul li{ list-style-type:disc; line-height:1.2em; font-size:120%; color:#1F1917; margin-bottom:5px; }
div.post div.entry ol{ margin:0 0 20px 25px; }
div.post div.entry ol li{  list-style-type:decimal; line-height:1.2em; font-size:120%; color:#1F1917; margin-bottom:5px; }

div.post div.entry blockquote p { font-size:120%; font-style:italic; color:#1F1917; line-height:1.2em; margin-bottom:20px; }

div.post img.alignleft { float:left; margin:0 25px 10px 0; }
div.post img.alignright { float:right; margin:0 0 10px 25px; }
div.post img.aligncenter { display:block; margin:0 auto 10px auto; }

/*---- Misc Classes----*/
div.autocomplete4 { position:absolute; width:500px; background-color:#DD3937; padding-bottom:5px; padding-left:10px; font-size:120%; text-align:left; max-height:200px; overflow:auto; color:#fff; width:200px !important; }
div.autocomplete4 ul { list-style-type:none; margin:0px; padding:0px; }
div.autocomplete4 ul li.selected { color:#fff; }
div.autocomplete4 ul li { list-style-type:none; display:block; margin:0; padding:2px; cursor:pointer; margin-bottom:2px; }
.combo4 { margin: 0px 5px 10px 0px; font-family:Verdana, Geneva, Arial, Helvetica, sans-serif; font-size:120%; width:200px; display :block; background: url('../images/selectbox-bg.gif') #fff top right no-repeat; height:21px; padding: 5px 5px 0px; cursor: pointer; border:0px; color:#fff; float:left;}

div.autocomplete5 { position:absolute; width:500px; background-color:#292929; padding-bottom:5px; padding-left:10px; font-size:120%; text-align:left; max-height:200px; overflow:auto; color:#fff; width:205px !important; }
div.autocomplete5 ul { list-style-type:none; margin:0px; padding:0px; }
div.autocomplete5 ul li.selected { color:#fff; }
div.autocomplete5 ul li { list-style-type:none; display:block; margin:0; padding:2px; cursor:pointer; margin-bottom:2px; }
.combo5 { margin: 0px 5px 10px 0px; font-family:Verdana, Geneva, Arial, Helvetica, sans-serif; font-size:120%; width:205px; display :block; background: url('../images/selectbox-bg1.gif') #fff top right no-repeat; height:20px; padding: 5px 5px 0px; cursor: pointer; border:0px; color:#fff; float:left;}

/*---- Sidebar ----*/
div.sidebar p { color:#373737; font-size:110%; line-height:1.5em; margin-bottom:10px; }

div.content div.sidebar div.box1-inner { padding:12px 12px 1px 15px; }
div.content div.sidebar div.box1 h2 { margin-bottom:11px; }

/*---- Footer ----*/
div#footer p { font-family:Verdana, Geneva, sans-serif; font-size:130%; line-height:1.2em; color:#fff; margin-bottom:25px; }
div#footer ul#footer-nav li { display:inline; margin-right:15px; }
div#footer ul#footer-nav li a { color:#fff; font-size:120%;  }
div#footer ul#footer-nav li.pipe { display: none; }

div#footer div.designer-logo { float:right; width:235px; }
div#footer div.designer-logo p { float:left; line-height:34px; color:#999; margin:0; font-size:110%; }
div#footer div.designer-logo a {  float:right; }

/*---- Box1 ----*/
div.box1 div.box1-top-left { background:transparent url(../images/box1/box1-top-left.png) no-repeat scroll left bottom; padding-left:5px; }
div.box1 div.box1-top-right { background:transparent url(../images/box1/box1-top-right.png) no-repeat scroll right bottom; padding-right:5px; }
div.box1 div.box1-top-middle { background:#fff; height:5px; line-height:5px; }

div.box1 div.box1-inner { background:#fff; }

div.box1 div.box1-bottom-left { background:transparent url(../images/box1/box1-bottom-left.png) no-repeat scroll left top; padding-left:5px; }
div.box1 div.box1-bottom-right { background:transparent url(../images/box1/box1-bottom-right.png) no-repeat scroll right top; padding-right:5px; }
div.box1 div.box1-bottom-middle { background:#fff; height:5px; line-height:5px; }

/*---- Box2 ----*/
div.box2 { margin-bottom:10px; }
div.box2 div.box2-top-left { background:transparent url(../images/box2/box2-top-left.png) no-repeat scroll left bottom; padding-left:6px; }
div.box2 div.box2-top-right { background:transparent url(../images/box2/box2-top-right.png) no-repeat scroll right bottom; padding-right:3px; }
div.box2 div.box2-top-middle {  background:transparent url(../images/box2/box2-top-middle.png) repeat-x scroll right bottom;  height:6px ; line-height:6px; }

div.box2 div.box2-middle-left { background:transparent url(../images/box2/box2-middle-left.png) repeat-y scroll left top; padding-left:6px; }
div.box2 div.box2-middle-right { background:transparent url(../images/box2/box2-middle-right.png) repeat-y scroll right top; padding-right:3px; }
div.box2 div.box2-middle-middle {  background:#f4f4f4; }

div.box2 div.box2-bottom-left { background:transparent url(../images/box2/box2-bottom-left.png) no-repeat scroll left top; padding-left:6px; }
div.box2 div.box2-bottom-right { background:transparent url(../images/box2/box2-bottom-right.png) no-repeat scroll right top; padding-right:3px; }
div.box2 div.box2-bottom-middle {  background:transparent url(../images/box2/box2-bottom-middle.png) repeat-x scroll right top;  height:3px ; line-height:3px; }

/*---- Button1 ----*/
a.button1 { background:transparent url(../images/buttons/button1.png) no-repeat scroll left top; padding-left:2px; display:block; }
a.button1 span.right { background:transparent url(../images/buttons/button1.png) no-repeat scroll right bottom; padding: 0 40px 0 9px; display:block;  line-height:25px; color:#fff; font-size:110%;}

/*---- Button2 ----*/
a.button2 { background:transparent url(../images/buttons/button2.png) no-repeat scroll left top; padding-left:2px; display:block; }
a.button2 span.right { background:transparent url(../images/buttons/button2.png) no-repeat scroll right bottom; padding: 0 30px 0 9px; display:block; height:25px;  line-height:25px; color:#fff; font-size:110%;}

/*---- Button3 ----*/
a.button3 { background:transparent url(../images/buttons/button3.png) no-repeat scroll left top; padding-left:2px; display:block; }
a.button3 span.right { background:transparent url(../images/buttons/button3.png) no-repeat scroll right bottom; padding: 0 40px 0 9px; display:block; height:25px; line-height:26px; color:#fff; font-size:110%;}

/*---- Button4 ----*/
a.button4 { background:transparent url(../images/buttons/button4.png) no-repeat scroll left top; padding-left:2px; display:block; }
a.button4 span.right { background:transparent url(../images/buttons/button4.png) no-repeat scroll right bottom; padding: 0 12px 0 10px; display:block; height:26px; line-height:26px; color:#fff; font-size:110%;}

/*---- Button5 ----*/
a.button5 { background:transparent url(../images/buttons/button5.png) no-repeat scroll left top; padding-left:2px; display:block; }
a.button5 span.right { background:transparent url(../images/buttons/button5.png) no-repeat scroll right bottom; padding: 0 12px 0 10px; display:block; height:26px; line-height:26px; color:#fff; font-size:110%;}

/*---- List1 ----*/
ul.list1 { margin-left:15px; }
ul.list1 li { list-style:disc; margin-bottom:19px; color:#C13230; }
ul.list1 li a { line-height:1.2em;  font-size:110%; color:#C13230; }
ul.list1 li.last { margin-bottom:0; }

/*---- List2 ----*/
ul.list2 { margin:0 0 15px 15px; }
ul.list2 li { line-height:1.2em;  font-size:110%; list-style:square; margin-bottom:5px; color:#373737; }

/*---- List - Gallery1 ----*/
ul#gallery1 { padding-left:12px; }
ul.gallery1 li { margin:0 0 12px 13px; float:left; }

ul.gallery1 li a img.off { display:none; }

/*---- Form ----*/
div.form1 label { display:block; margin-bottom:3px; font-size:100%; line-height:1.2em; font-family:Verdana, Geneva, sans-serif; }
div.form1 p.textbox { background:transparent url(../images/buttons/textbox.png) no-repeat left top; padding-left:6px; }
div.form1 p.textbox span { background:transparent url(../images/buttons/textbox.png) no-repeat right bottom; padding:3px 6px 0 0; height:24px; line-height:24px; display:block; }
div.form1 p.textbox span input { border:0; background:none; width:100%; }

/*------------------------------------------
// 4.1  INDEX PAGE SPECIFIC STYLES
//------------------------------------------*/

/*---- Dashboard ----*/
div#dashboard div.box1-inner { padding:1px 0 0 7px; }

div#dashboard div#slideshow { width:714px; float:left; z-index:10; position:relative; }
div#dashboard div#slideshow div.images { margin-bottom:10px; width:714px; height:450px; }
div#dashboard div#slideshow div.images img { width:714px; height:450px; }
div#dashboard div#slideshow div.controls { margin-bottom:5px; }

div#dashboard div#slideshow div.controls a { background:transparent url(../images/dashboard/active-bg.gif) no-repeat scroll left top; line-height:14px; width:14px; margin-right:5px; text-decoration:none; display:block; float:left; }
div#dashboard div#slideshow div.controls a.activeSlide, div#dashboard div#slideshow div.controls a:hover { background-position:left bottom; }

div#dashboard div.sidebar {  float:left; width:219px; padding:78px 0 0 20px; background:transparent url(../images/dashboard/gallery-bg.jpg) no-repeat scroll 0 0; margin-top:-6px; position:relative; }

div#dashboard div.sidebar div#gallery { margin-bottom:43px; }
div#dashboard div.sidebar div#gallery h2, div#dashboard div.sidebar div#gallery p  { color:#fff; margin:0 0 6px 10px; }
div#dashboard div.sidebar div#gallery a.button1 { margin-bottom:8px;  text-decoration:none; }

div#dashboard div.sidebar div#gallery div.box1 { clear:both; }
div#dashboard div.sidebar div#gallery div.box1-inner { padding:0 0 0 6px; }

/*---- Sidebar ----*/
div#news-letter.box1, div#news-archive.box1 { margin-bottom:10px; }
div#news-letter a.button2, div#news-archive a.button3 { text-decoration:none; margin-bottom:5px; }
div#news-letter a.button2 span.right { font-weight:bold; }
div#accreditations img { margin-right:16px; }

/*------------------------------------------
// 4.2  GALLERY PAGE SPECIFIC STYLES
//------------------------------------------*/

/*---- Box1 ----*/
body.gallery div.content div.box1 { margin-bottom:15px; }

/*---- Categories ----*/
div.categories { padding:6px 0 10px 0; border-bottom:1px solid #e5e5e5; margin:0 29px 33px 25px; }
div.categories p { float:left; margin-right:18px; font-size:130%; font-family:Verdana, Geneva, sans-serif; padding-top:11px; font-weight:bold; }
div.categories ul { float:left; padding-top:11px; }
div.categories div.controls { float:right; }

div.categories ul li { display:inline; margin-right:24px; }
div.categories ul li a { color:#BF3230; font-size:110%; line-height:1.2em; }
div.categories ul li a.active, div.categories ul li a:hover { color:#666; text-decoration:none; }

div.categories div.controls a { display:block; float:left; width:33px; height:33px; line-height:33px; margin-left:8px; text-decoration:none; }
div.categories div.controls a.previous { background:transparent url(../images/buttons/arrows1.gif) no-repeat left top; }
div.categories div.controls a.next { background:transparent url(../images/buttons/arrows1.gif) no-repeat left bottom; }

/*---- Sidebar - Widget ----*/
body.gallery div.sidebar div.widget { padding:0 4px 0 20px; margin-bottom:30px; }

/*------------------------------------------
// 4.3  CONTACT PAGE SPECIFIC STYLES
//------------------------------------------*/

/*---- Contact-form ----*/
div#contact-form { padding:17px 0 0 24px; }
div#contact-form p { font-size:110%; color:#bf3230; margin-bottom:35px; line-height:1.2em; }
div#contact-form p.textbox { margin-bottom:20px; }
div#contact-form div.user-info { float:left; width:210px; }
div#contact-form div.message { float:right; width:460px; }
div#contact-form div.message textarea { width:452px; background:transparent; border:0; height:200px; }
div#contact-form div.message a.button4 { float:right; margin-bottom:15px; text-decoration:none; }
div#contact-form div.message a.button4 span.right { padding:0 60px 0 55px; }

body.contact div.sidebar div#news-letter { padding:17px 12px 0px 12px; }
body.contact div.sidebar div#news-letter p { margin-bottom:18px; }
body.contact div.sidebar div#news-letter div.form1 { margin-bottom:30px; }
body.contact div.sidebar div#news-letter p.textbox { margin-bottom:10px; }
body.contact div.sidebar div#news-letter a.button5 { text-decoration:none; float:right; }

div.main div#map { float:right; width:297px; }
div.main div#map small a { color: #DD3937 !important; }
div.contact-details { float:left; width:335px; }
div.contact-details h1 { margin-bottom:35px; }

div.contact-details h2 { color:#dd3937; margin-bottom:0px; font-family:Arial, Helvetica, sans-serif; }
div.contact-details p { font-size:130%; margin-bottom:20px; line-height:1.2em; }

div.contact-details div.column1 { float:left; width:210px; }
div.contact-details div.column2 { float:right; width:85px; }

form h4.errors { font-size: 140%; margin-bottom: 1em; margin-top: -1em; }

form h4.errors .gko_highlighted { background-color: #ffd; color: #c00; }

form .error { background-color: #ffd; color: #c00; }

.gko_galleries_wrapper { overflow: hidden; position: relative; width: 660px; }
.gko_galleries { left: 0; position: absolute; top: 0; width: 99999px; }
.gko_galleries .page { float: left; position: relative; width: 660px; }
.gko_galleries .gko_gallery { display: inline; }
.gko_galleries .gko_gallery-image { float: left; margin-bottom: 10px; margin-right: 10px; overflow: hidden; width: 210px; }

.gko_news-stories .gko_data { font-size: 120%; margin: 1em 0; }
.gko_news-stories .gko_publish-date { margin: 1em 0; }
.gko_news-stories .gko_link { margin: 1em 0; }

.gko_publish-date { font-size: 10pt; margin: 1em 0; }

ul.news p { margin: 0.25em 0; }