@charset "utf-8";
/*
 * CSS Document by Jeffrey Ouma.
 * Copyright© 2008 artkenya.net Ltd. All rights reserved.
 * 
 * Description: Defines styles that apply to each page in the website regardless.
 * Note: Styles preceded by an asterisk(*) are specific to IE6. 
 * Styles are declared in order of appearance.
 */

/*
 * PAGE LAYOUT
 * ===========
 * These styles govern the structure of the page and the way it is placed in the browser window.
 * They also define styles that will be universal to the rest of the page such as the text color.
 */

html {
	background-color:#000000;
	color:#333333;
}

body {
	margin:0pt;
}

#doc3 {
	margin:0;	
}

.doc-margin {
	margin:0pt auto;
	width:810px
}

/* End of Page Layout styles*/


/*
 * HEADER
 * ======
 * These styles are for the first third of the page layout, 
 * which is reserved for the banner and masthead.
 */

#mastheadwrapper {
	height:65px;
}
#masthead {
	background:transparent url("../Images/masthead-logo.jpg") scroll no-repeat top left;
	height:65px;
	position:relative;
}

#mastheadlogo {
	height:68px;
	left:0;
	overflow:hidden;
	position:absolute;
	top:0;
	width:275px;
	*height:65px;
	
}
#mastheadlogo a {
	display:block;
	height:68px;
	width:275px;
	*height:65px;
}

#mastheadsearch {
	position:absolute;
	right:0;
	top:7px;
}

#search, #search-left, #search-right, #searchbutton {
	background-color:#000000;
	background-image:url("../Images/background-sprite.png");
	background-repeat:no-repeat;
	float:left;
	height:24px;
}
#search, #search-left, #search-right {
	margin-top:2px;
}
#search {
	background-repeat:repeat-x;
	background-position:0 -53px;
	border:none;
	line-height:24px;
	width:200px;
}
#search-left {
	background-position:0 -29px;
	width:12px;
}
#search-right {
	background-position:-12px -29px;
	width:10px;
}

#searchbutton {
	background-position:0 0;
	border:none;
	height:29px;
	margin-left:10px;
	width:29px;
}

#mastheadnav {
	bottom:0;
	color:#A4A4A4;
	position:absolute;
	right:0;
}
#mastheadnav a, #mastheadnav a:active, #mastheadnav a:link, #mastheadnav a:visited {
	color:#A4A4A4;
	font-family:"Trebuchet MS",Verdana,Arial,sans-serif;
	font-size:93%;
	margin:0;
	text-decoration:none;
}
#mastheadnav a:hover {
	color:#FFCE0A;
}

#mastheadwrapper {
	height:65px;
}

#bannerwrapper {
	background-color:#515559;
	border-top:3px solid #F6F6F6;
}
#banner {
	border-left:1px solid #FFFFFF;
	border-right:1px solid #FFFFFF;
}
#banner img {
	margin:0pt;
	*margin:0pt 0pt -3px 0pt;
}

/* End of Header styles*/


/*
 * BODY
 * ====
 * The second third of the page layout, reserved for most of the main content 
 * as well as the navigation
 */

/*
 * TOP NAVIGATION BAR
 * ==================
 */

#topnav-wrapper {
	background:#EFEFF1 url("../Images/navbar-bg.gif") scroll repeat-x left top;
	border-top:1px solid #FFFFFF;
	*background:#EFEFF1 url("../Images/navbar-bg.gif") scroll repeat-x left 1px;
}
#topnav-shadow {
	background:transparent url("../Images/topnav-bg.gif") scroll no-repeat left top;
	height:73px;
	margin:0pt auto;
	overflow:hidden;
	width:828px;
}
#topnav {
	font-family:Verdana, Tahoma, Arial, sans-serif;
}
#topnav ul.rootmenu {
	height:73px;
	margin:0;
	overflow:hidden;
	padding-left:13px;
	*position:static !important;
	*position:relative;
}
#topnav ul.rootmenu li.navitem {
	float:left;
	font-size:93%;
	font-weight:bold;
	line-height:35px;
	list-style-type:none;
	text-align:center;
	text-transform:uppercase;
	vertical-align:middle;
}
#topnav ul.rootmenu li.navitem:hover {
	background:url("../Images/background-sprite.png") scroll repeat-x 0 -77px transparent;
}

