/* Start of CMSMS style sheet 'UYC: Global Styles' */
/**********************************
© UYC: Global Styles
***********************************/

body {
	background: #f7f0e3;
	color:#666666;
font-family:Arial,Helvetica,sans-serif;
font-size:76%;
	text-align: center;
	margin: 0 0 15px 0;
}


/* headers */
h1, h2, h3 {
	font-family:Arial,Helvetica,sans-serif;
	color: #444;
}
h1 {
	font-size: 230%;	
	font-weight: normal;
	letter-spacing: -1px;
}
h2 {
	font-size: 160%;
	color: #88ac0b;
	font-weight:normal;
}
h3 {
	font-size: 150%;	
	font-weight: normal;	
}

h1, h2, h3 {
	padding: 0;		
	margin: 0;
}
ul, ol {
	margin: 5px 5px 10px 5px;
	padding: 0;
}
ul {
	list-style: none;
}

/* images */
img {
	background: #fafafa;
   border: 1px solid #dcdcdc;
	padding: 5px;
}
img.float-right {
  	margin: 0 0 0 5px;  
}
img.float-left {
  	margin: 0 5px 0 0px;
}

code {
  	margin: 5px 0;
  	padding: 10px;
  	text-align: left;
  	display: block;
  	overflow: auto;  
  	font: 500 1em/1.5em 'Lucida Console', 'courier new', monospace ;
  	/* white-space: pre; */
  	border: 1px solid #F4F3EC; 
	background: #FAFAE7;  
}
acronym {
  cursor: help;
  border-bottom: 1px dashed #777;
}
blockquote {
	margin: 10px;
 	padding: 0 0 0 35px;  
   border: 1px solid #F4F3EC; 
	background: #FAFAE7 url(uploads/images/quote.jpg) no-repeat 7px 10px; 
	font: bold 1.3em/1.5em;
	color: #976957;
}

/* start - table */
table {
	border-collapse: collapse;
	margin: 10px;	
}
th strong {
	color: #fff;
}
th {
	background: #93BC0C url(uploads/images/nav.jpg) repeat-x;
	height: 35px;
	padding-left: 12px;
	padding-right: 12px;
	color: #fff;
	text-align: left;
	border-left: 1px solid #B6D59A;
	border-bottom: solid 2px #fff;
}
tr {
	height: 32px;
}
td {
	padding-left: 11px;
	padding-right: 11px;
	border-left: 1px solid #fff;
	border-bottom: 1px solid #fff;
}
td.first,th.first {
	border-left: 0px;
}
tr.row-a {
	background: #F8F8F8;
}
tr.row-b {
	background: #EFEFEF;		
}


div#search {
background: #DFDFDF;
text-align: right;
padding: 5px;
margin: 0 15px 0 15px;
}

div#search input {
border: none;
width: 400px;
font-size: 150%;
border: 1px solid #a00000;
padding:5px;
color:#444444;
}

div#search .submit {
width: 85px;
background:#a00000;
color:#EAE0AD;
margin: 0 0 1px 0;
border: none;
}

div#search .search-text {
font-size: 150%;
color:#9F9F9F;
line-height: 35px;
}

/**********************************
SITE HYPERLINKS COLOURS
***********************************/

a:link {

color:#895F30;
text-decoration:none;
}

a:active {
text-decoration: underline;
background-color: inherit; 
color: #2489DB;
} 

a:visited {
color:#895F30;
text-decoration:none;
}

a:hover {
color:#2489DB;
text-decoration:underline;
}


/********************************************
   LAYOUT
********************************************/ 
#wrap {
	position: relative;
	background: #fff url(uploads/images/wrap-bg.gif) repeat-y;
	width: 900px;	
	margin: 20px auto 0 auto;
	text-align: left;
}
#content-wrap {
	position: relative;
	background: #fff url(uploads/images/content-bg.gif) repeat-x;
	clear: both;
	float: left;	
	width: 869px;	
	padding: 0; 			
	margin-left: 15px;	
	display: inherit;
	border-top: 5px solid #fff;
	border-bottom: 1px solid #e5e5e5;
	border-left: 1px solid #fff;
	border-right: 1px solid #fff;
}
#header {
	position: relative;
	background: #fff url(uploads/images/header-bg.gif) repeat-x;
	width: 870px;	
	height: 100px;	
	padding: 0;	
	margin: 0px auto;
}


div#header h1 {
padding:10px;
}

