/* ********************************************************************************************* */
/* *********************************** General settings for page ******************************* */
/* ********************************************************************************************* */
/* Dark purple #4b2582 */
/* Orange #e8541c */
/* Light Blue #3aaadc */
/* Dark Blue #004772 */
/* Grey #b3b3b3 */

/* clear needs to be same height as footer */
.clear { clear: both; height: 50px; margin: 0; }
.left { text-align: left; }
.right { text-align: right; }
.hidden { display: none; }
.nobullets { list-style-type: none; }
.center { text-align: center; }
.indent { padding-left: 15px; }
.floatleft { float: left; margin-right: 5px; }
.floatright { float: right; margin: 0 0 0 5px; }

img { border: none; margin: 0; padding: 0; }

html, body { min-height: 540px; height: 100%; min-width: 950px; width: 100%; }
body {
	position: relative;
	padding: 0;
	margin: 0;
	color: #000;
	line-height: 1.2em;
}
div#bodydiv {
	position: relative;
	font-size: 12px;
	font-family: 'Myriad Pro', Myriad, Arial, sans-serif;
	padding: 0;
	margin: 0;
	height: auto;
	min-height: 100%;
	left: 50%; 
	width: 990px; 
	margin-left: -495px; 
	background: #fff url(../images/body-bg.gif) repeat-y top left;
}
p { margin: 5px 0 10px 0; padding: 0;	text-align: justify; }

