/*---------------------------------------------------
Look at me try and build a nice looking CSS file. I tired my hardest on this, 
so please don't steal; you may use as a basis, but come on. Don't copy line for line, 
okay? Besides, my CSS is crap anyway.
-----------------------------------------------------*/


body {
	margin: 0px 0px 0px 0px;
	background: #e7eff2 url('images/back.gif') repeat;
	background-position: right bottom;
    	color: #625e58;
	font-family: "trebuchet ms", arial, verdana, serif;
	font-size: 11px; }

a, a:active, a:link, a:visited {
	color: #5a718b;
	text-decoration: none;
	border: 0; }

a:hover {
	color: #4b7b99;
	text-decoration: none;
	border-bottom: 1px; }

i	{
	background: transparent;
	color: #6093cd; }

em {
	background: transparent;
	color: #fa9016; }

b {
	background: transparent;
	color: #e23434;
	text-transform: uppercase; }


strong {
	background: transparent;
	color: #4b7b99;
	text-transform: uppercase; }


#total { position: relative;
         margin: 0 auto;
         width: 800px; 
	 text-align: justify; }

#image { position: relative;
	 width: 795px; }

.submit {
	background: #fbfdda;
	color: #625e58;
	text-align: center;
	text-transform: uppercase;
	border-left: #bacad4 1px solid;
	border-top: #bacad4 1px solid;
	border-right: #425e7e 3px solid;
	border-bottom: #425e7e 3px solid;
	margin: 0 auto; }

.reset {
	background: #fbfdda;
	color: #625e58;
	text-align: center;
	text-transform: uppercase;
	border-left: #bacad4 1px solid;
	border-top: #bacad4 1px solid;
	border-right: #425e7e 3px solid;
	border-bottom: #425e7e 3px solid;
	margin: 0 auto; }

.input {
	background: #fbfdda;
	color: #625e58;
	border-left: #bacad4 1px solid;
	border-top: #bacad4 1px solid;
	border-right: #425e7e 3px solid;
	border-bottom: #425e7e 3px solid;
	margin: 0 auto; }

/*---------------------------------------------------------------------
   Why, yes. This is the content part + disclaimer.
------------------------------------------------------------------------*/

#all {
	position: absolute;
	background: #f0f8c8;
	top: 105px;
	left: 141px;
	width: 549px; }

#content { 
	position: relative;
	float: right;
	background: #f0f8c8;
	top: 0;
	padding: 10px;
	width: 340px;
	text-align: justify; }

#content h1 {
	color: #bad8e5;
	font-family: "century gothic", times new roman, verdana, arial, sans-serif;
	font-size: 18px;
	text-align: left;
	letter-spacing: 6px;
	margin: 10px 10px 10px 0;
	padding: 0px 10px 10px 25px; }

#content h2 {
	color: #779ab6;
	font: italic 12px times new roman, verdana, arial, sans-serif;
	text-align: right;
	border-bottom: 1px dashed #779ab6;
	margin: -25px 5px 10px 0px; }

#content ul {
	margin: 0;
	margin-left: 20px;
	padding: 0;
	list-style-image: url('images/arrow.gif');
	text-align: left; }

#link {
	background: #bacad4;
	width: 315px;
	padding: 4px; }


#content blockquote {
	background: #fbfdda;
	color: #65213c;
	padding: 5px;
	width: 255px;
	border-left: #bacad4 1px solid;
	border-top: #bacad4 1px solid;
	border-right: #425e7e 3px solid;
	border-bottom: #425e7e 3px solid; }

#footer {
	position: absolute;
	right: 141px;
	height: 240px;
	width: 549px; }

#disclaimer {
	font-size: 10px; 
	color: #5A8dae;	
	background-color: transparent;
	position: relative;
	float: right;
	top: -155px;
	right: -130px;
	width: 350px;
	text-align: justify; }



/*---------------------------------------------------------------------
   Navigation editing~
------------------------------------------------------------------------*/

.arrowlistmenu{
width: 180px; /*width of accordion menu*/
position: relative;
float: left;
padding-left: 5px;
}

.arrowlistmenu .menuheader{ /*CSS class for menu headers in general (expanding or not!)*/
font: bold 14px Arial;
color: white;
background: black url('images/titlebar.png') repeat-x center left;
margin-bottom: 10px; /*bottom spacing between header and rest of content*/
text-transform: uppercase;
padding: 4px 0 4px 10px; /*header text is indented 10px*/
cursor: hand;
cursor: pointer;
}

.arrowlistmenu .openheader{ /*CSS class to apply to expandable header when it's expanded*/
background-image: url('images/titlebar-active.png');
}

.arrowlistmenu ul{ /*CSS for UL of each sub menu*/
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 8px; /*bottom spacing between each UL and rest of content*/
}

.arrowlistmenu ul li{
padding-bottom: 2px; /*bottom spacing between menu items*/
}

.arrowlistmenu ul li a{
color: #e23434;
background: url('images/arrowbullet.png') no-repeat center left; /*custom bullet list image*/
display: block;
padding: 2px 0;
padding-left: 19px; /*link text is indented 19px*/
text-decoration: none;
font-weight: bold;
border-bottom: 1px solid #dadada;
font-size: 90%;
}

.arrowlistmenu ul li a:visited{
color: #A70303;
}

.arrowlistmenu ul li a:hover{ /*hover state CSS*/
color: #A70303;
background-color: #F3F3F3;
}



/*---------------------------------------------------------------------
   Extra tidbits, to make things spiffy, you see?
------------------------------------------------------------------------*/

.codesort label {
	float: left;
	width: 12em;
	text-align: right;
	margin: 0 0.5em 0 0;
	}

.codesort input { 
	background: #fbfdda;
	color: #625e58;
	border-left: #bacad4 1px solid;
	border-top: #bacad4 1px solid;
	border-right: #425e7e 3px solid;
	border-bottom: #425e7e 3px solid;
	margin: 0 auto; }

.codesort option { 	
	background: #fbfdda;
	color: #625e58;
	text-transform: uppercase;
	border: 0;
	margin: 0 auto; }

.codesort select { 
	background: #fbfdda;
	color: #625e58;
	text-transform: uppercase;
	border: 0;
	margin: 0 auto; }

/*---------------------------------------------------------------------
   END NOT-SO-LONGISH CSS O' DOOM.
------------------------------------------------------------------------*/