div#header h1 a {
/* you can set your own image here */
   background: url(uploads/images/uyc-logo.gif) no-repeat; 
   display: block; 
   height: 80px;
   text-indent: -999em;  /* this hides the text */
   text-decoration:none; /* old firefox would have shown underline for the link, this explicitly hides it */
}


#header p#slogan {
	position: absolute;
	color: #5b4a29;
	text-align:right;
	color: #5b4a29;
	font-size:190%;
	top: 10px; 
	left: 10px; 
	right: 10px;	/* change the values of top and left to adjust the position of the slogan*/
}

#header p#slogan a{
color:#BFB477;
text-decoration:none;
}

/* header links 
#header #header-links {
	position: absolute;
	top: 25px; right: 10px;	
	color: #5b4a29;
	font: normal 11px Georgia, "Times New Roman", Times, serif;
	text-transform: uppercase;		
}
#header #header-links a {	
	color: #5b4a29;
	text-decoration: none;	
	padding: 0 2px;
	font-weight: bold;
}
#header #header-links a:hover {
	color: #111;		
}*/

/* header-photo */
#header-photo {
	clear: both;
	background: #fff;
	margin: 0 auto;
	padding: 0;		
	height:206px; 
	width: 870px;
}
#header-photo img {
	border: none;
	margin: 0; padding: 0;
} 

/* Navigation 
#nav {
	clear: both;	
	margin: 0; padding: 0;		
	height: 45px;	
}
#nav ul {
	float: left;
	list-style: none;
	background: url(uploads/images/nav.jpg) repeat-x;	
	width: 870px;		
	height: 45px;
	text-transform: uppercase;
	margin: 0 0 0 15px;
	padding: 0;	
	display: inline;
}
#nav ul li {
	display: inline;
	margin: 0; padding: 0;
        background-color:#9fb419;
}
#nav ul li a {
	display: block;
	float: left;
	width: auto;
	margin: 0;
	padding: 0 14px;
	border-right: 1px solid #899D00;
	border-left: 1px solid #A7D101;
	font: bold 14px/45px "Century Gothic", "Trebuchet MS", Helvetica, Arial, Geneva, sans-serif;
	text-transform: uppercase;
	text-decoration: none;	
	letter-spacing: 1px;
	color: #fff;
}
#nav ul li a:hover, 
#nav ul li a:active {
	background: url(uploads/images/nav-hover.jpg) repeat-x;	
}
#nav ul li#current a {	
	background: url(uploads/images/nav-current.jpg) repeat-x;	
}*/

/****************
LISTS
*****************/

/* lists in content need some margins to look nice */
div#main ul,
div#main ol,
div#main dl {
font-size: 1.0em;
line-height: 1.4em;
margin: 0 0 1.5em 0;
}

div#main ul li,
div#main ol li {
margin: 0 0 0.25em 1.4em;
padding: 0 3em 1em 0;
list-style-position:outside;
list-style-image:url(uploads/images/arrow.gif);
}

/* definition lists topics on bold */
div#main dl dt {
font-weight: bold;
margin: 0 0 0 1em;
}
div#main dl dd {
margin: 0 0 1em 1em;
}

div#main dl {
margin-bottom: 2em;
padding-bottom: 1em;
border-bottom: 1px solid #c0c0c0;
}


/* Main Column */
#main {
	float: left;
	width: 565px;
	padding: 15px 5px 15px 0;
	margin: 0 0 0 10px;
	display: inline;
	line-height:20px;
		border-right: 1px solid #EBEBEB;
}
#main h2 {
	padding: 5px;
	margin: 0 0 10px 0;
	color: #656F22; 	
	text-transform: none;
	background:#9dab38;
}
#main h2 a {
	color: #895F30; 
	text-decoration: none;	
}
#main ul li {
list-style: square;
}

/* Sidebar */	
#sidebar {
	float: right;
	width: 280px;
	padding: 0 0 0 5px; 
	margin: 10px 0 0 0;
}	
#sidebar h3 {
	margin-top: 5px;
	padding: 5px 5px; 
	font: normal 1.6em ;	
	color: #899B0D; 			
}


#sidebar ul.sidemenu {
	text-align: left;
	margin: 7px 10px 8px 0px; padding: 0;
	text-decoration: none;		
	border-top: 1px solid #EBEBEB;
}
#sidebar ul.sidemenu li {
	list-style: none;
	border-bottom: 1px solid #EBEBEB;
	padding: 5px 0 5px 5px;
	margin: 0 2px;		
}
* html body #sidebar ul.sidemenu li {
	height: 1%;
}
#sidebar ul.sidemenu li a {
	text-decoration: none;	
	background-image: none;	
	color: #895F30; 		
}
#sidebar ul.sidemenu li a:hover {	
	color: #1773BC;	
}
#sidebar ul.sidemenu ul { margin: 0 0 0 5px; padding: 0; }
#sidebar ul.sidemenu ul li { border: none; }