#topnav ul.rootmenu li.navitem.activenavitem {
	cursor:pointer;
}	
#topnav ul.rootmenu li.navitem.activenavitem, #topnav ul.rootmenu li.navitem.activenavitem:hover {
	background:url("../Images/background-sprite.png") no-repeat scroll 50% -147px transparent;
}

#topnav ul.rootmenu li.navitem .navitem-link {
	color:#FFFFFF;
	float:left;
	text-decoration:none;
}

#topnav ul.rootmenu li.navitem .navitem-left, #topnav ul.rootmenu li.navitem .navitem-right {
	background:none;
	float:left;
	height:35px;
	width:12px;
}

#topnav ul.rootmenu li.navitem:hover .navitem-left {
	background:url("../Images/background-sprite.png") scroll no-repeat 0 -112px transparent;
}
#topnav ul.rootmenu li.navitem:hover .navitem-right {
	background:url("../Images/background-sprite.png") scroll no-repeat -12px -112px transparent;
}
#topnav ul.rootmenu li.navitem.activenavitem:hover .navitem-left, #topnav ul.rootmenu li.navitem.activenavitem:hover .navitem-right {
	background:none;
}

#topnav ul.rootmenu li.navitem .submenu {
	display:none;
	font-size:11px;
	font-weight:bold;
	height:38px;
	left:0;
	line-height:18px;
	position:absolute;
	text-align:center;
	text-transform:lowercase;
	top:336px;
	width:100%;
	*top:336px !important;
	*top:35px;
	*width:100% !important;
	*width:810px;
}
#topnav ul.rootmenu li.navitem.activenavitem .submenu {
	display:block;
}
#topnav ul.rootmenu:hover li.navitem.activenavitem .submenu {
	display:none;
}
#topnav ul.rootmenu li.navitem:hover .submenu, #topnav ul.rootmenu:hover li.navitem.activenavitem:hover .submenu {
	display:block;
}

#topnav ul.rootmenu li.navitem .submenu ul {
	padding:5px 0;
	width:760px;
	*margin:0 auto !important;
	*margin:0 25px;
}

#topnav ul.rootmenu li.navitem .submenu ul li.subnavitem {
	list-style-type:none;
	float:left;
	padding-right:15px;
}

#topnav ul.rootmenu li.navitem .submenu ul li.subnavitem a, #topnav ul.rootmenu li.navitem .submenu ul li.subnavitem a:visited {
	color:#9B9B9B;
	text-decoration:none;
}
#topnav ul.rootmenu li.navitem .submenu ul li.subnavitem a:hover {
	color:#FFCE0A;
}
#topnav ul.rootmenu li.navitem .submenu ul li.subnavitem.activesubnavitem {
	color:#333333;
	cursor:pointer;
}

/* End of Top Navigation styles
 */

/*
 * MAIN CONTENT
 * ============
 * These styles define the boundaries of the area where text and forms are displayed.
 * They provide the top corner icon design and light shadow wrapping box.
 */

#maincontent-wrapper {
	background-color:#EFEFF1;
}
#maincontent-shadow {
	background:transparent url("../Images/maincontent-bg.gif") scroll repeat-y left top;
	margin:0pt auto;
	width:828px;
}
#maincontentarea {
	padding:0pt 25px 25px;
}

/*
 * SIDEBAR RIGHT
 * =============
 * A floating area to on the right hand side of every page 
 * used for displaying context menus and active information.
 */

#sidebarright {
	float:right;
	margin:0px 0px 25px 25px;
}

/* 
 * Sidebar Right Box 
 * =================
 */

#sidebarright .sidebarbox {
	background:#F6F6F6 none repeat scroll 0%;
	border:1px solid #CCCCCC;
	color:#666666;
	margin-bottom:25px;
	width:240px;
}
#sidebarright .sidebarbox .sidebarcontent {
	padding:20px;
}

