/* ================================================================================================== */
/* Generic Style Declarations */

html		{	font-size: 75%; }

body		{	font-family: "Trebuchet MS", Arial, Tahoma, sans-serif;
			font-size: 1em;
			color: #333333;
			padding: 20px 0;
			margin: 0px;
			background-color: #cdd4d9; }

b, strong	{	font-weight: bold; }

i, em, cite	{	font-style: italic; }

u		{	text-decoration: underline; }

abbr, acronym	{	border-bottom: 1px dotted #333333;
			cursor: help; }

hr		{	color: #ffffff;
			margin: 10px 0;
			height: 1px;
			background-color: #ffffff;
			border: 0;
			border-bottom: 1px solid #336699; }

h1, h2, h3, h4, h5, h6, legend
		{	font-weight: bold; 
			color: #003366;
			margin: 15px 0px; }

h1		{	font-size: 1.5em;
			text-transform: uppercase;
			margin-top: 0px; }

h2, legend	{	font-size: 1.5em; }

h3		{	font-size: 1.25em;
			margin: 10px 0; }

h4, h5, h6	{	font-size: 1em;
			margin: 10px 0 0 0; }

h5		{	color: #666666; }

h6		{	font-weight: normal;
			color: #666666; }

dt, li		{	margin-top: 7px; }

sub, super	{	font-size: 75%; }

code, pre	{	font-family: Courier, "Courier New", fixed-width, monospace;
			font-size: .85em; }

input, select, textarea
		{	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
			font-size: .95em;
			color: #000000; }

small		{	font-size: 85%; }

fieldset	{	border: 1px solid #336699; }

p, div		{	margin: 10px 0px; }

a:link, a:visited, a:hover
		{	text-decoration: underline;
			color: #336699; }

a:visited	{	color: #666666; }

a:hover		{	color: #003366; }

a img		{	border: 0; }

/* END Generic Style Declarations */
/* ================================================================================================== */





/* ================================================================================================== */
/* Styles for content containers */

#Content	{	width: 100%;
			background: #f7eedf;
			border-collapse: collapse; }

.Content	{	vertical-align: top;
			line-height: 160%;
			padding: 10px; }

.ContentWrapper	{	margin: 0;
			background: url(/files/images/template/content_tl.gif) no-repeat left top #ffffff; }

.ContentBL	{	margin: 0;
			background: url(/files/images/template/content_bl.gif) no-repeat left bottom; }

.ContentBR	{	padding: 0 15px 10px 15px;
			margin: 0;
			background: url(/files/images/template/content_br.gif) no-repeat right bottom; }

.Content h1	{	padding-bottom: 5px;
			border-bottom: 1px dotted #6699cc; }

#Intro		{	color: #003366;
			margin: 0;
			background: url(/files/images/template/intro_tr.gif) no-repeat right top #bad1e8;
			display: inline-block; /* hasLayout */ }

#Intro h1	{	margin: 0 0 0 -10px;
			padding: 10px 10px 0 10px;
			background: url(/files/images/template/intro_tl.gif) no-repeat left top;
			border: 0; }

#Intro div	{	margin: 0;
			background: url(/files/images/template/intro_br.gif) no-repeat right bottom; }

#Intro div div	{	padding: 0px 10px 10px 10px;
			background: url(/files/images/template/intro_bl.gif) no-repeat left bottom; }

/* END Styles for content containers */
/* ================================================================================================== */





/* ================================================================================================== */
/* Layout Styles */

#Wrapper	{	margin: 0 auto;
			padding: 5px;
			width: 740px;
			background: #ffffff; }

#Banner		{	padding-top: 10px;
			margin: 0;
			background: url(/files/images/banners/home.jpg) no-repeat left top; }

#Banner h1	{	
			margin: 0; }

#Banner h1 a	{	position: relative;
			margin-left: 520px;
			height: 105px;
			width: 220px;
			display: block;
			text-indent: -999em;
			outline: none; }

#Banner img	{	position: relative;
			vertical-align: text-bottom;
			margin-top: -20px;
			margin-bottom: -1px;
			border: 0; }

#PriNav		{	margin: 0;
			width: 100%; /* hasLayout */
			background: url(/files/images/template/nav_bg.jpg) repeat-y left top #336699;
			border-top: 1px solid #ffffff;
			border-bottom: 1px solid #ffffff;
			clear: both; }

#Menu		{	vertical-align: top;
			line-height: 140%;
			padding: 0 10px 10px 10px;
			width: 210px;
			background: #d4d1af; }

ol#SiteMap, ol#SiteMap ol
		{	list-style-type: circle;
			color: #ababab;  }

ol#SiteMap ol	{	border-left: 1px solid #dddddd;
			margin-left: -12px;
			padding-left: 50px;}

.clear		{	margin: 0;
			clear: both; }

.PrintOnly, #PrintLogo, .Hide
		{	display: none; }

/* END Layout Styles */
/* ================================================================================================== */





/* ================================================================================================== */
/* Ribbon Styles */

#Ribbon		{	color: #b9cfe6;
			padding: 10px;
			margin: 0;
			background: url(/files/images/template/ribbon_bg.jpg) repeat-x top left #1e5184;
			border-bottom: 1px solid #ffffff; }

#Ribbon img	{	float: left;
			padding: 2px 0 0 0;
			margin-right: 20px; }

