/*
      Created by Keith Donegan of Code-Sucks.com
	  
	  E-Mail: Keithdonegan@gmail.com
	  
	  You can do whatever you want with these layouts,
	  but it would be greatly appreciated if you gave a link
	  back to http://www.code-sucks.com
	  
*/

#wrapper_outer { 
	margin: 0;
	width: auto;
	min-width: 779px;
	background-color: #FFF;
}

#wrapper_popup {
	margin: 5px;
}

#banner
	{ position: absolute; top: 0px; right: 14px; padding: 9px 13px 13px 13px; width: 296px; /* 322 - 13 - 13 */ height: 353px; /* 375 - 9 - 13 */ background: transparent url(images/bg_banner.png) top left no-repeat; }

#gtig
	{ position: absolute; left: 13px; top: 238px; }

#home_strip
	{ float: right; margin: 43px 60px 0 0; width: 410px; padding: 10px; background-color: #A3A3A3; color: #FFF; line-height: 1.5em; }

#home_strip a
	{ color: #FFF ! important; font-family: verdana, tahoma, arial, helvetica, sans-serif; font-size: 80%; font-weight: bold; }

#home_strip img
	{ vertical-align: middle; padding-right: 5px; background-color: #A3A3A3; }

#wrapper_header {
	color: #000;
	width: auto;
	padding: 10px;
	height: 153px;
	margin: 0 500px 0 0;
}

	#logo
		{ width: 224px; height: 127px; padding: 15px 10px 11px 14px; }

	#logo img
		{ width: 224px; height: 127px; }

#wrapper_top {
	color: #000;
	padding: 0;
	margin: 0 0 10px 0;
	height: 65px;
	background: transparent url(images/bg_nav.gif) top left repeat-x;
}

	#wrapper_nav {
		position: absolute; left: 0px; top: 173px; z-index: 90; height: 65px;	background: transparent url(images/bg_nav.gif) top left repeat-x;
	}

	#nav {
		position: relative; background-color: #0179C5; /*url(images/bg_nav.gif) top left repeat-x;*/ width: 439px; height: 65px;font-size: 75%;
	}
	/* Menu from http://www.htmldog.com/articles/suckerfish/dropdowns/example/ */
	#nav, #nav ul {
		/*float:right;*/
		list-style:none;
		line-height:1;
		font-weight:bold;
		padding:0;
		margin:0 0 1em 0;
		z-index: 90;
		position: relative;
		font-family: verdana, tahoma, arial, helvetica, sans-serif;
	}

	#nav ul {
		background-color:#EFF5FF;
		border-bottom: 1px solid #002665;
		margin-left: -1px;
	}

	#nav a {
		text-decoration:none;
		background-color:#EFF5FF;
		padding:7px;
		color:#002665;
		display:block;
		font-weight: bold;
		border-top:1px solid #002665;
		border-right:1px solid #002665;
		border-left:1px solid #002665;
		
	}
	#nav a.top {
		padding: 0 ! important;
		text-decoration:none ! important;
		color:#FFF;
		display:block;
		border: 0 ! important;
		border-bottom: 0 ! important;
		margin: 0 ! important;
		height: 65px ! important;
		line-height: 8pt;
		background-color: transparent;
		cursor: pointer
	}
	#nav a span { display:none; }
	#nav a:hover {
		background-color:#0299FA;
		color: #FFF;
	}
	#nav a.top:hover {
		background-color: transparent;
	}
	#nav li ul li a {  
		background-color: #EFF5FF;
	}
	#nav li ul li a:hover {  
		background: #002665 url(images/bg_menu_item.gif) left bottom repeat; 
	}
	#nav a.daddy {
		background:#EFF5FF url(images/arrow_nav_right.gif) right center no-repeat ! important;
	}
	#nav a.daddy:hover, #nav a.daddy_selected {