#sidebarright .sidebarbox h2, #sidebarright .sidebarbox h3 {
	margin:0pt;
	text-transform:uppercase;
}
#sidebarright .sidebarbox h3 {
	font-size:93%;
}

#sidebarright .sidebarbox p {
	font-size:11px;
}
#sidebarright .sidebarbox ul {
	margin-left:1em;
}
#sidebarright .sidebarbox ul li {
	font-size:11px;
	list-style-type:square;
	margin-bottom:10px;
	vertical-align:middle;
}
#sidebarcontext.sidebarbox .sidebarcontent ul li.activenavitem {
	cursor:pointer;
	font-weight:bold;
}

#sidebarright .sidebarbox a, #sidebarright .sidebarbox a:visited {
	color:#666666;
}
#sidebarright .sidebarbox a:hover {
	color:#FFCE0A;
	text-decoration:none;
}
#sidebarright .sidebarbox img {
	border:1px solid #666666;
	padding:1px;
}


.sidebarright-profilepicture {
	text-align:center;
}
.sidebarright-profilepicture img {
	border:1px solid #666666;
	margin:0pt auto;
	padding:1px;
	
}

/* 
 * Sidebar Right Programmes 
 * ========================
 * Displays a list of links to the programmes section in the right sidebar only on the home page.
 */

#sidebarprogrammes {
	background:url("../Images/sidebarprogrammes.jpg") scroll no-repeat 0 0 transparent;
	height:244px;
	width:331px;
}

#sidebarprogrammes ul.rootmenu {
	margin:0;
}

#sidebarprogrammes ul.rootmenu li.navitem {
	font-weight:bold;
	line-height:34px;
	list-style-type:none;
	margin-bottom:1px;
	padding-left:35px;
	text-transform:lowercase;
}
#sidebarprogrammes ul.rootmenu li.navitem:first-child {
	text-transform:capitalize;
}

#sidebarprogrammes ul.rootmenu li.navitem a, 
#sidebarprogrammes ul.rootmenu li.navitem a:visited {
	color:#FFFFFF;
	text-decoration:none;
}
#sidebarprogrammes ul.rootmenu li.navitem a:hover {
	color:#FFCE0A;
}

/* End of sidebarright-programmes */


/* 
 * Alumni Sidebar  
 * ==============
 */

#sidebarright .sidebarbox.sidebaralumni {
	background:#EBF3FB none repeat scroll 0%;
	border:1px solid #AACCEE;
	color:#003366;
}

#sidebarright .sidebarbox.sidebaralumni a, #sidebarright .sidebarbox.sidebaralumni a:visited {
	color:#003366;
	text-decoration:underline;
}
#sidebarright .sidebarbox.sidebaralumni a:hover {
	color:#FFCE0A;
	text-decoration:none;
}
/* End of Alumni Sidebar */


/* 
 * Sidebar Login  
 * =============
 */

#sidebarloginform .sidebarloginform-field {
	margin-bottom:10px;
}

#sidebarloginform .sidebarloginform-field label {
	font-size:11px;	
}

#sidebarloginform .sidebarloginform-field .sidebarloginform-input {
	border:1px solid #AACCEE;
	margin-top:3px;
	width:100%;
}
#sidebarloginform .sidebarloginform-field .sidebarloginform-input.input-error {
	border-color:#CE3D0C;
}
#sidebarloginform .sidebarloginform-field .sidebarloginform-checkbox  {
	line-height:14px;
	vertical-align:middle;
}

#sidebarloginform .sidebarloginform-field .button .button-bg {
	font-size:11px;
}

/* End of Sidebar Login */

/*
 * BOX
 * ===
 */
.box-wrapper {
	margin:0pt auto;
}
.box {
	background:#E4E4E4 url(../Images/Box/box-bg.png) scroll repeat-x left top;
	border:1px solid #AFB1B1;
	float:left;
	height:149px;
	margin-left:25px;
	padding-right:16px;
	overflow:hidden;
	text-align:left;
	width:349px;
	/*width:383px;*/
}

.first-box {
	margin-left:0pt;
}

