/**
* CSS
* 
* @version 1.0
* @author Vaska 
* @author Gregory Cadar
*/
* {
	margin: 0;
	padding: 0;
}

body {
	font-family: verdana, sans-serif;
	font-size: 9px;
	letter-spacing: 0pt;
	line-height: 1.4;
	color: #ffffff;
	background: url(/images/barnum_background.jpg);
	
}


body.section-1 { }
body.section-2 { }
body.section-3 { }

a:link { text-decoration: none; color: #ffffff; }
a:active { text-decoration: none; color: #ffffff; }
a:visited { text-decoration: none; color: #ffffff; }
a:hover { text-decoration: none; color: #ffffff; }

a img { border: none; }


#menu ul a:link { text-decoration: none; color: #000; padding-top: 2px; padding-bottom: 2px; }
#menu ul a:visited { text-decoration: none; color: #000; padding-top: 2px; padding-bottom: 2px; }
#menu ul a:hover { text-decoration: none; color: #e02224; padding-top: 2px; padding-bottom: 2px; }

#menu {
	text-align: left;
    width: 130px;
    overflow: auto;
    top: 0;
    bottom: 0;
	left: 0;
	margin-left: 30px;
    position: fixed;
    height: 480px;
	background-color: #ffffff;
	padding: 0px 0 5px 15px;
    border-bottom: 1em #e02224 solid;
}


#menu ul {
	list-style: none;
	letter-spacing: 1px;
	margin: 15px 0 1em 0;
	color: #ffffff;
	line-height: 1.8em;
	padding: 0 0em 0em 0em;
	font-weight: normal;
	font-size: 10px;
	font-family: verdana, sans-serif;
}

li.active {
	background: #e02224;
	padding: 2px 5px 2px 5px;
	font-style: bold;
	font-family: verdana, sans-serif;
	display: inline;
}

#menu ul li.section-title {

}

#content {
    height: 100%;
    width: 705px;
    margin: 20px 0 0 220px;
}

.container {
   padding: 0em;
	margin: 0em;
}

#content p { height: 100%; width: 450px; margin-bottom: 10px;

}

p {
    margin: 0 0 9px 0;
}


--> --------------- div tags ---------------<--

div.h1 { 
font-family: verdana, sans-serif; 
ext-transform: uppercase; 
font-size: 10px; 
line-height: 1.3; 
}


