/* @override http://demotemplates.joomlashack.com/vintage/templates/js_vintage_003/css/template_css.css */
/* @group Global Reset */
body {
	background: #053A66 url(../images/page_bg.png) repeat-x center top;
	margin: 0;
	padding: 0;
}
html, body, form, fieldset {
	margin: 0;
	padding: 0;
	font: 95%/140% Georgia, "Times New Roman", Times, serif;
}
a img  {
	border: none;
}
h1, h2, h3, h4, h5, h6, p, pre,blockquote, ul, ol, dl, address {
	margin: 0;
	padding: 0;
}

/* Miscellaneous conveniences: */
form label {
	cursor: pointer;
}
fieldset {
	border: none;
}
/* Form field text-scaling */
input, select, textarea {
	font-size: 100%;
}
a:focus
{
	outline: none;
}


/* @end */


/* @group Custom XHTML Float Classes */


.floatLeft { float: left; }
.floatRight { float: right; }
.alignLeft { text-align: left; }
.alignRight { text-align: right; }


/* @end */



/* @group Typography */

/* Left Column Typography */

#leftcol h1 {
	font-size: 18px;
}
#leftcol h2 {
	font-size: 16px;
}
#leftcol h4 {
	font-size: 14px;
}
#leftcol p, #rightcol p {
	font-size: 12px;
}

/* Basic Typography */

div.main-inside ol,
div.main-inside ul {
	margin-left: 20px;
}

h1 {
	font-size: 28px;
	line-height: 145%;
	padding: 4px;
	color: #422c22;
	letter-spacing: -1px;
}
h2 {
	font-size: 24px;
	line-height: 145%;
	padding: 4px;
	color: #365b90;
	letter-spacing: -1px;

}

h3 {
	font-size: 20px;
	line-height: 145%;
	padding: 4px;
	color: #000;
	letter-spacing: -1px;
}
h4 {
	font-size: 16px;
	line-height: 145%;
	padding: 4px;
	color: #243c65;
	letter-spacing: -1px;

}
p {
	padding-bottom: 10px;
}


a {
	color: #305185;
	text-decoration: underline;	
}
a:hover {
	color: #305185;
	text-decoration: none;	
}

/* EXTRA STYLES */

p.alert {
	background: #9b0000 url(../images/exc.png) no-repeat 15px 50%; /* x-pos y-pos */
    text-align: left;
    padding: 5px 20px 5px 45px;
    border-top: 2px solid #FF0000;
    border-bottom: 2px solid #FF0000;
	color: #f8ff00;
}


p.info {
    background: #683f29 url(../images/info.png) no-repeat 15px 50%; /* x-pos y-pos */
    text-align: left;
    padding: 5px 20px 5px 45px;
    border-top: 2px solid #cd7d52;
    border-bottom: 2px solid #cd7d52;
	color: #fff;
}
p.warn {
    background: #d5aa00 url(../images/warn.png) no-repeat 15px 50%; /* x-pos y-pos */
    text-align: left;
    padding: 5px 20px 5px 45px;
    border-top: 2px solid #F7D229;
    border-bottom: 2px solid #F7D229;
	color: #FFF;
}
/*-----SPECIAL LIST STYLE (CHANGE OR ADD ANOTHER)-----*/

ul.checklist li {
	list-style: none;
	line-height: 16px;
	padding: 2px 0px 2px 18px;
	background: url(../images/tick.png) no-repeat left center;
	list-style-position: outside;

}


ul.checklist a {
	color: #CCC;
	text-decoration: underline;
	padding: 1px;
}
ul.checklist a:hover {
	color: #fff;
	text-decoration: none;
	padding: 1px;
}
/*-----BLOCKQUOTE STYLE-----*/

blockquote {
  background: #f0eddb url(../images/quoleft.png) no-repeat 10px 10px;
  padding: 10px;
  border: 1px solid #dbd9c9;
  font-style: italic;
}
blockquote div {
  padding: 0 48px;
  background: transparent url(../images/quoright.png) right bottom no-repeat;
}
div.code {
  	background: #efefef;
  	padding: 10px;
  	border: 1px solid #acacac;
	color: #333;
	text-decoration: none;
	font: normal normal normal 11px "Courier New", Courier, mono;
}
a.howto {
	padding: 4px 0px 4px 22px;
	text-decoration: none;
	font-weight: bold;
	line-height: 2em;
	background: url(../images/howto.png) no-repeat left center;
}

a.howto:hover {
	color: #000;
}

/* @end */

/* @group Structure */

/* CSS for Header Text */
#header_text {
	background: url(../images/header_blank.png) no-repeat center top;
	height: 127px;
}
#header_text h1, #header_text h1 a {
	color: #bd0000;
	padding-left: 15px;
	padding-top:30px ;
	font: bold 40px/40px Georgia,