.box h3, .box h3 a, .box h3 a:active, .box h3 a:link, .box h3 a:visited  {
	color:#0066CC;
	text-decoration:none;
}
.box h3  {
	font-size:131%;
	margin:16px 0pt 0pt;
}
.box h3 a:hover {
	color:#FFCE0A;
}

.box p {
	color:#7D8080;
	font-weight:bold;
}
.box img {
	margin:16px;
}

.box-button {
	float:right;
	margin:10px auto;
}
.box-button-left {
	background:transparent url(../Images/Box/box-button-left.gif) scroll no-repeat left top;
	float:left;
	height:32px;
	width:9px;
}
.box-button a, .box-button a:active, .box-button a:link, .box-button a:visited {
	background:#FFCE0A url(../Images/Box/box-button-bg.gif) scroll repeat-x left top;
	color:#FFFFFF;
	float:left;
	font-size:116%;
	font-weight:bold;
	height:32px;
	line-height:32px;
	*overflow:hidden;
	text-decoration:none;
	vertical-align:middle;
}
.box-button img {
	margin:0pt;
}
.box-button-right {
	background:transparent url(../Images/Box/box-button-right.gif) scroll no-repeat left top;
	float:left;
	height:32px;
	width:10px;
}

/*
 * TAGLINE
 * =======
 */
#tagline {
	color:#E2E2E2;
	font-size:52px;
	margin:0pt auto;
	padding-bottom:41px;
	text-transform:lowercase;
	text-align:center;
	*padding-bottom:0pt;
}
#tagline p {
	margin:0pt;
}
#tagline-strikethrough {
	border-top:1px solid #E5E5E5;
	margin-top:-41px;
	*margin-top:-42px;
}

#maincontent-ft {
	background:transparent url("../Images/maincontent-ft.gif") no-repeat scroll left top;
	height:45px;
	margin:0pt auto;
	width:828px;
}


/*
 * ARTICLE PREVIEW
 * ============
 * 
 */
#articlealumnus {
	font-size:11px;
	margin:0px;
	padding-top:5px;
	text-transform:uppercase;
}
#articlealumnus a, #articlealumnus a:active, 
#articlealumnus a:link, #articlealumnus a:visited {
	text-decoration:none;
}
.articlepreview {
	margin:20px 0;
	width:490px;
}

.articlepreview h2 {
	border-bottom:1px solid #EFEFF1;
	font-size:100%;
	padding-bottom:5px;
}
.articlepreview ul {
	color:#666666;
	margin-left:1em;
}
.articlepreview ul li {
	border-bottom:1px solid #F0F0F0;	
	font-size:93%;
	list-style-type:square;
	margin-bottom:20px;
	padding-bottom:10px;
	vertical-align:middle;
	*padding-bottom:0px;
}
.articlepreview ul li.no-border {
	border:medium none;	
}
.articlepreview a, .articlepreview a:active, .articlepreview a:link,
.articlepreview a:visited  {
	color:#666666;
	font-weight:bold;
	text-decoration:none;
}
.articlepreview a:hover  {
	color:#FFCE0A;
	font-weight:bold;
	text-decoration:none;
}

.articlepreview .articlepreview-alumnus {
	font-size:10px;
	line-height:15px;
	padding:1px 0pt;
	text-transform:uppercase;
	vertical-align:middle;
}

.articlepreview .articlepreview-bd, .articlepreview .articlepreview-ft {
	font-size:93%;
}
 .articlepreview .articlepreview-ft {
 	float:right;
	padding:5px 5px 0px 0px;
}

/* End of articlepreview styles*/


/*
 * BUTTON
 * ======
 * 
 */

.button {
	display:inline-block;
	margin-right:10px;
	text-decoration:none !important;
}
.button .button-bg, .button .button-left, .button .button-right {
	background-color:transparent;
	background-image:url("../Images/background-sprite.png");
	cursor:pointer;
	float:left;
}

.button .button-bg {
	background-position:0 -193px;
	background-repeat:repeat-x;
	border:medium none;
	color:#003366;
	font-weight:bold;
	height:33px;
	line-height:33px;
	padding:0 8px;
	text-transform:uppercase;
}
.button:hover .button-bg {
	background-position:0 -226px;
	color:#FFFFFF;
}
.button.disabled .button-bg, .button.disabled:hover .button-bg {
	background-position:0 -259px;
	color:#999999;
}

