@font-face
{
font-family: myFirstFont;
src: url(OpenSans-Regular.ttf);
}
body {
	background:none repeat scroll 0 0 white;
	color:#333333;
	font:12px myFirstFont;
	margin:0;
	min-width:950px;
	padding:0;
	text-align:center;
}

footer {
height:20px;
 position:absolute;
   bottom:0;
width: 100%;
background: #B40431;
float: left;
margin: 0 0 0 0;
border-radius: 0px;

}

#container {
	margin:0 auto 0;
	min-width:950px;
	text-align:left;
}

#header {
	background:none repeat scroll 0 0 #FF8000;
	height:50px;
	margin:0;
	position:relative;
	text-align:left;
}

#header #logo {
	font:32px myBoldFont;
	padding:5px 0 0 15px;
	float:left;
	width:70%;
}
#header #logo2 {
	padding:5px 25px 0 0px;
	font-size:15px;
	float:right;
}
#header #admin {
	color:#000000;
	font-size:15px;
	display:block;
	position:absolute;
	background:none repeat scroll 0 0 #E5F1F4;
	padding:0 15px 5px 15px;
	-moz-border-radius:0 0 5px 5px;
	margin:0 0 0 350px;
}

#header #info {
	color:#000000;
	display:block;
	position:absolute;
	right:18px;
	top:20px;
	background:none repeat scroll 0 0 #EEEEEE;
	padding:10px;
	font-size:15px;
	-moz-border-radius: 10px;
	border-radius: 1px;
}

#content #main {
	background:none repeat scroll 0 0 #FFFFFF;
	position:relative;
	padding:10px 18px 10px 18px;
	min-height:400px;
}

#content #sidebar {
	background:none repeat scroll 0 0 #EEEEEE;
	float:left;
	width:20%;
}

#content #main #main-title {
	font-size:30px;
	padding:8px 0 8px 0;
}

#content #main  #main-content {
	padding:10px 0 10px 0;
	font-size:8px;
}

#footer {
	color:#B40431;
	font-size:13px;
	margin:9px 20px 18px 20px;
	text-align:center;
}


#footer a {
	color:#B40431;
	font-size:13px;
	text-align:center;
}

/* PAGE MENU */
#content #main ul#main-links-nav
{
	list-style:none;
	padding:0;
	margin:0;
}

#content #main ul#main-links-nav li
{
	float:left;
	margin:0 18px 0 0;
}

#content #main ul#main-links-nav li a {
	-moz-border-radius:3px 3px 3px 3px;
	border-radius:3px 3px 3px 3px;
	background:repeat-x scroll 0 0 transparent;
	color:#FFFFFF;
	font-size:11px;
	font-weight:bold;
	padding:4px 10px;
	text-shadow:-1px -1px 0 #333333;
	text-decoration:none;
}

/* MESSAGE BOX */
#message-box {
font-size:15px;
	border:solid 1px #787878;
	background:#F0F0F0;
	color:#222222;
	margin:5px 0 12px 0px;
	text-align:left;
	display:block;
	padding-right:20px;
}

#error-box {
font-size:15px;
	border:solid 1px #C34A2C;
	background:#FFBABA;
	color:#222222;
	margin:5px 0 12px 0px;
	text-align:left;
	display:block;
	padding-right:20px;
}

#success-box {
font-size:15px;
	border:solid 1px #FFEC8B;
	background:#FFF8C6;
	color:#222222;
	margin:5px 0 12px 0px;
	text-align:left;
	display:block;
	padding-right:20px;
}

/* COMMON */
.clear {
	clear:both;
}

.bold {
	font-weight:bold;
}

.hidden-element {
	display:none;
}

a.no-underline {
	text-decoration:none;
}

.small-font {
	font-size:12px;
}

/* NOT SO COMMON */
#beta-area {
	font-size:18px;
	color:#00000;
}

.panel {
position: absolute;
top: 50px;
right: 0;
display: none;
background: #000000;
border:1px solid #111111;
-moz-border-radius-topleft: 20px;
-webkit-border-top-left-radius: 20px;
-moz-border-radius-bottomleft: 20px;
-webkit-border-bottom-left-radius: 20px;
width: 430px;
height: auto;
padding: 10px 200px 80px 10px;
filter: alpha(opacity=99);
opacity: .99;
}

.panel p{
margin: 0 0 15px 0;
padding: 0;
color: #cccccc;
}