/*** Settings for headings ***/
h1, h2, h3, h4, h5, h6, div.componentheading, td.contentheading, th.componentheading, div.componentheading_cu { margin: 0; padding: 0; text-align: left; color: #4b2582; }

/*
h1 { font-size: 18px; 	margin-bottom: 10px; color: red; }
h2 { font-size: 16px; 	margin-bottom: 10px; color: green; }
h3 { font-size: 14px; 	font-weight: bold; margin-bottom: 5px; color: magenta; }
*/

h1, div.componentheading_cu { font-size: 18px; 	margin-bottom: 10px; font-weight: bold; }
h2, td.contentheading, table.message th.componentheading, div.componentheading { font-size: 16px; 	margin-bottom: 10px; }
h3 { font-size: 14px; 	font-weight: bold; margin-bottom: 5px; }
h4, tr.dt_event_title td a.dt_event_link { font-size: 12px; font-weight: normal; margin-bottom: 5px; }
h5 { font-size: 12px; font-weight: bold; margin-bottom: 5px; }

/*** Settings for all links **/
a:link, a:visited, a:active { font-size: inherit; text-decoration: underline; font-weight: normal; color: #4b2582; }
a:hover { font-size: inherit; text-decoration: underline; font-weight: normal; }

/* ******************************************************************************************************* */
/* *********************************** Styling for Header Elements *************************************** */
/* ******************************************************************************************************* */
#header { 
	z-index: 100; 
	position: relative; 
	top: 0; 
	left: 50%; 
	width: 950px; 
	margin-top: 0; 
	margin-left: -495px; 
	padding: 0 20px 10px 20px; 
}

/* *********************************** Styling for Main Menu *************************************** */
#mmenu { position: absolute; bottom: 15px; right: 20px; }
#mmenu .menu { display: inline; position: relative; margin: 0; padding: 0; list-style-type: none; text-align: right; font-size: inherit; white-space: nowrap; }
#mmenu .menu li { position: relative; line-height: 25px; min-width: 50px; margin-right: 10px; float: right; text-align: center; } 
#mmenu .menu li a { height: 100%; margin: 0; padding: 0; display: block; }
#mmenu .menu li a span { margin: 0; padding: 0 5px; display: block; }
#mmenu .menu li a:link, #mmenu .menu  li a:visited, #mmenu .menu li a:active { color: #000; text-decoration: none; font-weight: bold;}
#mmenu .menu li a:hover { color: #fff; text-decoration: none; font-weight: bold; background: #4b2582 url(../images/menu-left-bg.jpg) no-repeat top left; }
#mmenu .menu li a:hover span { background: url(../images/menu-right-bg.jpg) no-repeat top right; }
#mmenu .menu li:hover a { color: #fff; text-decoration: none; font-weight: bold; background: #4b2582 url(../images/menu-left-bg.jpg) no-repeat top left; }
#mmenu .menu li:hover a span { background: url(../images/menu-right-bg.jpg) no-repeat top right; }
#mmenu .menu li#current { background: #4b2582 url(../images/menu-left-bg.jpg) no-repeat top left; }
#mmenu .menu li#current a:link, #mmenu .menu li#current a:visited, #mmenu .menu  li#current a:active { color: #fff; text-decoration: none; font-weight: bold;  height: 25px; background: url(../images/menu-right-bg.jpg) no-repeat top right; }
#mmenu .menu li.active { background: #4b2582 url(../images/menu-left-bg.jpg) no-repeat top left; }
#mmenu .menu li.active a:link, #mmenu .menu li.active a:visited, #mmenu .menu li.active a:active { color: #fff; text-decoration: none; font-weight: bold;  height: 25px; background: url(../images/menu-right-bg.jpg) no-repeat top right; }

/*** DD MENU ***/
#mmenu .menu li ul { position: absolute; margin: 0; padding: 20px 0 5px 0; left: 0; list-style-type: none; white-space: nowrap; display: none; background: url(../images/dd-top-bg.gif) no-repeat top left; width: 190px; z-index: 100; } 
#mmenu .menu li:hover ul { display: block; }
#mmenu .menu ul li { margin-right: 0; text-align: left; }
#mmenu .menu ul li a { width: 190px; }
#mmenu .menu ul li a span { background-color: #4b2582; }
#mmenu .menu ul li a:link, #mmenu .menu  ul li a:visited, #mmenu .menu ul li a:active { color: #fff; text-decoration: none; font-weight: normal; }

#mmenu .menu ul li a:hover { text-decoration: none; font-weight: bold; background-image: none; }
#mmenu .menu ul li a:hover span, #mmenu .menu li:hover ul li a span { background-image: none; }
#mmenu .menu li:hover ul li a { background-image: none; }

#mmenu .menu li#current ul li a:link, #mmenu .menu  li#current ul li a:visited, #mmenu .menu li#current ul li a:active { text-decoration: none; font-weight: normal; background-image: none; background-color: #4b2582; }
#mmenu .menu li#current ul li a:hover { background-color: #4b2582; text-decoration: none; font-weight: bold; background-image: none; }

#mmenu .menu li.active ul li a:link, #mmenu .menu  li.active ul li a:visited, #mmenu .menu li.active ul li a:active { text-decoration: none; font-weight: normal; background-image: none; background-color: #4b2582; }
#mmenu .menu li.active ul li a:hover { background-color: #4b2582; text-decoration: none; font-weight: bold; background-image: none; }

#mmenu .menu li.active ul li#current a:link, #mmenu .menu  li.active ul li#current a:visited, #mmenu .menu li.active ul li#current a:active { text-decoration: none; font-weight: bold; background-image: none; background-color: #4b2582; }
#mmenu .menu li.active ul li#current a:hover { background-color: #4b2582; text-decoration: none; font-weight: bold; background-image: none; }

#mmenu .item4, #mmenu .item9, #mmenu .item16 { height: 32px; background: url(../images/dd-bottom-bg.gif) no-repeat bottom left; } 

#mmenu .menu li ul li.item4 a { background-color: transparent; } 
#mmenu .menu li ul li.item9 a { background-color: transparent;  } 
#mmenu .menu li ul li.item16 a { background-color: transparent; } 
#mmenu .menu li ul li.item4 a:hover { background-color: transparent; } 
#mmenu .menu li ul li.item9 a:hover { background-color: transparent;  } 
#mmenu .menu li ul li.item16 a:hover { background-color: transparent; } 

/* Turn off sub menu for item2 and item8 */
#mmenu .menu li.item2 ul, #mmenu .menu ul li.item8 ul { display: none; }


/* Portfolio Menu */
#pmenu { list-style-type: none; }
#pmenu li { float: left; width: 100px; text-align: left; border: 1px solid #b3b3b3; background-color: #fff; margin: 0 10px 10px 0; }
#pmenu li:hover { border: 1px solid #4b2582; }
#pmenu li a span { display: block; background-color: #b3b3b3; line-height: 1.5em; text-indent: 2px; }
#pmenu li a:link, #pmenu li a:visited, #pmenu li a:active { text-decoration: none; color: #000; }
#pmenu li a:hover { background-color: #4b2582; color: #fff; }
#pmenu li a:hover span { background-color: #4b2582; }

/* ******************************************************************************************************* */
/* *********************************** Styling for Banner Elements *************************************** */
/* ******************************************************************************************************* */
#banner { 
	position: relative; 
	top: 0; 
	left: 50%; 
	width: 950px; 
	margin-top: 0; 
	margin-left: -495px; 
	padding: 0 20px; 
}
#banner p { margin: 0; padding: 0; }