.button .button-left {
	background-position:0 -292px;
	background-repeat:no-repeat;
	height:33px;
	width:4px;
}
.button:hover .button-left {
	background-position:-8px -292px;
}
.button.disabled .button-left, .button.disabled:hover .button-left {
	background-position:-16px -292px;
}

.button .button-right {
	background-position:-4px -292px;
	background-repeat:no-repeat;
	height:33px;
	width:4px;
}
.button:hover .button-right {
	background-position:-12px -292px;
}
.button.disabled .button-right, .button.disabled:hover .button-right {
	background-position:-20px -292px;
}

/* End of button styles*/


/* End of Body styles*/


/*
 * FOOTER
 * ======
 * The bottom third of the page reserved for the copyright.
 */
#ft {
	color:#A4A4A4;
	font-family:"Trebuchet MS",arial,helvetica,clean,sans-serif;
}
#ft a, #ft a:active, #ft a:link, #ft a:visited {
	text-decoration:none;
}

#footer-margin {
	padding:20px 20px 0px 20px;
}

#botomnav {
	font-size:93%;
}
.bottomnav-spacer {
	padding:0pt 25px;
}


/*
 * FOOTER NAVIGATION
 * =================
 */

#footernav {
	font-size:93%;
	padding:25px 0pt;
}

.footernav-menugroup {
	float:left;
	padding:0pt 25px 10px 0pt;
} 

.footernav-menugroup .footernav-menuitem {
	min-width:167px;
	width:auto !important;
	width:167px;
}

#footernav a.footernav-rootmenuitem	{
	color:#FFFFFF;
	text-transform:uppercase;
} 
#footernav a.footernav-rootmenuitem:hover	{
	color:#FFCE0A;
}

#footernav ul li {
	list-style-type:none;
	vertical-align:middle;
}

/* End of Footer styles*/


/*
 * COPYRIGHT
 * =========
 */

#copyright {
	float:left;
	font-size:85%;
	padding-bottom:10px;
}

#copyright a {
	text-transform:lowercase;
}

/* End of Copyright styles*/

#cpanel {
	float:right;
}

/*
 * HTML ELEMENTS
 * =============
 * These styles alter the characteristics of HTML elments such as headers, paragraph elements, etc.
 */
h1 {
	border-bottom:1px solid #EFEFF1;
	color:#515559;
	font-size:131%;
	margin:0;
	padding:5px 0;
	text-transform:uppercase;
	width:490px;
}
h1.h1-homepage {
	width:400px;
}

h2 {
	font-size:108%;
}

p {
	margin: 10px 0px 0px 0px;
}
strong, strong em {
	font-weight: bold;
}
a, a:active, a:link, a:visited {
	color:#666666;
}
a:hover {
	color:#FFCE0A;
	text-decoration:none;
}

ul li {
	list-style:square;
}

/* End of HTML Element styles*/


/*
 * IMAGES
 * ======
 * 
 */

a.image-wrapper, a.image-wrapper:hover {
	text-decoration:none;
}
.image-wrapper.align-left {
	float:left;
	margin:0 10px 0 0;
}
.image-wrapper.align-left img, .image-wrapper.align-right img {
	float:left;
}
.image-wrapper.align-middle, .image-wrapper.align-middle .image-caption, .image-wrapper.align-middle .enlarge-caption {
	clear:both;
	display:block;
	margin:0 auto;
	text-align:center;
}
.image-wrapper.align-right {
	float:right;
	margin:0 0 0 10px;
}
.image-wrapper .image-caption, .image-wrapper .enlarge-caption {
	clear:left;
	float:left;
	font-size:93%;
	font-weight:bold;
	padding:10px 0;
	text-align:center;
}
.image-wrapper.align-middle .image-caption, .image-wrapper.align-middle .enlarge-caption {
	float:none;
}

/* End of Images styles*/


/*
 * DIALOG BOX
 * ==========
 */

#dialog-modal, #dialog-notice {
	text-align:left;
}
#dialog-modal {
	border:none;
}

