@charset "utf-8";
/* CSS Document */

/*DEFAULT SETTINGS*/
body {
	margin:0px 0px 0px 0px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#525252;
}
.alink {text-decoration:none; color:#525252;}
a {text-decoration:none; color:#003366; outline:none;}
.s10 {font-size:10px;}
.s12 {font-size:12px;}
.s12bold {font-size:12px; font-weight:bold;}
.s14 {font-size:14px;}
.s14bold {font-size:14px; font-weight:bold;}
.s18 {font-size:18px;}
.s24 {font-size:24px;}
.s24bold {font-size:24px; font-weight:bold;}
.s24boldit {font-size:24px; font-weight:bold; font-style:italic;}


/*DESIGN SETTINGS*/
.header {
	background:url(../images/img_top_header.png) top center no-repeat;
	width:1024px;
	padding:10px 0px 0px 0px;
}
.banners {background:#222222; border-top:#828282 thin solid; border-bottom:#828282 thin solid;}
	.promos {width:975px; height:384px; background:#000000;}
		#slideshow {position:relative; z-index:1; width:975px; height:384px;}
		#slideshow img{width:975px; height:384px;}

.topmenu {
	background:url(../images/btn_menu_BG.png) center no-repeat;
	font-size:12px;
	text-transform:uppercase;
	color:#FFFFFF;
	width:619px;
	height:37px;
}
.maincontent {width:976px;}
	.maincontent .sidebar{float:left; width:185px; border-right:#525252 thin solid; text-align:left;}
	.maincontent .loadpages{float:right; width:788px;}

ul.menu {list-style:none; margin:0; padding:0; width:619px; height:37px;}
	ul.menu * {margin:0; padding:0}
	ul.menu a {display:block; color:#fff; text-decoration:none}
	ul.menu li {position:relative; float:left;}
	ul.menu ul {position:absolute; top:37px; left:0; background:#003366; display:none; opacity:0; list-style:none}
	ul.menu ul li {position:relative; border-top:none; width:206px; margin:0px 0px 0px 0px;}
	ul.menu ul li a {display:block; padding:7px 0px 7px 10px;}
	ul.menu ul li a:hover {background:url(../images/btn_menu_rollover.png) center no-repeat;}
	ul.menu ul ul {left:206px; top:-1px}
	ul.menu .menulink {width:206px; padding:10px 0px 12px 0px;}
	ul.menu .menulink:hover, ul.menu .menuhover {background:url(../images/btn_menu_rollover.png) center no-repeat;}
	ul.menu .topline {border-top:1px solid #aaa}


.footer {
color:#f1f1f1;
font-size:12px;
background:#000 url(../images/bg_footer.jpg) top center repeat-x;
border-top:#003366 10px solid;
}
	.footer a {color:#ffffff; text-decoration:none;}
	.footer a:hover {color:#3366cc; text-decoration:none;}
	.footer img{ padding:0px 5px 0px 5px;}

.logos-max{width:50%; max-width:100px;}
.graphics-max{width:70%; max-width:250px;}
.photography-max{width:70%; max-width:250px;}

.glossymenu{
margin: 5px 0;
padding: 0;
width: 186px; /*width of menu*/
border-bottom-width: 1px;
}
	.glossymenu a.menuitem{
	font: Verdana, Arial, Helvetica, sans-serif 14px;
	color: black;
	border-bottom: 1px solid #525252;
	display: block;
	position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
	width: auto;
	padding: 8px 0;
	padding-left: 10px;
	text-decoration: none;
	}
	.glossymenu a.menuitem:visited, .glossymenu .menuitem:active{
	color: black;
	}
	.glossymenu a.menuitem .statusicon{ /*CSS for icon image that gets dynamically added to headers*/
	position: absolute;
	top: 5px;
	right: 5px;
	border: none;
	}
	.glossymenu a.menuitem:hover{
	background: #CCCCCC;
	color: black;
	}
	.glossymenu div.submenu{ /*DIV that contains each sub menu*/
	background: black;
	}
	.glossymenu div.submenu ul{ /*UL of each sub menu*/
	list-style-type: none;
	margin: 0;
	padding: 0;
	}
	.glossymenu div.submenu ul li{
	border-bottom: 1px solid white;
	}
	.glossymenu div.submenu ul li a{
	display: block;
	font: normal 13px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
	color: white;
	text-decoration: none;
	padding: 2px 0;
	padding-left: 10px;
	}
	.glossymenu div.submenu ul li a:hover{
	background: #CCCCCC;
	color: black;
	}