/*
arinze_01 CSS
Built by Arinze Design
--------------------
*/
/*Please keep the above information intact. Thanks! */

* {margin: 0; padding: 0;}
html {height: 100%; margin-bottom: 1px;}
body {height: 100%;}

/* Body Typeset
-------------------------- */
body {
	font: 76%/1.5em verdana, arial, sans-serif;
	background: url(images/back.gif);
	background-repeat:repeat-x;
	background-color: #000000;
	color: #666666;
	scrollbar-3dlight-color:#666666;
      	scrollbar-arrow-color:#666666;
      	scrollbar-base-color:#f0f0f0;
      	scrollbar-darkshadow-color:#666666;
      	scrollbar-face-color:#f0f0f0;
      	scrollbar-highlight-color:#f0f0f0;
      	scrollbar-shadow-color:#f0f0f0;
	}

h2, h3, h4, h5, p, pre /*, blockquote, ul, ol, dl, address*/ {
    	margin: .5em 0;
    	padding: 0;
	}

h6 {
	font: 1.5em verdana, arial, sans-serif;
	margin: .6em 0;
	padding: 0;
	}

h2, h3, h4, h5, h6 {
	font-family: verdana, arial, sans-serif;
	color:#333333;
	font-weight:normal;
	}

h2 { font-size: 164%; }
h3 { font-size: 145%; }
h4 { font-size: 118%; }
h5 { font-size: 90%;  }
h6 { font-size: 80%;  }
p  { font-size: 100%; }

/* Layout
-------------------------- */

#container {
	width: 700px;
	padding-left: 0px;
	padding-right: 0px;
	margin: 0 auto;
	background: #000000;
	}

#header {
	height: 100px;
	background: url(images/tophome11.jpg);
	background-repeat:no-repeat;
	height:400px;
	color: #000000;
	/*border-bottom: 2px solid #cc0000;*/
	}


#header p {
	border: 0;
	font-family:verdana, arial, san-serif;
	font-size:11px;
	color: #333333;
	}


#case {
	position: absolute;
	width:210px;
	height:318px;
	background-color: #f0f0f0;
	margin-top: 60px;
	border-left: 1px solid gray;
	}

#sidebar {
	position: absolute;
	width:191px;
	height:318px;
	background-color: #cccccc;
	margin-top: 60px;
	border-left: 1px solid gray;
	padding: 15px 15px 7px 15px;
	}

#sidebar h4, h5 {
	font-weight: bold;
	color: #000000;
	}


#copy {
	position: absolute;
	width: 445px;
	height: 317px;
	margin: 60px 0px 0px 222px;
	padding: 15px 9px 7px 23px;
	background-color: #f0f0f0;
	}

#copy h5 {
	font-weight: bold;
	color: #000000;
	}



#footer {
	width:700px;
	clear: both;
	position:relative;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	background: url(images/bottomhome11.jpg);
	color: #333333;
	height:30px;
	font-size:10px;
	padding-top: 84px;
	background-repeat:no-repeat;
	padding-bottom: 10px;
	/*border-top: 2px solid #cc0000;*/
	line-height: 1.2em;
	}

/* Links
-------------------------- */
a, a:link, a:hover {
	color: #333333;
	border: 0;
	text-decoration: none;
	}

#header h1 a, #header h1 a:link, #header h1 a:visited {
	border: 0;
	color: #000000;
	}

	#header h2 a, #header h2 a:link, #header h2 a:visited {
	border: 0;
	color: #000000;
	}

#copy a {
	color: #ff3399;
	}

#copy a:hover {
	color: #ff6699;
	border-bottom: 1px dotted #ff6699;
	}

#sidebar a {
	color: #ff6699;
	}

#sidebar a:hover {
	color: #ff6699;
	border-bottom: 1px dotted #ff6699;
	}

#footer a, #footer a:link, #footer a:active {
	color: #333333;
	font-size:10px;
	text-decoration: none;
	}

#footer a:hover {
	color: #ff6699;
	border: 0;
	}


/* style features
-------------------------- */

#copy ul {
	list-style-type: disc;
	padding-left: 3em;
	padding-top: 0;
	padding-bottom: 0;
	text-indent: -3em
	margin: 0;
	color: #333333;
	}

#copy li {
	font-family: verdana, arial, san-serif;
	font-weight:normal;
	font-size:11px;
	margin: 0;
	padding: 0;
	line-height: 1.4em;
	color: #333333;
	}

#copy li a {
	font-family: verdana, arial, san-serif;
	font-weight:normal;
	font-size:11px;
	padding: 0;
	margin: 0;
	border: 0;
	line-height: 1.4em;
	color: #ff3399;
	}

#copy li a:hover {
	color: #ff6699;
	border-bottom: 1px dotted #ff6699;
	}


/* style features
-------------------------- */
#mainmenu {
	/*border-bottom: 2px solid #cc0000;*/
	font-family: arial, "trebuchet ms", sans-serif;
	font-weight:light;
	font-size: 87%;
	width:700px;
	padding-top: 5px;
	padding-bottom: 5px;
	background: #666666;
	text-align: center;
	}

#mainmenu ul {
	margin: 0;
	padding: 0;
	}

#mainmenu li {
	list-style: none;
	margin: 0;
	padding: 0;
	display: inline;
	}

#mainmenu li a {
	padding: 7px 10px 7px 7px;
	margin-bottom: 0;
	border: 0;
	color: #cccccc;
	}

#mainmenu li a:hover {
	background: transparent url(images/hover.jpg) top left;
	color: #ff6699;
	/*border-bottom: 5px solid #cc0000;*/
	}

#mainmenu li.here a:hover {
	background: transparent url(images/hover2.jpg) top right;
	color:#ff6699;
	}

#mainmenu li.here a {
	background: transparent url(images/hover2.jpg) top right;
	color:#ff6699;
	}
	
/* unused style features
-------------------------- */
small {font-size: 11px;}
.slogan {text-align: center;}
.success {color: #390000;}
.error {color: #c00000;}
.subdued {color: #666666;}
.strike {color: #666666; text-decoration:line-through;}
.highlight {background: #ffcccc; padding: 5px;}
.center {text-align: center;}
.indent {margin-left:10px;}
hr {margin: .5em 0;background:#eee;height:1px;color:#eee;border:none;clear:both;}

/* ------------------ */



.floatleft {
float: left;
margin: 0px 8px 2px 8px;
border: 2px solid gray;
padding: 2px;
}

.scrollbox {
font-family: verdana, arial, san-serif;
padding-left:0px;
padding-top:0px;
margin-left:1px;
}

.textfield {
width:200px;
height:318px;
color:#333333;
background-color:#f0f0f0;
font-family: verdana, arial, san-serif;
font-weight:normal;
font-size:11px;
border:none;
padding: 16px 10px 4px 10px;
}