/*		background-color:#0299FA;*/
		background:#002665 url(images/bg_menu_item_hover.png) right bottom no-repeat ! important;
		color: #FFF;
	}
	#nav a.selected {  
		background: #002665 url(images/bg_menu_item.gif) left bottom repeat;
		color: #FFF;
	}
	#nav li {
		cursor:pointer;
		display:inline;
		float:left;
	}
	#nav li ul {
		position:absolute;
		left:-999em;
		height:auto;
		width: 166px;
		margin:0;
		margin-top:-1px;
	}
	#nav li li {
		width: 150px;
	}
	#nav li ul a {
		border-top:1px solid #002665;
		margin-left:0px;
/*		width:14.4em;*/
		width: 150px;
	}
	#nav li ul ul {
/*		margin:-2.40em 0 0 15.5em;*/
		margin:-2.38em 0 0 165px;
	}
	#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
		left:-999em;
	}
	#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
		left:auto;
	}
	#nav li:hover, #nav li.sfhover {
		background-color:#0299FA;
	}

	.menu_news										{ width: 78px;  background-color: #0179C5; }
	.menu_news:hover, .menu_news_hover				{ width: 78px;  background-color: #0299FA ! important; }
	.menu_about										{ width: 104px; background-color: #0179C5; }
	.menu_about:hover, .menu_about_hover			{ width: 104px;  background-color: #0299FA ! important; }
	.menu_family									{ width: 73px;  background-color: #0179C5; }
	.menu_family:hover, .menu_family_hover			{ width: 73px;  background-color: #0299FA ! important; }
	.menu_downloads									{ width: 107px; background-color: #0179C5; }
	.menu_downloads:hover, .menu_downloads_hover	{ width: 107px;  background-color: #0299FA ! important; }
	.menu_contact									{ width: 77px;  background-color: #0179C5; }
	.menu_contact:hover, .menu_contact_hover		{ width: 77px;  background-color: #0299FA ! important; }
	/*#menu_home				{ width: 103px; background: #0179C5 url(images/menu_home.png) center center no-repeat; }
	#menu_home:hover		{ background: #6a6754 url(images/menu_home.png) center center no-repeat; }
	.menu_home_hover		{ background: #6a6754 url(images/menu_home.png) center center no-repeat ! important; }*/

	.menu_news, .menu_news_hover, .menu_about, .menu_about_hover, .menu_family, .menu_family_hover, .menu_downloads, .menu_downloads_hover, .menu_contact, .menu_contact_hover
		{ cursor: pointer; }


#wrapper_columns {
	/*background: url(include_layout.gif);*/
	margin-bottom: 0;
	/*overflow: auto; /* Paul O Brien Fix for IE www.pmob.co.uk */
	width: 100%
	z-index: 1;
	height: 1%;
}

#wrapper_left { 
	width: auto; margin: 0 352px 30px 15px; 
}

#body {
	float: left;
	line-height: 1.8em;
}
#wrapper_right { 
	float: right; width: 302px; margin: 138px 15px 15px 15px; padding: 0 10px;
}
	#nav_right ul {
		padding:0px;
		margin:0px;
	}
	#nav_right ul li {
		padding:0px;
		margin:0px;
		list-style-type: none;
		display:block;
	}
	#nav_right .selected {
		color:red;
		font-weight:bold;
	}
#wrapper_footer { 
	width: auto;
	clear: both;
	color: #FFF;
	background: #0163AC url(images/bg_menu_item.gif) left center repeat;
	margin: 10px 0 20px 0px;
	height: 25px;
	line-height: 25px;
	padding: 0 10px;

}
	#nav_bottom {
		width:auto;
	}
	#nav_bottom ul {
		position:relative;
		float:right;
		padding:0px;
		margin:0px;
		font-size: 80%;
	}
	#nav_bottom ul li {
		padding:0px;
		margin:0px;
		list-style-type: none;
		display:inline;
	}
	#nav_bottom a {
		color: #FFF;
		text-decoration: none;
	}
	#nav_bottom a:hover, #nav_bottom .selected {
		color:#FFF;
		text-decoration: underline;
	}

	#wrapper_popup .display
		{ margin: 5px; }

ul.links
	{ width: 100%; margin: 10px 0; list-style-type: none; padding: 0; clear: both; } 