/* *************************************************************************************************** */
/* *********************************** Styling for Quick Links *************************************** */
/* *************************************************************************************************** */
#ql_wrap { 
	position: relative; 
	top: 0; 
	left: 50%; 
	width: 950px; 
	height: 100px; 
	margin-top: 0; 
	margin-left: -495px; 
	padding: 0 20px; 
}
#ql { height: 100px; position: relative; background: #fff url(../images/ql-bg.jpg) no-repeat; }
#ql1, #ql2, #ql3, #ql4 { position: absolute; top: 30px; display: inline; width: 220px; height: 70px; }
#ql p a { display: block; padding: 0 10px; text-align: left; color: #000; text-decoration: none; height: 100px; }
#ql p a:hover { color: #fff; } 
#ql p a:hover .qlhdg { color: #fff; } 
#ql1 { left: 14px; }
#ql2 { left: 250px; }
#ql3 { left: 486px; }
#ql4 { left: 722px; }
.qlhdg { font-size: 14px; font-weight: bold; }
#ql1 .qlhdg { color: #4b2582; }
#ql2 .qlhdg { color: #e8541c; }
#ql3 .qlhdg { color: #3aaadc; }
#ql4 .qlhdg { color: #004772; }


/* ********************************************************************************************* */
/* ****************************** Styling for main content area ******************************** */
/* ********************************************************************************************* */
#contentarea { 
	position: relative;
	top: 0;
	left: 50%; 
	width: 950px;
	margin-top: 0;
	margin-left: -495px; 
	padding: 20px 20px 20px 20px; 
	font-size: inherit;
	font-family: inherit;
}

table.mcrItemTable, td { font-size: inherit; font-family: inherit; }

/*** Title panel ***/
#title { padding: 0 14px; }

/*** Left panel ***/
#left, #left_slim {
	position: relative;
	float: left;
	top: 0;
	width: 622px;
	margin-left: 14px;
}
#left_slim { width: 455px; } 

/*** Right Panel **/
#right, #right_wide {
	position: relative;
	float: right;
	top: 0;
	width: 455px;
	margin-right: 3px;
}
#right { width: 278px; }

#right .moduletable, #right_wide .moduletable { margin-bottom: 10px; padding-right: 10px; }