#Ribbon ul	{	float: right;
			list-style: none;
			padding: 0;
			margin: 0 20px 0 0; }

#Ribbon li	{	margin: 0;
			display: inline; }

#Ribbon li a	{	float: left;
			font-weight: bold;
			text-decoration: none;
			padding: .4em .55em .0em .65em;
			margin: 0 2px;
			border: 1px solid #336699; }

#Ribbon a#Large	{	font-size: 1.25em;
			padding: .13em .4em .04em .4em; }

#Ribbon a#Larger
		{	font-size: 1.5em;
			padding: 0 .35em; }

#Ribbon li a:link, #Ribbon li a:visited	
		{	color: #ffffff; }

#Ribbon li a:hover	
		{	color: #6699cc;
			border: 1px solid #6699cc; }

#Ribbon form	{	float: right;
			margin: 0;
			padding: 2px 0 0 0; }

#Ribbon label	{	float: left;
			margin-right: 5px; }

#Ribbon input	{	float: left;
			color: #ffffff;
			padding: 2px 0 2px 2px;
			height: 14px;
			width: 150px;
			background: #336699;
			border: 1px solid #6699cc; }

#Ribbon input#UBButton
		{	padding: 0;
			margin: 0 0 0 -1px;
			width: auto;
			height: auto;
			background: transparent;
			border: 0; }

/* END Ribbon Styles */
/* ================================================================================================== */





/* ================================================================================================== */
/* Search Styles */

#SearchForm	{	margin: 0px;
			padding: 0 0 0 10px; }

#SearchForm input
		{	float: left;
			color: #ffffff;
			padding: 2px 0 2px 2px;
			height: 14px;
			width: 175px;
			background: #336699;
			border: 1px solid #6699cc; }

#SearchForm input#btnSearch
		{	padding: 0;
			margin: 0 0 -6px -5px;
			width: 21px;
			height: 20px;
			background: transparent;
			border: 0; }

/* END Search Styles */
/* ================================================================================================== */





/* ================================================================================================== */
/* Featured Project Styles */

#Projects	{	margin: 10px 0 0 0;
			background: url(/files/images/template/content_tl.gif) no-repeat left top #ffffff; }

#Projects h2	{	text-transform: uppercase;
			margin: 0;
			padding: 10px 10px 0 10px;
			background: url(/files/images/template/content_tr.gif) no-repeat right top; }

#Projects table	{	width: 100%;
			background: url(/files/images/template/content_bl.gif) no-repeat left bottom;
			border-collapse: collapse; }

#Projects td	{	vertical-align: top;
			width: 50%;
			padding: 10px 5px 10px 10px;
			border-top: 1px solid #cccccc; }

#Projects tr.first td
		{	border: 0; }

#Projects td.right
		{	padding: 10px 10px 10px 5px; }

#Projects td.last
		{	background: url(/files/images/template/content_br.gif) no-repeat right bottom; }

