/* CSS Document */

body {
	font-family: Arial, Helvetica, sans-serif;
	background: white url(/images/v2/bg-line.gif) repeat-y;
	padding: 0px;
	margin: 0;
	color: black;
	font-size: 13px;
}

body, html {
	background-image: url(/images/v4/background-1600.jpg);
	background-repeat: no-repeat;
	background-color: #5F0F10;
	background-position: left top;
	background-attachment: fixed;
	min-height: 100%;
}

h1 {
	font-size: 18px;
	margin: 0;
	padding: 10px 10px 0 10px;
}

h2 {
	font-size: 18px;
	margin: 0;
	padding: 0;
}

h3 {
	font-size: 16px;
	margin: 0;
	padding: 0;
}

h4 {
	font-size: 14px;
	margin: 0;
	padding: 0;
}
#container {
	width: 750px;
	padding: 0;
	margin-right: auto;
	margin-left: auto;
	background-color: white;
	border-left: 2px solid black;
	border-right: 2px solid black;
	border-top: 3px solid black;
	overflow: visible;
	min-height: 100%;
	height: auto;
}
#column-left {
	float: left;
	width: 589px;
	min-height: 650px;
	position: relative;
	border-right: 2px solid black;
	background-color: white;
}

#column-right {
	background-color: white;
	background-image: url(/images/v3/top-gradient.gif);
	background-repeat: repeat-x;
	background-position: top center;
	float: left;
	height: 652px;
	/* overflow: auto; */
	overflow:visible;
	width: 157px;
}
#column-right-content {
	padding-top: 10px;
	height: 600px;
}
#ucreatecentral {
	height: 535px;
/*	border: 2px solid black; */
	margin: 2px 2px 5px 2px;
	font-size: 11px;
}
#ucreatecentral p img {
	float: right;
	padding-top: 12px;
}

#header-main  {
	padding: 0;
	height: 86px;


}
#header-main-left {
	background-image: url(/images/v4/ucomics-logo.gif);
	height: 89px;
	width: 138px;
	background-repeat: no-repeat;
	float: left;
}

#header-main-right {
	float: left;
}

#header-main-right-top {
	width: 451px;

}
#header-main-right-bottom {
	background-color: #C42027;
	height: 25px;
	width: 451px;
	margin-top: 2px;
	margin-bottom: 1px;
}



#header-bar {
	height: 24px;
	background-image: url(/images/v4/header-bar2.gif);
	background-repeat: repeat-x;
}

#header {
	background-color: white;
	background-repeat: repeat-x;
	background-position: top center;
}




#header-bottom    {
	height: 30px;
	background-color: black;
	color: white;
	padding-left: 22px;
	font-size: 12px;
	padding-top: 0px;
	display: block;
	clear: both;
	margin-top: 4px;
	vertical-align: middle;
}
#header-login {


}
#tag-line {
	font-size: 14px;
	font-weight: bold;
	display: inline;
	float: left;
	margin-left: 0px;
	vertical-align: middle;
	padding-top: 7px;
}

#tag-line a,
#tag-line a:link,
#tag-line a:visited {
	color:red;
	font-size: 14px;	
}

.header-links {
	font-size: 10px;
	color: white;
	margin-left:20px;
	text-transform: none;
}
.header-links a,
.header-links a:link,
.header-links a:visited {
	color: white;
	text-decoration: none;
}
.header-links a:active,
.header-links a:hover {
	color: white;
	text-decoration: underline;
}
#main-box {
	margin-left: 5px;
	height: auto;
	margin-top: 0px;
	margin-bottom: 5px;
	margin-right: 5px;
	width: 570px;
	background-color: white;
	clear: both;
}