/* footer */
#footer-wrap {
	clear: both;
	width: 500px;
	text-align: left;
	padding: 15px 0;		
	border-bottom: 0px solid #fff;
	border-top: 0px solid #fff;
        margin: 32px; 
}
#footer-wrap a:hover {
	color: #000;	
}
#footer-wrap h3 {
	color: #976834;  
	margin: 0;
	padding: 0 10px; 
	text-transform: uppercase;
	font-weight: bold;
}

#footer-columns {
	color: #888;
	margin: 0 auto; 
	padding: 0;	
	width: 840px;			
}
#footer-columns a {
	text-decoration: none;
	font-weight: bold;
	color: #666666;
}
#footer-columns ul {
	list-style: none;
	margin: 10px 0 0 0; 
	padding: 0;	
	border-top: 1px solid #e5e5e5;
}
#footer-columns li {
	/*border-bottom: 1px solid #e5e5e5;	*/
}
#footer-columns li a {
	display: block;
	font-weight: normal;
	padding: 5px 0 5px 10px;
	width: 96%;
}
#footer-columns .col3, .col3-center {
	float: left;
	width: 32%;
}
#footer-columns .col3-center { 
	margin: 0 15px; 
}

/* bottom */
#footer-bottom {
	clear: both;
	color: #666;	
	margin: 0;
	font-size:85%;
	text-transform: capitalize;
	width: 835px;
	padding: 15px 0 15px 0;
	text-align: center;
	border-top: 1px solid #e5e5e5;
}

#footer-bottom  a {
	color: #976834;

}

/* postmeta */
.postmeta {	
	padding: 5px; margin: 20px 10px 15px 10px;	
	font-size: 95%;	
	color: #99997D;
	border: 1px solid #EAE7DB;
	background: #FAFAE7;
}
.postmeta .date{ margin: 0 10px 0 5px;	}
.postmeta a.comments { margin: 0 10px 0 5px;	}
.postmeta a.readmore { margin: 0 10px 0 5px;	}

.post-info { font-size: .95em;	padding-top: 0; margin-left: 5px;	}

/* alignment classes */
.float-left  { float: left; }
.float-right { float: right; }
.align-left  { text-align: left; }
.align-right { text-align: right; }

/* display and additional classes */
.clear { clear: both; }

/**********************************
Company Directory
***********************************/

.CompanyDirectoryItem {
padding:5px;
border-bottom: 1px solid #DFDFDF;

}

.CompanyDirectoryItem a {
text-decoration: none;	
background-image: none;	
color: #895F30; 		
}


.CompanyDirectoryItem a:hover {	
color: #1773BC;	
}

.CompanyDirectoryItem h4 {
color: #9DAB38;
margin:0;
padding:0;
}

.CompanyDirectoryItem h4 a {
color: #9DAB38;
text-decoration: none;
}

.CompanyDirectoryItem h4 a:hover {
color: #1773BC;
}

.CompanyDirectoryItem .company-summary {
padding:0 0 0 15px;
margin: 0 0 0 0;
background:url(uploads/images/icon-contact.gif) no-repeat 0 4px;

}

.page-nav {
color: #AFAFAF;
border-top: 1px #DFDFDF solid;
border-bottom: 1px #DFDFDF solid;
padding: 6px 5px 5px 5px;
background: #EBEBEB;
font-weight: bold;
font-size:110%;
text-transform: capitalize;
text-align:center;

}

.page-nav a {
color: #AFAFAF;
padding: 5px;
text-decoration:none;

}

.page-nav a:hover {
color: #fff;
background:#1773BC;
}

/*
.cat-form {
background:#CFCFCF;
border: 1px solid #BFBFBF;
padding:10px;
font-size: 155%;

}

.cat-form input {
background:#8F8F8F none repeat scroll 0%;
border: 1px solid #6F6F6F;
color:#CFCFCF;
width:185px;
font-size: 100%;
margin: 5px 0 0 0;
}

.cat-form select {  
width:350px;  
border: 1px solid #6F6F6F;
color:#8F8F8F; 
font-size: 100%;
margin: 5px 0 0 0;
}*/ 

/**********************************
SEARCH: RESULTS PAGE
***********************************/

div#search-results ul{
list-style:none;
list-style-image:none;
list-style-type:none;
margin: .5em 0 0 0;
padding:0;
}