.panel a, .panel a:visited{
margin: 0;
padding: 0;
color: #9FC54E;
text-decoration: none;
border-bottom: 1px solid #9FC54E;
}

.panel a:hover, .panel a:visited:hover{
margin: 0;
padding: 0;
color: #ffffff;
text-decoration: none;
border-bottom: 1px solid #ffffff;
}


a.trigger{
position: absolute;
text-decoration: none;
top: 80px; right: 0;
font-size: 16px;
letter-spacing:-1px;
font:12px "Helvetica Neue","Lucida Grande","Helvetica Neue",Arial,sans-serif;
color:#fff;
padding: 20px 15px 20px 40px;
font-weight: 700;
background:#333333 url(images/plus.png) 15% 55% no-repeat;
border:1px solid #444444;
-moz-border-radius-topleft: 20px;
-webkit-border-top-left-radius: 20px;
-moz-border-radius-bottomleft: 20px;
-webkit-border-bottom-left-radius: 20px;
-moz-border-radius-bottomright: 0px;
-webkit-border-bottom-right-radius: 0px;
display: block;
}

a.trigger:hover{
position: absolute;
text-decoration: none;
top: 80px; right: 0;
font-size: 16px;
letter-spacing:-1px;
font:12px "Helvetica Neue","Lucida Grande","Helvetica Neue",Arial,sans-serif;
color:#fff;
padding: 20px 20px 20px 40px;
font-weight: 700;
background:#222222 url(images/plus.png) 15% 55% no-repeat;
border:1px solid #444444;
-moz-border-radius-topleft: 20px;
-webkit-border-top-left-radius: 20px;
-moz-border-radius-bottomleft: 20px;
-webkit-border-bottom-left-radius: 20px;
-moz-border-radius-bottomright: 0px;
-webkit-border-bottom-right-radius: 0px;
display: block;
}

a.active.trigger {
background:#222222 url(images/minus.png) 15% 55% no-repeat;
}

.panel2 {
position: absolute;
top: 170px;
right: 0;
display: none;
background: #000000;
border:1px solid #111111;
-moz-border-radius-topleft: 20px;
-webkit-border-top-left-radius: 20px;
-moz-border-radius-bottomleft: 20px;
-webkit-border-bottom-left-radius: 20px;
width: 200px;
height: auto;
padding: 10px 200px 80px 10px;
filter: alpha(opacity=99);
opacity: .99;
}

.panel2 p{
margin: 0 0 15px 0;
padding: 0;
color: #cccccc;
}

.panel2 a, .panel2 a:visited{
margin: 0;
padding: 0;
color: #9FC54E;
text-decoration: none;
border-bottom: 1px solid #9FC54E;
}

.panel2 a:hover, .panel2 a:visited:hover{
margin: 0;
padding: 0;
color: #ffffff;
text-decoration: none;
border-bottom: 1px solid #ffffff;
}
a.trigger2{
position: absolute;
text-decoration: none;
top: 200px; right: 0;
font-size: 16px;
letter-spacing:-1px;
font:12px "Helvetica Neue","Lucida Grande","Helvetica Neue",Arial,sans-serif;
color:#fff;
padding: 20px 15px 20px 40px;
font-weight: 700;
background:#333333 url(images/plus.png) 15% 55% no-repeat;
border:1px solid #444444;
-moz-border-radius-topleft: 20px;
-webkit-border-top-left-radius: 20px;
-moz-border-radius-bottomleft: 20px;
-webkit-border-bottom-left-radius: 20px;
-moz-border-radius-bottomright: 0px;
-webkit-border-bottom-right-radius: 0px;
display: block;
}

a.trigger2:hover{
position: absolute;
text-decoration: none;
top: 200px; right: 0;
font-size: 16px;
letter-spacing:-1px;
font:12px "Helvetica Neue","Lucida Grande","Helvetica Neue",Arial,sans-serif;
color:#fff;
padding: 20px 20px 20px 40px;
font-weight: 700;
background:#222222 url(images/plus.png) 15% 55% no-repeat;
border:1px solid #444444;
-moz-border-radius-topleft: 20px;
-webkit-border-top-left-radius: 20px;
-moz-border-radius-bottomleft: 20px;
-webkit-border-bottom-left-radius: 20px;
-moz-border-radius-bottomright: 0px;
-webkit-border-bottom-right-radius: 0px;
display: block;
}

a.active.trigger2 {
background:#222222 url(images/minus.png) 15% 55% no-repeat;
}