#main-box-content {
	margin-top: 0px;
	padding: 5px 10px 10px 10px;
	height: auto;
	overflow: hidden;
	width: auto;
}
#front-box {
	height: 355px;
	background-image: url(/images/v4/front-box.gif);
	background-repeat: no-repeat;
	width: 560px;
	margin-left: 10px;
	margin-top: 7px;
}
#front-box-left {
	float: left;
	color: white;
	margin-top: 20px;
	margin-left: 20px;
	width: 165px;
}
#front-box-left h1 {
	font-size: 30px;
	margin: 5px 0 0 0;
	padding: 0;
}
#front-box-left h2 {
	margin-top: 5px;
	font-size: 16px;
	letter-spacing: 0.1em;
}
#front-box-left ul {
	list-style-type: none;
	padding-left: 0px;
	margin-top: 15px;
}
#front-box-left ul li {
	margin-top: 5px;
	font-size: 13px;
	background-image: url(/images/v4/arrow2.gif);
	background-repeat: no-repeat;
	background-position: right;
}
#front-box-left ul li p {
	margin: 0;
	padding: 5px 0 0 0;
	background-color: #252122;
	display: block;
}
#front-box-left ul li a,
#front-box-left ul li a:link,
#front-box-left ul li a:visited {
	color: white;
	text-decoration: none;
	font-size: 12px;
}
#front-box-left ul li a:active,
#front-box-left ul li a:hover {
	text-decoration: underline;
}
.arrow-1 {
	width: 106px;
	position: relative;
	bottom: 4px;
}
.arrow-2 {
	width: 104px;
	position: relative;
	bottom: 4px;
}
.arrow-3 {
	width: 130px;
	position: relative;
	bottom: 4px;
}
.arrow-4 {
	width: 44px;
	position: relative;
	bottom: 4px;
}
.arrow-5 {
	width: 29px;
	position: relative;
	bottom: 4px;
}
.panels div {
	position: absolute;
	top: 227px;
	visibility: hidden;
	left: 243px;
	width: 304px;
}

.panels div .content-item,
.panels div .content-item div{
	visibility:visible;
	position:relative;
}
#panel-front-box-default {
	text-align: center;
	padding-left: 5px;
	top:212px;
	left:223px;
}
#panel-front-box-default h1 {
	color: #e6402a;
	font-size: 22px;
}

#panel-front-box-default h2 {
	color: #e6402a;
	font-size: 18px;
	font-weight: normal;
}



#front-box-right {
	float: left;
	height: 213px;
	width: 325px;
	margin-top: 24px;
	margin-left: 6px;
	padding: 20px 10px 10px 20px;
}
#front-box-default img {
	padding-left: 60px;
	margin-top: 5px;


}

#front-box-default h1 {
	color: #E70B0B;
	font-size: 23px;
	margin-top: 10px;
}
#front-box-default h2 {
	padding-left: 110px;
	color: #E70B0B;
	font-size: 16px;

}
#front-box-bottom {
	color: white;
	clear: both;
	padding-top: 25px;
	padding-left: 20px;
	position: relative;
}
#front-box-bottom h1 {
	margin: 0;
	padding: 0;
	text-transform: uppercase;
}
#front-box-bottom p {
	padding: 0;
	margin: 0;
	float: left;
	font-weight: bold;
	font-size: 15px;
}
#front-box-bottom div  img{
	position: absolute;
	top: 35px;
	right: 25px;
}












#rounded-box {
	margin-top: 10px;
	margin-bottom: 10px;
}

#rounded-box-top {
	background-image: url(/images/v4/box-top.gif);
	height: 15px;
	background-repeat: no-repeat;
	background-position: 2px bottom;
}
#rounded-box-bottom {
	background-image: url(/images/v4/box-bottom.gif);
	height: 15px;
	background-repeat: no-repeat;
	background-position: 3px top;
	clear: both;
}
#rounded-box-content {
	float: left;
	width: 585px;
	background-image: url(/images/v4/box-body.gif);
	background-repeat: repeat-y;
	background-position: 3px top;
	padding-left: 4px;
}
#google-ad {
	background-image: url(/images/v4/google-ad-bg-550.gif);
	width: 550px;
	background-repeat: no-repeat;
	background-position: center;
	margin-left: auto;
	margin-right: auto;
	height: 100px;
	position: relative;
}
#google-ad-left {
	background-color: black;
	height: 73px;
	width: 193px;
	position: absolute;
	bottom: 14px;
	left: 8px;
	background-image: url(/images/v4/bottom_left_banner-ad.gif);
}

#google-ad-right {
	height: 75px;
	background-color: black;
	width: 333px;
	position: absolute;
	left: 207px;
	bottom: 14px;
	background-image: url(/images/v4/bottom_right_banner.gif);
	background-position: left top;
}

#footer {
	background-repeat: repeat-x;
	background-image: url(/images/v4/footer-bg.gif);
	clear: both;
	width: 100%;
	height: 64px;
}
.landing-header {
	font-size: 28px;
	color: #E70B0B;
	text-align: center;
	margin-top: 0px;
	padding-top: 0px;
}



fieldset {
	width: auto;
	height: auto;
	overflow: auto;
	padding-left: 0px;
	padding-right: 0px;
	border:0;
}


