/*** reset **********/

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; font-weight: normal; font-style: normal; font-size: 100%; vertical-align: baseline; text-decoration:none; }
input, textarea { margin: 0; }
table { border-collapse: collapse; border-spacing: 0; }
a, img { border: none; outline: none; }
a { text-decoration: none;}
#content .gallery, #content .slide, #content .text, #content .notebook {margin: 0; padding:0;}
	

/*** layout **********/

body 
	{
	font: 76% "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-align:center;
	background: #c9e8f4 url(http://www.magierp.com/assets/images/alt/background6.jpg) repeat-x;
	color: #333333;
	}

#header
	{
    width:960px;
	height:115px;
	margin-top: 30px;
    position:relative;
	padding: 0px 10px 0px 10px;
	background: url(http://www.magierp.com/assets/images/headerbg.png) no-repeat;
	}

#container
	{
	width: 980px;
	margin: 0px auto;
	text-align: left;
	}
	
#footer
	{
	clear: both;
	padding: 15px 0px 15px 0px;
    position: relative;
    width: 960px; 
	text-align: center;
	}
	
#bottomcap
{
	background: url(http://www.magierp.com/assets/images/bottomcap.png) no-repeat;
	height:18px;
	width:960px;
}

#wrapper {width: 960px; clear:both;	overflow:auto; background:#FFFFFF; padding-top:20px;}
	
#content
	{
	float: right;
	width: 595px;
	padding: 0 0 30px 0;
	margin-right: 60px;	
	}
	
#sidebar
	{
	float: left;
	width: 180px;
	margin-left: 60px;
    margin-bottom:30px;
    padding-right: 30px;
	border-right: 1px dotted #B2B2B2;    
	}	

/*** type **********/

h1.section
	{
	margin: 5px 0 10px 0;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	}	

h1
	{
	font-weight: normal;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:30px;
	}	

h1 a
	{
	border: none;
	}	
	
	
h2
	{	
	margin: 25px 0 5px 0;
	line-height:125%;
	font-weight: bold;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;	
	font-size: 20px;
	}

h1.heading
	{
	font-weight: bold;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:32px;
	color: #139ad6;
	}	
	
h2.subheading
	{
	font-size: 20px;	
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;	
	margin: 0 0 20px 0;
	line-height:125%;
	font-style:italic;	
	font-weight:normal;
	}

h3
	{
	margin: 10px 0 5px 0;
	line-height:100%;
	font-weight: bold;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #139ad6;
	}

ul, ol
	{
	padding: 0 0 0 25px;
	line-height: 130%;
	}

li
	{
	padding: 0 0 3px 0;
	}	

p, ul, ol 
	{
	margin: 0 0 10px 0;
	line-height: 130%;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:13px;
	color: #333333;	
	}

a
	{
	color: #00ba00;	
    border-bottom: 1px dotted #00ba00;
    text-decoration:none;
	}

a:hover
	{
	color: #00e700;	
    border-bottom: 1px solid #00e700;
	}


a.selected
	{
	color: #333333;	
    border-bottom: 0px;
    text-decoration:none;
	}

a.imagelink
{
    border:none;
    background: none;
    text-decoration:none;
}

a.imagelink:hover
{
	border:none;
    background: none;
    text-decoration:none;
}	

.page-image {margin:0;padding:0;text-align:center;}

.page-image img {padding:5px; border:1px dotted #00ba00; }
.page-image img:hover {padding:5px; border:1px solid #B2B2B2; }
.page-image p {font-size:90%; text-align:center;}
.float-Right {float:right; margin:0 0 25px 15px; }
.float-Left {float:left; margin:0 25px 15px 0;}
.float-Center {display:block; clear:both; text-align:center; margin:25px;}


/*** header **********/

#header .mainnav
{
	position:absolute;
	top:82px;
	right:90px;
	text-align:right;
}

#header .mainnav ul li
{
	list-style:none;
	float:left;
	font-family: Arial, Helvetica, Sans-serif;
	font-size:15px;
	font-weight:normal;
	margin-right:20px;
}

#billboard
{

	background: #FFFFFF url(http://www.magierp.com/assets/images/billboardbg.png) center no-repeat;
	height:310px;
	width: 820px;
	padding: 35px 70px 35px 70px;
	position: relative;
}

#billboard  h1
	{
	color:#414042;
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 23px;
	font-weight: bold;
	text-align: left;
	letter-spacing: -1px;
	margin-left: 9px;
	}	

	
#billboard a.button
{
	margin-left: 15px;
}
	
#billboard a.action
{
	font-size: 16px;
	font-weight: bold;
	margin: 0 0 0 15px;
}

#billboard p {margin:5px 0 0 0;padding: 0;}

img.logo
{
	margin: 30px 20px 18px 68px;
}




#billboard ul
{
	margin:10px 0px 10px 25px;
	padding:0px;
}

#billboard ul li
{
	color:#414042;
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 13px;
	font-weight: bold;
	line-height: 25px;
}

#billboard_short
{

	background: #FFFFFF url(http://www.magierp.com/assets/images/billboardbg_short.png) center no-repeat;
	height:190px;
	width: 820px;
	padding: 0px 70px 0px 70px;
	position: relative;
}

#billboard_short .addgraphic
{
	float:right;
	margin-right: -10px;
	margin-top:8px;
}

#billboard_short h1
{
	font-size: 38px;
	color: #414042;
	font-family: Arial, Helvetica;
	padding:60px 0px 5px 0px;
	margin-left: 9px;
}
#billboard_short h2
{
	font-size: 16px;
	color: #414042;
	font-weight:bold;
	font-family: Arial, Helvetica;
	margin:0px 0px 0px 9px;
	padding:0px;
}

.billlink
{margin-left:10px;}


#billboard .billcontent
{position:absolute;}

#billboard .mainimage
{
	text-align:right;
	float:right;
	margin: 0px 10px 0px 20px;
}

#billboard .mainimage h1
{
	color:#414042;
	width:520px;
	height:40px;
	margin-top:-35px;
	text-align:center;
	font-size:16px;
}

#billboard img.button
{margin-top:5px;}


/* Menu
----------------------------- */
 
#menu-search 
{
	float: right;
	width: 240px;
	margin-right: 18px;
}
 
#menu-search fieldset, fieldset
{
	padding:0; margin:0;
	border: none;
	background: none;
}
 
#menu-search input
{
	width:235px;
	height:20px;
	margin:14px 0 0 0;
	padding:5px 0 0 5px;
	vertical-align:middle;
	font-size:90%;
	color:#929292;
	text-align: left;
}


/****** FORMS STYLING ***********/

.form
{padding: 20px; background: #f0f5f8; margin: 25px 0;}

.form table {width: 100%; border:0; margin-top: 15px; text-align:left;}

.form td, .form th
{padding: 5px 30px 5px 0;}

.form h2
{
	margin: 0 0 5px 0;
}

.form input[type=text]
{
	border-top: 2px solid #888;
	border-right: 1px solid #B2B2B2;
	border-bottom: 1px solid #B2B2B2;
	border-left: 1px solid #B2B2B2;
    padding:3px;
}

.form textarea
{
	border-top: 2px solid #888;
	border-right: 1px solid #B2B2B2;
	border-bottom: 1px solid #B2B2B2;
	border-left: 1px solid #B2B2B2;
    padding:3px;
	width:478px;
}

.form .notes
{
	font-size: 90%;
	font-style:italic;
}


.form label
	{
	display:block;
	font-weight:bold;
	margin: 10px 0 3px 0;
	font-size: 110%;
	}

/*** listing ***/

.listing
{
	margin: 20px 0;
	padding-top: 20px;
	clear:both;
	display:block;
	overflow: hidden;
	border-top: 1px dotted #B2B2B2;
}

.listing h2
{
	font-weight: bold;
	padding: 0;
	margin: 0 0 10px 0;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 17px;
}

.listing h2 a
{
	color: #333333;
	border-bottom: 1px dotted #333333;
}

.listing h2 a:hover
{
	color: #00ba00;
	border-bottom: 1px solid #00ba00;
}

#content img.right {float:right; margin:0 25px 25px 25px; padding:5px; border:1px solid #B2B2B2; }
#content img.left {float:left; margin:0 25px 25px 0; padding:5px; border:1px solid #B2B2B2; }


.listing .image
	{
	float:left;
	text-align:left;
	width:100px;
	margin: 0;
	}

.listing .image img {padding:5px; border:1px solid #B2B2B2; }

.listing h2 {margin-bottom: 5px;}

.listing .info
	{
	width: 490px;
	float: right;
	text-align: left;
	}

.listing a.permalink
{
	text-decoration: none;
	font-weight: bold;
	margin-bottom: 0;
	color: #00ba00;
}

.listing a.permalink:hover
{
	font-weight: bold;
}


/************ SEARCH BAR, HEADER ************/

#searchbar
{
	position:absolute;
    right:90px;
    top:50px;
	width: 440px;
}

#searchbar p
{
	display:inline;
	font-size: 14px;
	margin: 0;
	padding:0px;
}

#searchbar form {display:inline; margin-left: 10px; float:right; padding:0px;}

#searchbar input.button {display:inline; vertical-align:top;}

#searchbar input.text {
	padding:2px;
	font-size: 11px;
	background-color: #fff;
    width:200px;
    height:14px;
    vertical-align:top;
	color: #4D4D4D;
	border: 1px solid #b4b5b6;
}



/***** Home page features *********/

.homefeatures
{
	background: #FFFFFF;
	padding:20px 70px 20px 70px;
	text-align:center;
	overflow:auto;
}

.homefeatures h1
{
	font-family: Arial, Helvetica, Sans-serif;
	font-size: 24px;
	color: #139AD6;
}


.feature
{
	float:left;
	width: 250px;
	text-align:center;
	padding:0px 10px 0px 10px;
}

.feature p
{
	font-family: Arial, Helvetica, Sans-serif;
	font-size: 14px;
	color: #414042;
}





/*** sidebar **********/
	
#sidebar h1
{
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 17px;
	color: #333333;
}
    
#sidebar ul
{
	list-style:none;
    margin:0px 0px 20px 0px;
    padding: 10px;
}

#sidebar li
{
    font-size: 14px;
    font-weight: bold;
    line-height:19px;
	font-family: Arial, Helvetica;
	color: #414042;
}

#sidebar li ul
{
	list-style:disc;
    margin:0px 0px 20px 0px;
    padding: 0;
}

#sidebar li ul li
{
    font-size: 12px;
    font-weight: normal;
    line-height:normal;
	font-family: Arial, Helvetica;
	color: #414042;
}

#sidebar .sidebox
	{
	padding: 10px 0;
	margin: 25px 0 20px 0;
	}

/***** SIDEBAR CALLOUT *********/

.callout
{
	margin:10px 0;
    padding:10px;
    text-align:left;
    background: #fff;
}

.callout form {padding:0px;}

.callout input.text {
	padding:2px;
	font-size: 11px;
	background-color: #fff;
    width:150px;
    height:14px;
	color: #4D4D4D;
	border: 1px solid #b4b5b6;
}



/*** footer **********/

.footmenu
{
	position: absolute;
    right: 30px;
    top: 20px;
    text-align:right;
}

	
#footer p
	{
	font-size: 14px;
    font-family: Arial, Helvetica;
    color: #FFFFFF;
    font-weight:normal;
	margin:0px;
	color: #333333;
	}

#footer ul
{
	list-style-type: none;
    float:right;
}

#footer li
{
	float:left;
    margin-left: 10px;
}





/*** misc classes **********/

.clear {clear: both;}
.hide {display: none; }
.highlighted {background: #ffc;}
.color-text {color: red;}
.bigger {font-size: 120%;}
.left {float:left;}
.right {float:right;}
.bold {font-weight: bold;}
.italic {font-style: italic;}
.uppercase {text-transform: uppercase;}
.centered {text-align: center;}
.strike {text-decoration:line-through;}
.borderless {border:none;}
.caps {font-weight:inherit;}

.addthis
	{
	margin: 13px 0 0 0;
	border: none;
	clear:both;
	}	
	
.addthis img, .addthis a, .addthis a:hover {border:0;text-decoration:none;}	

.drop-down
	{
	border: 1px solid #B2B2B2;
	padding: 1px;
	margin: 10px 0 3px 0;
	width: 225px;
	color: #00ba00;
	font-size: 110%;
	}	
	
	
.pagination
	{
	clear: left;
	margin: 25px 0;
	}	
	
.band
	{
	padding: 10px;
	margin: 0 0 15px 0;	
	background-color: #7EC4E2;
	}
	
.form-band, form.filter
	{
	padding: 10px;
	margin: 0 0 15px 0;	
	background-color: #7EC4E2;
	}


/* jqModal base Styling courtesy of;
	Brice Burgess <bhb@iceburg.net> */

/* The Window's CSS z-index value is respected (takes priority). If none is supplied,
	the Window's z-index value will be set to 3000 by default (via jqModal.js). */
	
.jqmWindow {
    display: none;
    
    position: fixed;
    top: 50px;
    left: 50%;
    
    margin-left: -300px;
    width: 600px;
    text-align:center;
    
    background-color: #FFF;
    color: #333;
    border: none;
    padding: 12px;
}

.jqmOverlay { background-color: #000; }

/* Background iframe styling for IE6. Prevents ActiveX bleed-through (<select> form elements, etc.) */
* iframe.jqm {position:absolute;top:0;left:0;z-index:-1;
	width: expression(this.parentNode.offsetWidth+'px');
	height: expression(this.parentNode.offsetHeight+'px');
}

/* Fixed posistioning emulation for IE6
     Star selector used to hide definition from browsers other than IE6
     For valid CSS, use a conditional include instead */
* html .jqmWindow {
     position: absolute;
     top: expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(17 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px');
}

.categories
{
	font-size:10px;
	color: #B2B2B2;
	margin-top:5px;
}

.summary
{
	padding-bottom:10px;
	margin;bottom:15px;
	border-bottom: 1px dotted #B2B2B2;
}

a.external {
	background: url('http://www.magierp.com/assets/images/external.gif') center left no-repeat;
	padding-left: 16px;
	border:0px;
}