div.h2 { 
letter-spacing: 2px; 
color: #FFFFFF; 
font-weight: bold; 
font-family: verdana, serif; font-size: 14px; text-transform: uppercase; display: block; background-color: #e02224; padding: 5px 5px 5px 10px; width: 590px; margin-bottom: 6px;}


div.h3 { letter-spacing: 2px; color: #FFFFFF; font-weight: noraml; font-family: verdana, serif; font-size: 14px; text-transform: uppercase; display: block;padding: 5px 5px 5px 10px; width: 690px; margin-bottom: 6px; margin-top: 20px;}

div.h4 {
	text-align: center;
    width: 135px;
    overflow: auto;
    top: 0;
    bottom: 0;
	left: 0;
	margin-left: 1000px;
    position: fixed;
    height: 15px;
	background-color: #ffffff;
	padding: 5px 0 5px 5px;
	letter-spacing: 1px; color: #000000; font-weight: normal; font-family: verdana, serif; font-size: 10px; text-transform: uppercase; display: block;
    border-bottom: 1em #e02224 solid;}
	
div.h4 a:link { text-decoration: none; color: #000; padding-top: 2px; padding-bottom: 2px; }
div.h4 a:visited { text-decoration: none; color: #000; padding-top: 2px; padding-bottom: 2px; }
div.h4 a:hover { text-decoration: none; background-color: #e02224; color: #fff; padding-top: 2px; padding-bottom: 2px; 
}

div.h5 {
	letter-spacing: 2px; 
	color: #000000; 
	font-weight: bold; 
	font-family: verdana, serif; 
	font-size: 10px; 
	text-transform: uppercase; 
	display: block; 
	background-color: #ffffff; 
	padding: 5px 5px 5px 10px; 
	width: 590px;
	height: 400px;
	margin-bottom: 6px;
}


h2 { letter-spacing: 0px; color: #000000; font-family: Arial, sans-serif; font-size: 9px; text-transform: uppercase; padding: 3px 3px 3px 5px; display: block;}
h2 a:link { letter-spacing: 0px; color: #000000; font-family: Arial, sans-serif; font-size: 9px; text-transform: uppercase; padding: 3px 3px 3px 5px; display: block;}
h2 a:active { letter-spacing: 0px; color: #000000; font-family: Arial, sans-serif; font-size: 9px; text-transform: uppercase; padding: 3px 3px 3px 5px; display: block;}
h2 a:visited { letter-spacing: 0px; color: #000000; font-family: Arial, sans-serif; font-size: 9px; text-transform: uppercase; padding: 3px 3px 3px 5px; display: block;}
h2 a:hover { text-decoration: none; background-color: #e02224; color: #fff; }

h3 { letter-spacing:12px; line-height: 25px; color: #000000; font-family: verdana, sans-serif; font-weight: normal; font-size: 12px; }
h3 a:link { letter-spacing: 1px; line-height: 25px; color: #000000; font-family: verdana, sans-serif; font-size: 12px; text-transform: uppercase; padding: 3px 3px 3px 5px; display: block;}
h3 a:active { letter-spacing: 1px; line-height: 25px; color: #000000; font-family: verdana, sans-serif; font-weight: normal; font-size: 12px; padding: 3px 3px 3px 5px; display: block;background-color: #e02224;}
h3 a:visited { letter-spacing: 1px; color: #000000; font-family: verdana, sans-serif; font-size: 12px; text-transform: uppercase; padding: 3px 3px 3px 5px; display: block;}
h3 a:hover { text-decoration: none; background-color: #e02224; color: #fff; }


h4 { letter-spacing: 2px; line-height: 20px; color: #000000; font-family: verdana, sans-serif; font-weight: normal; font-size: 10px; }
h4 a:link { letter-spacing: 0px; color: #e02224; font-family: verdana, sans-serif; font-size: 10px; text-transform: uppercase; padding: 3px 3px 3px 5px; display: block;}
h4 a:active { letter-spacing: 0px; color: #e02224; font-family: verdana, sans-serif; font-size: 10px; text-transform: uppercase; padding: 3px 3px 3px 5px; display: block;}
h4 a:visited { letter-spacing: 0px; color: #e02224; font-family: verdana, sans-serif; font-size: 10px; text-transform: uppercase; padding: 3px 3px 3px 5px; display: block;}
h4 a:hover { text-decoration: none; background-color: #e02224; color: #e02224; }

h5 { letter-spacing: 1px; line-height: 25px; color: #000000; font-family: verdana, sans-serif; font-weight: normal; font-size: 12px; text-transform: uppercase; padding: 3px 3px 3px 5px; display: block; background-color: #e02224; }
h5 a:link { letter-spacing: 1px; line-height: 25px; color: #000000; font-family: verdana, sans-serif; font-size: 12px; text-transform: uppercase; padding: 3px 3px 3px 5px; display: block;}
h5 a:active { letter-spacing: 1px; line-height: 25px; color: #000000; font-family: verdana, sans-serif; font-weight: normal; font-size: 12px; padding: 3px 3px 3px 5px; display: block;background-color: #e02224;}
h5 a:visited { letter-spacing: 1px; color: #000000; font-family: verdana, sans-serif; font-size: 12px; text-transform: uppercase; padding: 3px 3px 3px 5px; display: block;}
h5 a:hover { text-decoration: none; background-color: #e02224; color: #fff; }

h6 { letter-spacing:1px; line-height: 1px; color: #000000; font-family: verdana, sans-serif; font-weight: normal; font-size: 8px; }
h6 a:link { letter-spacing: 1px; line-height: 25px; color: #000000; font-family: verdana, sans-serif; font-size: 8px; text-transform: uppercase;  display: block;}
h6 a:active { letter-spacing: 1px; line-height: 25px; color: #000000; font-family: verdana, sans-serif; font-weight: normal; font-size: 8px; display: block;background-color: #e02224;}
h6 a:visited { letter-spacing: 1px; color: #000000; font-family: verdana, sans-serif; font-size: 8px; text-transform: uppercase; display: block;}
h6 a:hover { text-decoration: none; background-color: #e02224; color: #fff; }

h7 { letter-spacing: 2px; line-height: 20px; color: #000000; font-family: verdana, sans-serif; font-weight: bold; font-size: 12px; }
h7 a:link { letter-spacing: 0px; color: #e02224; font-family: verdana, sans-serif; font-size: 10px; text-transform: uppercase; padding: 3px 3px 3px 5px; display: block;}
h7 a:active { letter-spacing: 0px; color: #e02224; font-family: verdana, sans-serif; font-size: 10px; text-transform: uppercase; padding: 3px 3px 3px 5px; display: block;}
h7 a:visited { letter-spacing: 0px; color: #e02224; font-family: verdana, sans-serif; font-size: 10px; text-transform: uppercase; padding: 3px 3px 3px 5px; display: block;}
h7 a:hover { text-decoration: none; background-color: #e02224; color: #e02224; }


h8 { letter-spacing: 1px; line-height: 20px; color: #ffffff; font-family: verdana, sans-serif; font-weight: bold; font-size: 12px; }
h8 a:link { letter-spacing: 0px; color: #ffffff; font-family: verdana, sans-serif; font-size: 12px; text-transform: uppercase;}
h8 a:active { letter-spacing: 0px; color: #ffffff; font-family: verdana, sans-serif; font-size: 12px; text-transform: uppercase;}
h8 a:visited { letter-spacing: 0px; color: #ffffff; font-family: verdana, sans-serif; font-size: 12px; text-transform: uppercase;}
h8 a:hover { text-decoration: none; background-color: #ffffff; color: #e02224;}

h9 { letter-spacing: 1px; line-height: 1px; color: #ffffff; font-family: verdana, sans-serif; font-weight: normal; font-size: 9px; }
h9 a:link { letter-spacing: 0px; color: #ffffff; font-family: verdana, sans-serif; font-size: 9px;}
h9 a:active { letter-spacing: 0px; color: #ffffff; font-family: verdana, sans-serif; font-size: 9px;}
h9 a:visited { letter-spacing: 0px; color: #ffffff; font-family: verdana, sans-serif; font-size: 9px;}
h9 a:hover { text-decoration: none; background-color: #ffffff; color: #e02224;}




#img-container	{ height: 100%; margin: 0; padding: 0; }
#img-container p	{ height: 100%; width: 550px; margin: 0; padding: 0 0 12px 0; }

#once { clear: left; }