/* Yahoo Drop Down Menu and Ucreate Consulting CMS */

#top {
	border-bottom: none;
}

label {
	font-weight:bold;
}

fieldset select, fieldset input[type="text"] {
	font-size:11px;
}


.yui-skin-sam .yuimenuitemlabel {
	padding-left: 15px;
	padding-right: 15px;
	margin-right:10px;
	font-weight: normal;	
}
.yui-skin-sam .yuimenubaritemlabel {
	background: transparent;
	border: none;
	color: black;
	height: 15px;
	padding-right: 0px;
	margin: 0px;
	vertical-align:middle;
}
.yui-skin-sam .yuimenubaritemlabel:visited {
	color: white;
}
.yui-skin-sam .yuimenuitemlabel:visited {
	color: white;
}
.yui-skin-sam .yuimenubaritemlabel-selected {
	background: transparent;
	border: none;
	color: white;
	text-decoration: none;
}
.yui-skin-sam .yuimenubarnav .yuimenubaritemlabel-selected {
	border: none;
	margin-left: 0px;
}

.yui-skin-sam .yuimenubaritem-selected {
	border: none;
	background: transparent;
}
.yui-skin-sam .yuimenubar {
	border: none;
	background: transparent;
	line-height: 1;
	height: 25px;
}
.yui-skin-sam .yuimenubar li {
	background-color: transparent;
}
.yui-skin-sam .first-of-type .yuimenubaritem {
	border-right: 1px solid white;
	border-left: none;
	margin:0;
	border-top: none;
	border-bottom:none;
}
.yui-skin-sam .yuimenu ul.first-of-type {
	background-color: black;
	color: white;
}
/* This governs the position of submenus in relation to the top-level menu. */
.yui-skin-sam .yuimenu .bd {
	/*
	position: relative;
	top: 5px;
	left: 15px;
	*/
}
.yui-skin-sam .yuimenubarnav .yuimenubaritemlabel {
	padding-right: 20px;
	padding-left: 15px;
}
/* This positions the shadow of submenus */
.yui-skin-sam .yui-menu-shadow, .yui-skin-sam .yui-menu-shadow-visible {
	position: relative;
	top: 5px;
}
.yui-skin-sam .yuimenubarnav {
	color: white;
}
.yui-skin-sam .yuimenubarnav .yuimenubaritemlabel-hassubmenu {
	background-image: url(/content/cms/images/menubaritem_submenuindicator_white.png);
}
.yui-skin-sam .yuimenuitem-hassubmenu {
	background-image: url(/content/cms/images/menuitem_submenuindicator_white.png);
}







/* Rounded Box CSS */

.tlc3, .trc3, .blc3, .brc3
	{
	background-color: transparent;
	background-repeat: no-repeat;
	}

.tlc3
	{
	background-image:url(/images/v3/tlc3.gif);
	background-position: 0% 0%;
	}

.trc3
	{
	background-image:url(/images/v3/trc3.gif);
	background-position: 100% 0%;
	}
	
.blc3
	{
	background-image:url(/images/v3/blc3.gif);
	background-position: 0% 100%;
	}

.brc3
	{
	background-image:url(/images/v3/brc3.gif);
	background-position: 100% 100%;
	}

.tb3, .bb3
	{
	background-color: transparent;
	background-repeat: repeat-x;
	}
			
.tb3
	{
	background-image:url(/images/v3/tb3.gif);
	background-position: 0% 0%;
	}

.bb3
	{
	background-image:url(/images/v3/bb3.gif);
	background-position: 50% 100%;
	}
	
.rb3
	{
	background-image:url(/images/v3/rb3.gif);
	background-position: 100% 0%;
	background-repeat: repeat-y;
	}

.lb3
	{
	background-image:url(/images/v3/lb3.gif);
	background-position: 0% 100%;
	background-repeat: repeat-y;
	}

input, select, textarea, button, keygen, isindex, legend, a,
textarea[type="textarea"], input[type="text"], input[type="password"],
button[type="button"], button[type="reset"], button[type="submit"], input[type="reset"], input[type="submit"], input[type="button"],
fieldset textarea {
	font-size:11px;
}
.splashBox {
	width: 579px;
	margin-left: 5px;
	height: 417px;
	background-image: url(/images/v4/splash-box.gif);
	background-repeat: no-repeat;
	padding-top: 5px;
	margin-top: 5px;

}