ul.links li
	{ display: block; width: auto; padding: 7px; clear: both; margin: 0; border-top: 1px dotted #8FAFC7; line-height: 1.2em; }

ul.links li h1
	{ display: inline; font-size: 110%; font-weight: bold ! important; font-family: Trebuchet MS, Trebuchet MT, lucida sans,lucida grande,verdana,tahoma,arial,helvetica,sans-serif; padding: 0px; margin: 0px; }


ul.links li img
	{ float: left; margin: 5px 10px 5px 5px; }

ul.links li.list_link, ul.links li.list_link_full
	{ clear: both; }

ul.links li.list_link_full
	{ min-height: 100px; }

ul.links li.list_link_half
	{ border-right: 1px dotted #8FAFC7; }

ul.links li.no_right
	{ border-right: 0; }

ul.links li.list_link_half
	{ width: 46% ! important; float: left; clear: none; min-height: 95px; }

ul.links object
	{ margin-top: 10px; }


.linkdate, .linkauthor
	{ font-size: 80%; }

#player
	{ width: 295px; height: 60px; padding: 5px; margin: 0 0 10px 10px; }


	#browse_toolbar
		{ text-align: right; padding: 5px 10px; width: auto; background-color: #D4D0C8; }

	#browse_toolbar a
		{ text-decoration: none ! important; color: #000 ! important; }

	#browse_toolbar a:hover
		{ color: #000080 ! important; }

	#browse_toolbar div
		{ float: left; text-align: left; margin: 5px 10px; }

	#browse_search
		{ font-size: 80%; margin: 0; padding: 2px 10px; text-align: right; color: #FFF; background-color: #808080; }

	#browse_search *
		{ vertical-align: bottom; }

	#browse_search .txt, #browse_search .txtArea
		{ width: 150px; }

	#browse_files
		{ width: auto; height: 300px; overflow: auto; border: 0; border-top: #000 1px solid; border-bottom: #000 1px solid; padding: 10px 0; }

	#browse_thumbnail
		{ width: 150px; float: left; margin: 10px; padding: 10px; border: 1px solid #C0C0C0; }

	#browse_thumbnail:hover
		{ background-color: #f0f0f0; }

	#browse_thumbnail a
		{ display: block; width: auto; text-align: center; }

	#browse_thumbnail img
		{ border: 1px solid #C0C0C0; margin: 0 auto; }

	#browse_thumbnail h1
		{ font-size:130%; height: 2.5em; line-height:1em; overflow: auto; }

	#browse_thumbnail .txtArea
		{ width: 80%; vertical-align: middle; border: 1px solid #C0C0C0; }

	#browse_thumbnail .btn
		{ width: 18%; vertical-align: middle; }


	#browse_upload, #browse_return
		{ padding: 5px 10px; width: auto; background-color: #D4D0C8; border-bottom: #000 1px solid; }

	#browse_upload table
		{ width: 500px; }

	#browse_upload h1, #browse_return h1
		{ font-size: 120%; }

	#browse_return
		{ height: 150px; overflow: hidden; }
	
	#browse_return img
		{ float: left; border: 1px solid #C0C0C0; background-color: #FFF; position: relative; }

	#browse_return div
		{ width: 500px; }

	#browse_return form
		{ display: block; clear: both; margin: 0 0 0 10px; width: auto; }

	#browse_return .btn, #browse_return .btn2
		{ float: right; clear: right; margin-bottom: 10px; }

	#browse_return .btn
		{ }

	#browse_return .clear
		{ height: 1px; line-height: 1px; margin: 0 ! important; padding: 0 ! important; }

.clear_item
	{ height: 1px; width: 1px; clear: both; list-style-type: none; margin: 0 ! important; padding: 0 ! important; }

.gallery img, .photo
	{ padding: 3px ! important; border: 1px solid #A3A3A3; }

.gallery img
	{ float: left; margin: 10px; }

.tbox, .tbox a
	{ text-align: right; color: #BBB ! important; }

.tbox
	{ font-size: 80%; margin-right:20px; }

.small_link {
	font-size: 85%;
	width: auto;
	background-color: #def1f2;
	color: #016CB6;
	border: 1px solid #016CB6;
	padding: 10px;
}