#Projects img	{	padding: 3px;
			border: 1px solid #cccccc;
			display: block; }

#Projects a:hover img
		{	border: 1px solid #003366; }

#Projects h3	{	font-size: 1em;
			margin-bottom: 0; }

#Projects p	{	margin: 5px 0 0 0; }

/* Featured Project Styles */
/* ================================================================================================== */





/* ================================================================================================== */
/* SubContent Styles */

.Button, .SubContent
		{	margin: 10px 0 0 0;
			width: 100%; }

.Button img	{	display: block; }

.SubContent	{	background: url(/files/images/template/subcontent_tl.gif) no-repeat left top #c8c59a;
			display: inline-block; /* hasLayout */ }

.SubContent h2	{	font-size: 1.1em;
			text-transform: uppercase;
			margin: 0 0 5px 0; }

.SubContent .Title
		{	margin: 0;
			padding: 10px 10px 0 10px;
			background: url(/files/images/template/subcontent_tr.gif) no-repeat right top; }

.SubContent div	{	margin: 0;
			background: url(/files/images/template/subcontent_bl.gif) no-repeat left bottom; }

.SubContent div	div
		{	padding: 5px 10px 10px 10px;
			background: url(/files/images/template/subcontent_br.gif) no-repeat right bottom; }

.SubContent hr	{	color: #c8c59a;
			background-color: #c8c59a; }

.SubContent p	{	margin: 0; }

.Alert		{	color: #ffffff;
			margin: 10px 0 0 0;
			background: url(/files/images/template/alert_tl.gif) no-repeat left top #ab1e1e;
			display: inline-block; /* hasLayout */ }

.Alert h1, .Alert h2, .Alert h3, .Alert h4, .Alert h5, .Alert h6
		{	color: #ffffff; }

.Alert a:link	{	color: #d4d1af; }

.Alert a:visited
		{	color: #cccccc; }

.Alert a:hover	{	color: #ffffff; }

.Alert .Title
		{	text-transform: uppercase;
			margin: 0;
			padding: 10px 10px 0px 10px;
			background: url(/files/images/template/alert_tr.gif) no-repeat right top; }

.Alert div	{	margin: 0;
			background: url(/files/images/template/alert_bl.gif) no-repeat left bottom; }

.Alert div div
		{	padding: 5px 10px 10px 10px;
			background: url(/files/images/template/alert_br.gif) no-repeat right bottom; }

.Alert ul	{	list-style: none;
			padding: 0;
			margin: 0 0 10px 0; }

.Alert li	{	padding: 5px 10px 0px 15px;
			margin: 5px 0 0 0;
			background: url(/files/images/template/arrow.gif) no-repeat left 7px;
			border-top: 1px dotted #c25c5c; }

/* END SubContent Styles */
/* ================================================================================================== */





/* ================================================================================================== */
/* Quick Links */

p#QuickLinks	{	margin: 0;
			width: 188px;
			height: 18px;
			background: url(/files/images/template/quicklinks_bg.jpg) no-repeat right -1px #ffffff;
			border: 1px solid #666666;
			overflow: hidden;
			cursor: pointer; }

p#QuickLinks a	{	color: #444444;
			text-decoration: none;
			padding: 1px 2px;
			width: 184px;
			display: block; }

#QuickLinksList	{	position: absolute;
			width: 188px;
			padding: 0px;
			margin: -1px 0 0 0px;
			background-color: #ffffff;
			border: 1px solid #666666;
			display: none;
			z-index: 40; }

ul#QuickLinksList li
		{	list-style: none;
			margin: 0px;
			padding: 0px;
			display: inline; }

ul#QuickLinksList li a
		{	color: #444444;
			margin: 0px;
			padding: 1px 5px;
			height: 1%; /* hasLayout */
			background-color: #ffffff;
			display: block; }

ul#QuickLinksList a:link, ul#QuickLinksList a:visited, ul#QuickLinksList a:hover
		{	color: #444444;
			text-decoration: none;  }

ul#QuickLinksList a:hover
		{	background-color: #eeeeee; }

/* END Quick Links */
/* ================================================================================================== */





/* ================================================================================================== */
/* Portal Links */

#Portals	{	list-style: none;
			margin: 0;
			padding: 0; }

#Portals li	{	margin: 0 0 2px 0;
			padding: 2px;
			background: #ffffff;
			border: 1px solid #666666; }

#Portals a	{	font-weight: bold;
			color: #008929;
			text-transform: uppercase;
			text-decoration: none;
			padding: 3px 10px 3px 10px;
			background: #eeeeee;
			border-left: 10px solid #008929;
			display: block; }

#Portals a:link, #Portals a:visited
		{	color: #008929;
			border-color: #008929; }

#Portal2 a:link, #Portal2 a:visited
		{	color: #3399cc;
			border-color: #3399cc; }

#Portal3 a:link, #Portal3 a:visited
		{	color: #e39000;
			border-color: #e39000; }

#Portal4 a:link, #Portal4 a:visited
		{	color: #ab1e1e;
			border-color: #ab1e1e; }

#Portals a:hover
		{	color: #003366;
			border-color: #003366; }

/* END Portal Links */
/* ================================================================================================== */





/* ================================================================================================== */
/* Sub-Navigation Styles */

#SubNav		{	background-color: #c8c59a;
			display: block; }

#SubNav div div	{	padding: 0; }

#SubNav ul	{	list-style: none;
			padding: 10px 0;
			margin: 0;
			background: url(/files/images/template/subcontent_tr.gif) no-repeat right top; }

#SubNav li	{	margin: 1px 0;
			display: inline; }

#SubNav li a	{	font-weight: bold;
			padding: 4px 10px 4px 25px;
			margin-top: -1px;
			height: 1%; /* hasLayout */
			background: url(/files/images/template/subnav_arrow.gif) no-repeat 10px center #ffffff;
			border-top: 1px solid #6699cc;
			border-bottom: 1px solid #6699cc;
			display: block; }

#SubNav a:link, #SubNav a:visited, #SubNav a:hover, #SubNav a.Sel:link, #SubNav a.Sel:visited, #SubNav a.Sel:hover
		{	color: #0b3e71;
			text-decoration: none; }

#SubNav a.Sel:link, #SubNav a.Sel:visited
		{	color: #ffffff;
			background-color: #6699cc; }

#SubNav a:hover, #SubNav a.Sel:hover
		{	background-color: #d4d1af; }

/* END Sub-Navigation Styles */
/* ================================================================================================== */





/* ================================================================================================== */
/* Footer Styles */

#Footer	{	font-size: .9em;
			color: #666666;
			line-height: 100%;
			margin: 0 auto;
			padding: 10px 15px;
			width: 720px; }

#Footer ul
		{	float: right;
			list-style: none;
			margin: 0;
			padding: 0; }

#Footer li
		{	margin: 0 0 0 3px;
			padding-left: 5px;
			background: url(/files/images/template/footer_border.gif) no-repeat left center;
			display: inline; }

#Footer li.first
		{	background: none; }

#Footer	a
		{	color: #000000; }

#Footer	a:link, #Footer	a:visited, #Footer a:hover
		{	color: #336699; }

#Footer a:hover
		{	color: #003366; }

#Footer div
		{	text-align: right;
			margin-bottom: 0; }

#Footer img
		{	border: 0; }

/* END Footer Styles */
/* ================================================================================================== */





/* ================================================================================================== */
/* Breadcrumb Styles */

#Bread		{	font-size: 11px;
			line-height: 160%;
			margin: 0 -15px 10px -15px;
			padding: 15px 15px 0 15px;
			background: url(/files/images/template/content_tr.gif) no-repeat right top; }

/* END Breadcrumb Styles */
/* ================================================================================================== */





/* ================================================================================================== */
/* Data Table Styles */

table.Data	{	border-collapse: collapse;
			border: 1px solid #666666;
			background-color: #ffffff;
			margin: 10px 0px; }

table.Data td, table.Data th, #Content table.Data td, #Content table.Data th
		{	border-bottom: 1px solid #999999;
			border-left:  1px dotted #999999;
			padding: 3px 10px; }

table.Data th	{	background-color: #eeeeee;
			font-weight: bold;
			text-align: left; }

table.Data tr.NewRow td
		{	border-top: 1px solid #000000; }

table.Data .center
		{	text-align: center; }

table.Data .right
		{	text-align: right; }

table.Data .left
		{	text-align: left; }

table.Data .bold
		{	font-weight: bold; }

table.Data .nowrap
		{	white-space: nowrap; }

table.Data .HeaderCol, table.Data th.Vertical
		{	text-align: left; }

table.Data td table.Data td, table.Data td table.Data th, table.Data td table.Data
		{	border-color: #cccccc; }

table.Data tr.Divider th, table.Data tr.Divider td
		{	border-top: 4px double #000000; }

table.Data .Totals
		{	background-color: #eeeeee;
			font-weight: bold; }

table.Data .HideCol
		{	display: none; }

table.SizeChart	{	width: auto; }


/* END Data Table Styles */
/* ================================================================================================== */





/* ================================================================================================== */
/* Application Error Styles */

.error          {       color: #ff0000; }

input.error, textarea.error, select.error
		{	background-image: url(/files/images/std/input_error.gif);
			background-position: top left;
			background-repeat: no-repeat;
			color: #000000; }

/* END Application Error Styles */
/* ================================================================================================== */





/* ================================================================================================== */
/* Login Form Styles */

#LoginForm	{	font-size: 9px;
			margin: 0px;
			padding: 0px; }

#LoginForm label, #LoginForm input
		{	font-size: 9px; }

#LoginForm p	{	background-image: none;
			line-height: 180%; }

#LoginForm p.error
		{	margin: 20px 0px; }

#LoginForm input
		{	border: 1px solid #0068B3; }

#LoginForm input#cmdLogin
		{	
			font-family: Verdana, Arial, Helvetica, sans-serif;
			background-color: #C9DEF4;
			padding: 3px;
			margin-top: 5px;
			color: #0068B3; }

.b		{	border: 2px solid #0b3e71;
			background-color: #D4D1AF;
			padding: 3px 5px;
			cursor: pointer;
			margin: 4px 8px 4px 0px; }
			
#Form strong
		{	color: #003366; }
		
#Form label strong:before
		{	content: "* "; }
		
		
	
/* END Login Form Styles */
/* ================================================================================================== */





/* ================================================================================================== */
/* Simple Gallery Styles */

#FGThumbnails	{	margin: 20px 0; }

#FGThumbnails a:link img, #FGThumbnails a:visited img, #FGThumbnails a:active img, #FGThumbnails a:hover img
		{	border: 2px solid #333333; }

#FGThumbnails a:active img, #FGThumbnails a:hover img
		{	border: 2px solid #cccccc; }

#FGThumbnails a.Sel:link img, #FGThumbnails a.Sel:visited img, #FGThumbnails a.Sel:active img, #FGThumbnails a.Sel:hover img
		{	border: 2px solid #ffc000; }

#FGBigPhoto	{	position: relative;
			text-align: center;
			padding: 0;
			margin: 0 auto;
			background: transparent url(/files/images/template/loading.gif) 50% 50% no-repeat;
			min-height: 340px; }

#BigPhoto	{	z-index: 1; }

#PrevImg, #NextImg
		{	position: absolute;
			top: 0;
			display: block;
			width: 49%;
			height: 300px;
			text-indent: -999px;
			overflow: hidden;
			z-index: 20;
			/* Hack for IE7, IE8 */
			background-color: #000000;
			filter: alpha(opacity=0);
			opacity: 0; }

#PrevImg	{	left: 0; }

#NextImg	{	right: 0; }

a#PrevImg:hover	{	background: transparent url(/files/images/template/prevlabel.gif) 0 50% no-repeat; }

a#NextImg:hover	{	background: transparent url(/files/images/template/nextlabel.gif) 100% 50% no-repeat; }

a#PrevImg:hover, a#NextImg:hover
		{	/* Hack for IE7, IE8 */
			filter: alpha(opacity=100);
			opacity: 1; }

/* END Simple Gallery Styles */
/* ================================================================================================== */