/*
      Layout generated at http://www.code-sucks.com - books, check'em out.
*/

.links A:link { color: black; text-decoration: none; }
.links A:visited { color: black; text-decoration: none; }
.links A:active { color: grey; border-bottom: 1px dotted grey; }
.links A:hover { color: grey; border-bottom: 1px dotted grey;  }


.linkse A:link { color: gold; text-decoration: none; }
.linkse A:visited { color: gold; text-decoration: none; }
.linkse A:active { color: yellow; border-bottom: 1px dotted grey; }
.linkse A:hover { color: yellow; border-bottom: 1px dotted grey;  }



* { padding: 0; margin: 0; }

body {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 13px;
 background: black;
 text-align:center; /* for IE */
 margin:0 auto; /* for the rest */ 
}
#wrapper { 
 margin: 0 auto;
 width: 922px;

}
#header {
 width: 900px;
 color: white;
 padding: 10px;
 border: 1px solid #a4a4a4;

 margin: 10px 0px 5px 0px;
 background: #626262;
 
  	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style: bold;
	font-size: 11px;
	text-align: left;
 
}
#content { 
 width: 900px;
 color: white;
 border: 1px solid #a4a4a4;
 background: #525252;
 margin: 0px 0px 5px 0px;
 padding: 10px;
 height: 350px;
}

#nwslist {
 margin: 0px 0px 5px 20px;
 line-height: 1.5em;
}
#nwslist a:link {
color: #ffba00;
text-decoration: none;
border-bottom: 1px dotted grey;
}
#nwslist a:visited {
color: #c48f00;
text-decoration: none;
border-bottom: 1px dotted grey;
}
#nwslist a:hover {
color: white;
text-decoration: underline;
border-bottom: none;
}

#contentnws { 
 width: 900px;
 color: white;
 
 border: 1px solid #a4a4a4;
 background: #323232;
 margin: 0px 0px 5px 0px;
 padding: 10px;

 text-align:left;
 list-style-image: url(../media/bullet-black.gif);
 	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style: bold;
	font-size: 12px;
 
}


#footer { 
 color: #a4a4a4;
 width: 900px;
 border: 1px solid #a4a4a4;
 background: black;
 margin: 0px 0px 10px 0px;
 padding: 10px;
 text-align: right;
}



.form {
	border: 1px solid #787878;
	/** remember to change image path **/
	background: #787878;
	font-family: Calibri, Verdana, Arial, Helvetica, sans-serif;
	font-style: bold;
	font-size: 12px;
	color: #ffffff;
}

.form:focus {
	border: 1px solid #323232;
	/** remember to change image path **/
	background: url(none) no-repeat #323232;
	color: #ffffff;
}


.formsub {
	border: 1px solid #323232;
	/** remember to change image path **/
	background: #323232;
	font-family: Calibri, Verdana, Arial, Helvetica, sans-serif;
	font-style: bold;
	font-size: 12px;
	color: #787878;
}

.formsublink {

	/** remember to change image path **/
	background: #323232;
	font-family: Calibri, Verdana, Arial, Helvetica, sans-serif;
	font-style: bold;
	font-size: 12px;
	color: #ffba00;
	
	
   background-color: transparent;
   
   border: none;
   cursor: pointer;
   cursor: hand;
}




/* BUTTON CODE CRAP */

/* Thanks: Dynamic Drive CSS Library
     URL: http://www.dynamicdrive.com/style/ */

a.boldbuttons{
background: transparent url('media/roundedge-gray-left.gif') no-repeat top left;
display: block;
float: left;
font: bold 13px Arial; /* Change 13px as desired */
line-height: 22px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 30px) */
height: 30px; /* Height of button background height */
padding-left: 8px; /* Width of left menu image */
text-decoration: none;

}

a:link.boldbuttons, a:visited.boldbuttons, a:hover.boldbuttons, a:active.boldbuttons{
color: white; /*button text color*/
}

a.boldbuttons span{
background: transparent url('media/roundedge-gray-right.gif') no-repeat top right;
display: block;
padding: 4px 10px 4px 2px; /*Set 10px to be equal or greater than'padding-left' value above*/
}

a:hover.boldbuttons{ /* Hover state CSS */
text-decoration: none;
}


.buttonwrapper{ /* Container you can use to surround a CSS button to clear float */
overflow: hidden; /*See: http://www.quirksmode.org/css/clearing.html */
width: 100%;
}

