/*
    General Tags
*/
html,
body { 
background: #fff; 
font-family: tahoma, arial, sans-serif; 
font-size: 13px; 
color: #000;
}

h1 {
font-size: 1.1em;
font-weight: bold;
color: #13B8B4;
text-transform: uppercase; }

a,
a:visited {
color: #124644; }

a:hover {
text-decoration: none; }


/*
    Website Structure
*/
#site {
width: 910px;
margin: 0 auto;
}

#header {
width: 100%;
height: 237px;
background: url('header.gif') no-repeat;
position: relative; }

#content { 
overflow: hidden;
padding: 0 0 0 11px;
background: url('vline.gif') repeat-y 186px top; }

#left { 
float:left; 
width: 177px;
background: url('left.gif') no-repeat left top; }

#right {
float: right;
overflow: hidden;
width: 692px; }

#footer {
background: url('footer.gif') no-repeat right top; 
height: 37px;
position: relative; }

#bottom {
background: #13B8B4;
height: 45px;
border-top: 1px solid #4ecac7; }



/* Menu */
#menu { 
list-style-type: none;
padding: 15px 0 0 0; }

#menu li {
line-height: 25px;
background: url('bullet1.gif') no-repeat left 5px;
padding-left: 20px; }

#menu ul {
list-style-type: none;
margin: 0; }

#menu li li {
background: url('bullet2.gif') no-repeat left 10px;
padding-left: 15px; }

#menu a {
color: #124644; }

#menu a.selected {
color: #13b8b4; }


/* Content */
#slogan {
position: absolute; 
top: 117px;
left: 355px;
font-size: 1em;
font-weight: bold;
color: #fff;
text-transform: uppercase; }

#context {
float: left;
width: 440px;
padding: 20px 0 20px 0;
text-align: justify; }

#additional {
float: right;
width: 222px;
background: #99d7de; }

#additional .inner {
padding: 1.5em 2em .5em 2em;
color: #124644; }

#redirect { text-align: center; width: 200px; height: 16px; margin: -8px 0 0 -100px; position: absolute; top: 50%; left: 50%; }

#nav4loosers { width: 455px; position: absolute; top: -35px; left: 213px; }

/*
    IMAGES GALLERY
*/
#gallery .image { float: left; width: 105px; height: 80px; }
#gallery .image div { width: 95px; height: 70px; overflow: hidden; }



/*
    WYSIWYIG styles
*/
.style1 { font-size: 1em; font-weight: bold; color: #124644; }
.style2 { font-size: 1em; font-weight: bold; color: #124644; text-transform: uppercase; }
.style3 { font-size: 1em; font-weight: bold; color: #13b8b4; }
.style4 { font-size: 1em; font-weight: bold; color: #13b8b4; text-transform: uppercase; }



/*
    Form
*/
label { color: #666; }
label.error { font-size: 10px; color: #fff; background: #ED1C24; display: none; }

form,
input[type=text],
textarea,
select { outline: none; width: 300px; font-family: Verdana, sans-serif; }

input[type=submit],
input[type=reset],
input[type=button],
button { padding: 2px 10px; }