/*
 * Yola Template
 * Author: Sing Song Interactive
 */

/* Reset */
html, body, div, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, font, img, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	font-weight: inherit;
	font-style: inherit;
	font-family: inherit;
	vertical-align: baseline;
}

a img{border:none;}

body {
	line-height: 15px;
        background-color:#fff;
        background-image:url(templates/CleanTheme/resources/gradiant.png);
        background-repeat:repeat-x;
        background-position:top left;
        background-attachment:;
}

table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}

#wrap {
	width: 896px;
	margin: 0 auto;	
	padding-top: 22px;
}

/* Header */

#header {
	width: 870px;
	margin: 0 auto;
}

#header h1 {
	color: #4d616e;
	padding-left: 10px;
	font: 36px/normal arial, sans-serif;
}

#header h1 a {
	color: #4d616e;
	text-decoration: none;	
}

div.ys-menu-wrap{
    position:relative;
    background:#a7c7dc url(templates/CleanTheme/resources/nav-mid.png) bottom left repeat-x;
    margin:0 0 15px 0;
    padding:0;
}

div.ys-menu-wrap div.ys-corner-tl,
div.ys-menu-wrap div.ys-corner-bl,
div.ys-menu-wrap div.ys-corner-br,
div.ys-menu-wrap div.ys-corner-tr{background-image:url(templates/CleanTheme/resources/nav-corners.png);background-repeat:no-repeat;width:10px;font-size:0;position:absolute;}

div.ys-menu-wrap div.ys-corner-tl,
div.ys-menu-wrap div.ys-corner-tr{height:5px;clear:both;}

div.ys-menu-wrap div.ys-corner-tl{background-position:0 0;top:0;left:0;}
div.ys-menu-wrap div.ys-corner-tr{background-position:top right;top:0;right:0;}

div.ys-menu-wrap div.ys-corner-bl,
div.ys-menu-wrap div.ys-corner-br{height:15px;clear:both;}

div.ys-menu-wrap div.ys-corner-bl{background-position:bottom left;bottom:0;left:0;}
div.ys-menu-wrap div.ys-corner-br{background-position:bottom right;bottom:0;right:0;}

div.ys-clear{position:relative;clear:both;height:15px;font-size:0;}

#header ul {
    padding: 0 0 0 0;
    margin:0;
    width: 870px;
    padding:0 15px;
    list-style: none;
    position:relative;
    voice-family: "\"}\"";
    voice-family:inherit;
    width: 840px;
}

#header li {
	float:left;
        margin:0;
        padding:0;
        line-height:0;
}

#header li.single a,
#header li.last a {background: none;}

#header li a {
	text-decoration: none;
	color: #fff;
	padding: 14px 12px 2px 14px;
        margin:0;
	float: left;/*ie6*/
	display: block;
	font: bold 13px/13px "Trebuchet MS", sans-serif;
	background: url(templates/CleanTheme/resources/nav-divider.png) right 14px  no-repeat;
	text-shadow: 0 -1px 1px #708b9e;
}

#banner-wrap {
	background: url(templates/CleanTheme/resources/banner-bg.png) 0 0 no-repeat;
        behavior: url(templates/CleanTheme/resources/iepngfix.htc);
	padding: 8px 0 26px 16px;
}

#sys_banner {
	background:url(resources/banner_yola_1.png) 0 0 no-repeat;
	height: 218px;
        width:863px;
}

#sys_banner div{
	background: url(templates/CleanTheme/resources/corners.png) top left no-repeat;
        behavior: url(templates/CleanTheme/resources/iepngfix.htc);
	height: 218px;
        width:863px;
}
#content {
	border: 1px solid #dcdada;
	border-width: 0 1px;
	margin: 0 13px 0 12px;
	background:#fff url(templates/CleanTheme/resources/content-gradiant.png) repeat-x;
	padding: 10px 30px;
}

#footer {
        behavior: url(templates/CleanTheme/resources/iepngfix.htc);
	background: url(templates/CleanTheme/resources/footer.png) top left no-repeat;
	height: 30px;
}
/*typography*/

ul, ol {
	margin: 12px 0;
}

ul, ol {
	padding-left: 20px;
}


/* Variables - only edit these */






div#content{
    line-height:1.8em;
}

body{
    font-family:"Trebuchet MS", sans-serif;
    font-size:13px;
    color:#373636;
}

a{
    color:#a54930;
    text-decoration:underline;
}

a:hover{
    text-decoration:none;
    color:#a54930
}

a img{border:none;}

p{
    margin: 12px 0;
    padding: 0;
}

h1, h2, h3, h4, h5, h6{
    margin: 8px 0;
    padding: 0;
    line-height:1.1em;
}

h1{font-size: 3.3em; color:#373636;}
h2{font-size: 2.5em; color:#3d5557;}
h3{font-size: 2em; color:#040707;}
h4{font-size: 1.8em; color:#373636;}
h5{font-size: .9em; color:#373636;}
h6{font-size: .7em; color:#373636;}