/*
      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
	  
*/


/* LAYOUT STYLING  */

* { padding: 0; margin: 0; }

body {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 13px;
}
#wrapper { 
 margin: 0 auto;
 width: 950px;
min-height: 100%; 
}
#header {
	color: #333;
	width: 100%;
	margin: 0 auto;
	background-color:#000000;
}
#leftcolumn {
	color: #333;
	width: 235px;
	float: left;
	display: block;
	margin-right: 15px;
	padding-top: 10px;
	padding-right: 5px;
	padding-bottom: 5px;
}
#content {
	float: left;
	color: #333;
	width: 365px;
	display: inline;
	padding-top: 10px;
	margin-right: 10px;
	padding-bottom: 5px;
}
#rightcolumn {
	color: #333;
	width: 298px;
	float: right;
	padding-right: 10px;
	padding-top: 10px;
}
#footer-wrapper { 
background:#1D1D20;
border-top:8px solid #2A2A2F;
color:#595965;
font-size:9px;
height:100%;
padding:15px 0pt;
text-align:center;
clear:both;
min-height:100%;
}
#footer { 
font-family:Lucida Grande,Arial,Helvetica;
margin:0pt auto;
width:1000px;
height:100%;
}

#footer-col,#footer-col-mid {
width:298px; padding:15px; font-size:10px; color:#cc0000; text-align:left; float:left;
}

#footer-col a:link,#footer-col-mid a:link,
#footer-col a:visited,#footer-col-mid a:visited
{ text-decoration:none; }

#footer-col-mid {
border-right:#637f6d dotted 1px;
border-left:#637f6d dotted 1px;
padding-left:15px;
padding-right:10px;
}

/* CONTENT STYLING     */

h3 {font-size:x-large;
	font-family:"Trebuchet MS", Tahoma, Arial;color: #3F3F3F;}

h2 {font-size:medium; 
font-family:"Trebuchet MS", Tahoma, Arial;
color: #007ABF; font-weight:700;}

h1 {
	font-size:large;
	font-family:"Trebuchet MS", Tahoma, Arial;
	color: #007ABF;
	font-weight:700;
}

.white {color:#FFFFFF};

h4 {
	font-size:small;
	font-family:"Trebuchet MS", Tahoma, Arial;
	color: #FF0066;
	letter-spacing: 3px;
}

h5 {font-size:small; 
font-family:"Trebuchet MS", Tahoma, Arial;
color: #666666;}

a:link, a:visited
{color:#007ABF;}
	
.details {font-size:15px; font-family:"Trebuchet MS", Tahoma, Arial; font-weight:700; color: #3F3F3F;}
 
.element {
 
}
 
.element p {
	margin: 0;
	padding: 4px;
	font-family:"Trebuchet MS", Tahoma, Arial;
	font-size:11px;
}

.float-right {
	padding:10px 20px;
	float:right;
}
 
blockquote {
	text-style:italic;
	padding:5px 0 5px 30px;}
	
.content, .content-line {
font-size:11px;
font-family:"Trebuchet MS", Tahoma, Arial;
}

.content-line {padding-top:3px;padding-bottom:3px; border-bottom:#637f6d dotted 1px;}

#content p {
	font-size:12px;
	font-family:"Trebuchet MS", Tahoma, Arial;
	padding-bottom: 10px;
}

.title {background-color: #CCCCCC;}

/* ACCORDIAN STYLING */
.toggler {
	color: #3F3F3F;
	font-size: 11px;
	font-weight: normal;
	font-family: 'Andale Mono', sans-serif;
	display:block;
	background-image:url(images/itembg.gif);
	background-repeat:repeat-x;
	width:100%;
	height:55px;
	padding-top: 2px;
	padding-right: 5px;
	padding-bottom: 2px;
	padding-left: 5px;
	margin: 0;
}

/* TOOL TIP Image overlay   */
.tool-tip {
	color: #fff;
	width: 200px;
	height:150px;
	z-index: 13000;
	background-color:#000000;
	border: #000000 thin solid;
	
}
 
.tool-title {
	font-weight: bold;
	font-size: 11px;
	margin: 0;
	color: #9FD4FF;
	padding: 8px 8px 4px;
	background: url(bubble.png) top left;
	
}
 
.tool-text {
	font-size: 11px;
	padding: 0px;
	background: url(bubble.png) bottom right;
}

#test {
	background: #222;
	color: #fff;
	padding:15px;
}

#test2 {
width:100%; 
margin:0 auto;
}