div#search-results li{
list-style:none;
list-style-image:none;
list-style-type:none;
border-bottom:1px solid #EEE;
padding:2em 0 0 0;
margin: .1em 0 0 0;
}


div.breadcrumbs {
color:#CCCCCC;
padding: .3em .5em .3em .5em; /* CSS short hand rule first value is top then right, bottom and left */
font-size: 90%;/* its good to set fontsizes to be relative, this way viewer can change his/her fontsize */
margin: 0;/* css shorthand rule will be opened to be "0 1em 0 1em" */
border-bottom: 1px solid #EEE;
}
/* End of 'UYC: Global Styles' */

/* Start of CMSMS style sheet 'UYC: Menu' */
/* Horizontal menu for the CMS CSS Menu Module */
/* by Alexander Endresen */

#menu_vert {
   margin-left: 1px;
   margin-right: 1px;

}
#menu_vert a {
   color: #740000;
}

#menu_vert a:hover {
   color:#fff;
}

#menu_vert .menuactive {
   color:#fff;
}

/* The wrapper clears the floating elements of the menu */

/* Fix for Opera 8 */
.clearb { clear: both; }
#menuwrapper { 
   /* Fix for Opera 8 */ 
   /*   overflow: hidden;  */ 
   background: #e0d6a4 url(uploads/images/nav.gif) center center repeat-x;
   border: 1px solid #e0d6a4;
   font: bold 13px Arial;
   margin: 0 14px 0 14px;
}

/* Set the width of the menu elements at second level. Leaving first level flexible. */
#primary-nav li li { 
   width: 200px; 
}


/* Unless you know what you do, do not touch this */ 
#primary-nav, #primary-nav ul { 
   list-style: none; 
   margin: 0px; 
   padding: 0px; 
}
#primary-nav ul { 
   position: absolute; 
   top: auto; 
   display: none; 
}
#primary-nav ul ul { 
   margin-top: 1px;
   margin-left: -1px;
   left: 100%; 
   top: 0px; 
}
	
#primary-nav li { 
   margin-left: -1px;
   float: left; 
}
#primary-nav li li { 
   margin-left: 0px;
   margin-top: -1px;
   float: none; 
   position: relative; 
}

/* Styling the basic apperance of the menu elements */
#primary-nav a { 
   display: block; 
   margin: 0px; 
   padding: 10px 15px; 
   text-decoration: none; 
}
#primary-nav li a { 
   border-right: 1px solid #e0d6a4;
   border-left:1px solid #e0d6a4;
}
#primary-nav li li a { 
   border: 1px solid #C0C0C0;
}	
#primary-nav li, #primary-nav li.menuparent { 
   background: black url(uploads/images/nav.gif) center center repeat-x;
   color: #FFF;
   
  }
/* Styling the basic apperance of the menuparents - here styled the same on hover (fixes IE bug) */
#primary-nav ul li.menuparent, 
#primary-nav ul li.menuparent:hover, 
#primary-nav ul li.menuparenth { 
background: transparent url(uploads/images/nav-current.gif) center center repeat-x;
color:#FFFFFF;
}


/* Styling the apperance of menu items on hover */

#primary-nav li:hover, 
#primary-nav li.menuh, 
#primary-nav li.menuparenth,
#primary-nav li.menuactive,
#primary-nav li.menuactiveh { 
background: transparent url(uploads/images/nav-current.gif) center center repeat-x;
color:#FFFFFF;
}


/* The magic - set to work for up to a 3 level menu, but can be increased unlimited */

/* 
just add 
#primary-nav li:hover ul ul, 
#primary-nav li.menuparenth ul ul ul,
for fourth level 
*/
#primary-nav ul, 
#primary-nav li:hover ul, 
#primary-nav li:hover ul ul, 
#primary-nav li.menuparenth ul, 
#primary-nav li.menuparenth ul ul { 
   display: none; 
}

/* add 
#primary-nav ul ul ul li:hover ul, 
#primary-nav ul ul ul li.menuparenth ul,
for fourth level
*/
#primary-nav li:hover ul, 
#primary-nav ul li:hover ul, 
#primary-nav ul ul li:hover ul, 
#primary-nav li.menuparenth ul, 
#primary-nav ul li.menuparenth ul, 
#primary-nav ul ul li.menuparenth ul { 
   display: block; 
}


/* IE Hacks */
#primary-nav li li { 
   float: left; 
   clear: both; 
}
#primary-nav li li a { 
   height: 1%; 
}
/* End of 'UYC: Menu' */