.pmodule { position: relative; }
.pmodule .pdetail { padding: 10px; margin-top: 0; background-color: #c6b9d8; }
.pmodule h3 { padding: 10px; color: #4b2582; background-color: #c6b9d8; margin: 0; }
.pmodule .plink a { display: block; padding: 10px; background-color: #b3b3b3; }
.pmodule .plink a:link, .pmodule .plink a:visited, .pmodule .plink a:active { text-decoration: none; font-weight: normal; color: #4b2582; }
.pmodule .plink a:hover { font-weight: bold; color: #4b2582; }
#right_wide .pmodule div { border: 1px solid #4b2582; padding: 0; }
#right_wide .pmodule div .pdetail { color: #fff; background-color: #4b2582; margin-bottom: 0; }

/*** User Login Form - module ***/
#form-login #form-login-remember, #form-login ul { display: none; }
#form-login { width: 200px; margin-left: 10px; }
#form-login fieldset { border: 1px solid #b3b3b3; }

/*** User Login Form - component ***/
#left #login div.contentdescription img { display: none; }
#left #login { margin-left: 10px; }
#left #login fieldset { border: 1px solid #b3b3b3; width: 450px; background: #fff url(/images/stories/key.jpg) no-repeat center right; }
#left #login .name, #left #login .pass, #left #login .submit { position: relative; margin: 15px 0; }
#left #login label { display: block; width: 110px; }
#left #login input { position: absolute; top: 0; left: 0; margin-left: 120px; border: 1px solid #b3b3b3; }
#left #login input.button { position: relative; margin-left: 0; } 
#left #login input:focus { border: medium ridge #4b2582; }
#left #login div.remember, #left #login ul { display: none; }

/*** Biogs ***/
.leading_separator_biog { display: block; clear: right; }

/*** Blog ***/
td.contentheading a { color: #4b2582; font-weight: bold; } 

/******************* Contact Component *******************/
div.contact_cu { position: relative; }
div.contact_cu form#selectForm { position: relative; margin: 10px 10px 20px 10px; text-align: left; }
div.contact_cu > p { margin: 0 10px; padding-right: 110px; text-align: right; font-style: italic; }
div.contact_cu > div > img { position: absolute; top: 0; right: 20px; }
form#emailForm, form#ckform { position: relative; margin: 0 10px; text-align: left; }
div.contact_cu { position: relative; margin: 15px 0; }
div.contact_cu label { display: block; width: 110px; }
div.contact_cu label#contact_ltext { width: 100%; }
div.contact_cu input { position: absolute; top: 0; left: 0; margin-left: 120px; border: 1px solid #b3b3b3; }
div.contact_cu input:focus, table#ckformcontainer input:focus { border: medium ridge #4b2582; }
div.contact_cu textarea { margin-left: 120px; border: 1px solid #b3b3b3; }
div.contact_cu textarea:focus, , table#ckformcontainer textarea:focus { border: medium ridge #4b2582; }
#errname, #erremail, #errphone, #errsubj, #errtext { display: none; font-style: italic; color: red; margin: 5px 0 0 120px; }

.ckCSSlabel { width: 130px; }
.ckCSSinputnormal { width: 400px; }
#ckpoweredby { display: none; }

/*** DT Event ***/
div.moduletable_dteu { margin-bottom: 10px; border-bottom: 1px solid #4b2582; }
td.eventlist { border-top: 1px dashed #4b2582; }


/*** Error ***/
dt.message { display: none; }

/*** Phoca Elements ***/
div.main-switch-image { position: relative; float: right; margin: 0; padding: 0; height: 400px; }
.main-switch-image td { border: 1px solid #4b2582; }
.main-switch-image img { margin: 5px; }
.phocagallery-box-file { position: relative; border: 1px solid #fff; margin: 0 0 1px 0; }
div#phocagallery form { display: none; }

/* ******************************************************************************************************* */
/* *********************************** Styling for Footer Elements *************************************** */
/* ******************************************************************************************************* */
#footer { 
	position: absolute; 
	bottom: 0; 
	left: 50%; 
	width: 950px; 
	margin-top: 0; 
	margin-left: -495px; padding: 0 20px; 
	color: #b3b3b3; 
}
#footer p { border-top: 1px solid #b3b3b3; margin: 0 10px; padding: 0 20px; }

/* ****************************************************************************************** */
/* *********************************** Portfolio Menu *************************************** */
/* ****************************************************************************************** */