#dialog-notice {
	opacity:0.85;
}

.yui-skin-sam .yui-panel {
	border-style:none;
}

#dialog-modal .hd, .yui-skin-sam .yui-panel .hd,
.yui-skin-sam .yui-calcontainer .title {
	background:#CE3D0C url("../Images/dialog-sprite.png") scroll repeat-x 0px 0px;
	border-style:none;
	color:#FFFFFF;
	font-size:100%;
}
#dialog-modal .hd, .yui-skin-sam .yui-panel .hd {
	height:32px;	/* The height depends on the height of the header background */
	line-height:32px;
	text-transform:uppercase;
}

.yui-skin-sam .container-close, .yui-skin-sam .yui-calcontainer .calclose {
	background:transparent url("../Images/dialog-sprite.png") no-repeat scroll 0px -84px;
	top:8px;
	width:28px;
}

#dialog-modal form {
	padding:0pt;
}
#dialog-modal .bd, .yui-skin-sam .yui-panel .bd  {
	border:none;
	color:#444444;
	font-size:93%;
}
#dialog-modal .bd {
	min-height:40px;
	padding:10px 20px 20px 10px;
}
.yui-skin-sam .yui-panel .bd  {
	background-color:#FFFFFF;
}

#dialog-modal .bd  .dialog-icon {
	float:left;
	height:48px;
	margin:0pt 10px 0pt 0pt;
	width:48px;
}

#dialog-modal .bd p {
	margin:10px 0px 0px 60px;
}
#dialog-modal .bd ul {
	margin:10px 0px 0px 80px;
}

#dialog-modal .ft, .yui-skin-sam .yui-panel .ft {
	background-color:#FFFFFF;
	border:none;
}

/* Status Dialog */
#dialog-modal.status-dialog .bd .dialog-icon {
	background:#FFFFFF url("../Images/loading.gif") no-repeat scroll 0px 0px;
	/*min-height:40px;*/
}
#dialog-modal.status-dialog .ft .button-group {
	text-align:right;
}


/* Error Dialog */
#dialog-modal.error-dialog .bd .dialog-icon {
	background:#FFFFFF url("../Images/dialog-sprite.png") no-repeat scroll 0px -99px;
}

/* Success Dialog */
#dialog-modal.success-dialog .bd .dialog-icon {
	background:#FFFFFF url("../Images/dialog-sprite.png") no-repeat scroll 0px -147px;
}

/* Info Dialog */
#dialog-modal.info-dialog .bd .dialog-icon {
	background:#FFFFFF url("../Images/dialog-sprite.png") no-repeat scroll 0px -195px;
}

/* Question Dialog */
#dialog-modal.question-dialog .bd .dialog-icon {
	background:#FFFFFF url("../Images/dialog-sprite.png") no-repeat scroll 0px -243px;
}

/* Next Icon */
.next-icon {
	background:#FFFFFF url("../Images/dialog-sprite.png") no-repeat scroll 0px -291px;
	height:48px;
	width:35px;
}
a:hover .next-icon {
	background:#FFFFFF url("../Images/dialog-sprite.png") no-repeat scroll 0px -387px;
}
a.disabled .next-icon {
	background:#FFFFFF url("../Images/dialog-sprite.png") no-repeat scroll 0px -483px;
}

/* Previous Icon */
.previous-icon {
	background:#FFFFFF url("../Images/dialog-sprite.png") no-repeat scroll 0px -339px;
	height:48px;
	width:35px;
}
a:hover .previous-icon {
	background:#FFFFFF url("../Images/dialog-sprite.png") no-repeat scroll 0px -435px;
}
a.disabled .previous-icon {
	background:#FFFFFF url("../Images/dialog-sprite.png") no-repeat scroll 0px -531px;
}

/*
 * DIALOG BOX BUTTONS
 * ==================
 */

#dialog-modal .ft .button-group, .yui-panel .bd .button-group {
	display:block;
	text-align:center;
}

