/********************************* 
Name:			Name
URI:			example.com
Description:	Description
Version:		3.14
Author:			Author
Author URI:		example.com
*********************************/

/********************************* UNIVERSAL *********************************/

html {overflow:auto;}
html>body {overflow:visible;}
body {overflow: auto;}

/********************************* RESET *********************************/
/* http://meyerweb.com/eric/tools/css/reset/ */
/* v1.0 | 20080212 */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/********************************* DIAGNOSTICS *********************************/
/* http://www.nealgrosskopf.com/tech/thread.asp?PID=3 */
/* 20080611 */

/* Deprecated Elements */
applet, basefont, center, dir, font, isindex, menu, s, strike, u, marquee, blink, acronym /* html 5, use abbr */
{ border: 5px solid red !important; }

/* Deprecated Attributes */
br[clear], hr[noshade], *[color],
*[bordercolorlight], *[bordercolordark], *[bordercolor], *[background], *[bgcolor], *[nowrap],
body[alink], body[link], body[text], body[vlink],
body[bottommargin], body[leftmargin], body[rightmargin], body[topmargin], body[marginheight], body[marginwidth], 
ol[compact], ul[compact], *[start],
img[hspace], img[vspace]
*[align], *[valign],
*[height], *[width],
ul[type], ol[type], li[type],
basefont[size], font[size], hr[size]
{ border: 5px dotted red !important; }

/* Proposed Deprecated Elements */
input[type="button"], input[type="reset"], input[type="submit"],
tt, embed,
big, small
{ border: 5px solid orange !important; }

/* Proposed Deprecated Attributes */
a[target], table[cellpadding], table[cellspacing],
map[name], img[name], object[name], form[name], iframe[name], a[name],
table[border], img[border], object[border], input[border],
object[classid], object[codebase], embed[quality], embed[pluginspage]
{ border: 5px dotted orange !important; }

/* Empty Elements
div:empty, span:empty, li:empty, p:empty, td:empty, th:empty 
{ padding: 20px; border: 5px solid yellow !important (commented for Firebug development)*/; } 

/* Empty Attributes */
*[alt=""], *[title=""], *[class=""], *[id=""], a[href=""] /* a[href="#"] exception for development */
{ border: 5px dotted yellow !important; }

/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
++++++++++++++++++ DO NOT EDIT BEFORE THIS POINT ++++++++++++++++++
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/


/********************************* GLOBAL *********************************/

body {
	background: #EBF2F6 /*url(img/back.jpg) center center repeat-y*/;
	font-family: Lucida Grande, Verdana, Arial, Helvetica, Sans-serif;
}

#container {
	width: 740px;
	margin: auto;
	border-left: 1px solid #E0E0E0;
	border-right: 1px solid #E0E0E0;
	border-bottom: 1px solid #E0E0E0;

	padding: 0 55px;
	background: #fff url(img/top.jpg) top left repeat-x;
	border-radius-bottomleft: .5em;
	-moz-border-radius-bottomleft: .5em;
	-webkit-border-radius-bottomleft: .5em;
	border-radius-bottomright: .5em;
	-moz-border-radius-bottomright: .5em;
	-webkit-border-radius-bottomright: .5em;
}

/********************************* HEADER *********************************/

#header {
	margin: 0 0 .3em 0;
	padding: 40px 0 0 0;
	float: left;
	width: 100%;
}

#header h1 {
	display: block;
	float: left;
}

#header h1 a {
	display: block;
	background: url(img/logo.jpg) center center no-repeat;
	width: 285px;
	height: 63px;
	text-indent: -2000px;
}

#header h2 {
	display: block;
	background: url(img/slogan.jpg) center center no-repeat;
	width: 382px;
	height: 22px;
	float: right;
	text-indent: -2000px;
	margin: .5em 0;
}

#header ul.nav {
	display: block;
	background: #fff url(img/nav.jpg) bottom left repeat-x;
	float: left;
	clear: both;
	width: 100%;
	border: 1px solid #E0E0E0;
	border-radius: .5em;
	-moz-border-radius: .5em;
	-webkit-border-radius: .5em;
	margin: .3em 0;
	font-size: .9em;
}

#header ul.nav li {
	float: left;
	width: 20%;

}

#header ul.nav li a {
	display: block;
	padding: .75em 0;
	margin: .5em 0;
	text-align: center;
	text-transform: lowercase;
	border-right: 1px dotted #ccc;
	text-decoration: none;
	font-weight: bold;
	color: #666;
}

#header ul.nav li.current a, #header ul.nav li a:hover {
	color: #27A9E1
}

/********************************* FRONT PAGE HEAD *********************************/

#head {
	position: relative;
	width: 100%;
	clear: both;
	width: 740px;
	height: 300px;
	background: url(img/head.jpg) center center no-repeat;
	margin-bottom: 1em;
}

#mag {
	width: 231px;
	height: 204px;
	background: url(img/mag.png) center center no-repeat;
	display: block;
	position: absolute;
	right: -77px;
	bottom: -4px;
	text-indent: -2000px;
}

/********************************* SIDEBAR *********************************/

#sidebar {
	width: 29%;
	font-size: 1.0em;
	float: right;
	border-left: 1px dotted #CCCCCC;
	padding: 1.5em 1em 0 1em;
}

#sidebar blockquote {
	font-family: Georgia, Serif;
	color: #666666;
	line-height: 1.33;
	font-style: italic;
}

#sidebar blockquote p {
	
	font-style: italic;
}

#sidebar blockquote a {
	color: #27A9E1;
	text-decoration: none;
}

#sidebar blockquote a:hover {
	text-decoration: underline;
	color: #336699;
}

#sidebar blockquote span {
	font-size: 1.00em;
	display: block;
	text-align: right;
}
/********************************* CONTENT *********************************/

#content {
	clear: left;
	float: left;
	width: 60%;
	padding: 1em;
}

#content h3 {
	font-size: 1.75em;
	font-weight: normal;

	color: #666;
}

#content p {
	font-family: Arial, Helvetica, sans-serif;
	color: #444;
	font-size: 1em;
	line-height: 1.3;
	margin-top: 1em;
}

#content p a {
	color: #27A9E1;
	text-decoration: none;
}

#content p a:hover {
	text-decoration: underline;
	color: #336699;
}

#content ul {
	color: #27A9E1;
	list-style: disc;
	padding-left: 1em;
	margin: .75em 0;
}

#content ul li {
	
	font-size: .95em;
}

#content ul li span {
	color: #444;
}

#content.front p {
	font-family: Trebuchet MS;
	font-size: 1.5em;
	color: #27A9E1;
	line-height: 1.25;
	margin-top: .25em;
}

#content.front a.more {
	text-align: right;
	float: right;
	text-decoration: none;
	padding: .25em 25px .25em .25em;
	background: url(img/more.jpg) center right no-repeat;
	color: #666;
	font-size: .9em;
}

#content.front a.more:hover {
	text-decoration: underline;
	color: #444;
}
/********************************* FOOTER *********************************/

#footer {
	clear: both;
	border-top: 5px solid #27A9E1;
	color: #777;
	font-size: .7em;
	padding: 1em;
	margin: 1em 0 3em 0;
	width: 100%;
}