#dialog-modal .ft .button-group .yui-button, .yui-panel .bd .button-group  .yui-button, 
.yui-dt-editor .yui-dt-button button, .yui-dt-editor .yui-dt-button button.yui-dt-default {
	background:transparent url("../Images/dialog-sprite.png") repeat-x scroll 0px -32px;
	border-color:#CCCCCC;
}
#dialog-modal .ft .button-group .yui-button-hover, .yui-panel .bd .button-group .yui-button:hover, 
.yui-dt-editor .yui-dt-button button:hover {
	background:transparent url("../Images/dialog-sprite.png") repeat-x scroll 0px -58px;
	border-color:#E7E7E7;
}
#dialog-modal .ft .button-group .yui-button .first-child, .yui-panel .bd .button-group  .yui-button .first-child {
	border-color:#CCCCCC;
}
#dialog-modal .ft .button-group .yui-button-hover .first-child, .yui-panel .bd .button-group  .yui-button:hover .first-child {
	border-color:#E7E7E7;
}

#dialog-modal .ft .button-group .yui-button button, .yui-panel .bd .button-group .yui-button button {
	font-weight:bold;
	height:26px;
	line-height:26px;
	margin:0 10px;
	outline: none;
	padding:0 15px;
	vertical-align:middle;	
}
#dialog-modal .ft .button-group .yui-button-hover button, .yui-panel .bd .button-group .yui-button:hover button,
.yui-dt-editor .yui-dt-button button:hover, .yui-dt-editor .yui-dt-button button.yui-dt-default:hover {
	color:#CE3D0C;
}

#dialog-modal .ft .button-group .default button {
	color:#444444;
}

/* End of Button styles*/

/* End of Dialog styles */


/*
 * GALLERY
 * ========
 */

#photogallery {
	width:490px;
}
.gallery-thumbnails {
	text-align:center;
}
.gallery-thumbnails a.thumbnail-link {
	display:inline-block;
}
.gallery-thumbnails a.thumbnail-link .thumbnail-container {
	height:150px;
	margin:0px 0px 25px;
	width:183px;
	*height:auto;
	*width:183px;
}
.gallery-thumbnails a.thumbnail-link .thumbnail-container .thumbnail-wrapper {
	height:152px;
	width:152px;
}
.gallery-thumbnails a.thumbnail-link .thumbnail-container .thumbnail-caption {
	height:40px;
	margin:10px auto 0pt;
	overflow:hidden;
	width:120px;
}
.gallery-thumbnails a.thumbnail-link .thumbnail-container .thumbnail-checkbox {
	float:none;
	margin:-10px 0 0 -54px !important;
	position:absolute;
	z-index:1;
}
.gallery-thumbnails a.thumbnail-link .thumbnail-container .thumbnail {
	height:150px;
	width:150px;
}

#photogallery .picture-container .picture-wrapper {
	text-align:center;
}
#photogallery .picture-container .picture-wrapper img {
	border:1px solid #E7E7E7;
	margin:0 auto;
}
#photogallery-count {
	margin:20px 0 10px 0;
	text-align:center;
}
#photogallery-previous {
	float:left;
}
#photogallery-next {
	float:right;
}
#photogallery-next .arrow-icon.go-icon {
	float:right;
}
#photogallery-caption {
	border-top:1px solid #E7E7E7;
	margin-top:10px;
	padding-top:10px;
	text-align:center;
}

/* End of Gallery styles */


/*
 * USER-DEFINED
 * ============
 * These styles are used in special instances to apply formatting and structural functions, 
 * e.g. clearing or hiding layers.
 */

#top {
	background:url("../Images/up.png") scroll no-repeat left top transparent;
	bottom:5px;
	cursor:pointer;
	height:48px;
	opacity:0;
	position:fixed;
	right:5px; 
	width:48px;
	*background:url("../Images/up.gif") scroll no-repeat left top transparent;
}

.time {
	color:#666666;
	font-size:85%;
}

.share  {
	float:left;
	margin-bottom:10px;
	width:490px;
}
.share .addthis_toolbox  {
	float:left;
	margin-top:10px;
}

/* End of User-defined Styles */


/*
 * YAHOO User Interface (YUI)
 * ==========================
 * These styles redefine and "reskin" some of the YUI classes and components to streamline them
 * with the theme of this site.
 */

/* End of YUI styles*/