@charset "UTF-8";
/* CSS Document */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-weight: inherit;
font-style: inherit;
font-size: 100%;
font-family: inherit;
vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
outline: 0;
}
body {
line-height: 1;
color: black;
background: white;
}
ol, ul {
list-style: none;
}
table {
border-collapse: separate;
border-spacing: 0;
}
caption, th, td {
text-align: left;
font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: "";
}
blockquote, q {
quotes: "" "";
}
/* Layout */
html, body {
width:100%;
}
body {
font: normal 12px/15px Avenir, "Avenir LT Std", Helvetica, Arial, sans-serif ;
margin: 0;
padding: 0;
background-color: #d7d7d7;
color: #fff;
letter-spacing: .1em;
}
#container {
width:900px;
margin: 30px auto 0 auto;
position: relative;
}
#header {
width: 900px;
height: 90px;
padding: 0 0 42px 0;
float: left;
position: absolute;
top: 0;
z-index: 10;
}
#logo {
float: left;
width: auto;
}
#logo a {
display: block;
width: 177px;
height: 90px;
background: url(/images/cgaLogo.png) no-repeat;
text-indent: -9999px;
}
#nav {
width: 723px;
height: 90px;
float: left;
clear: none;
background-color: #24afdf;
}
#socialize {
width: 900px;
height: 136px;
float: left;
color: #444;
position: relative;
z-index: 1;
}
#socialize h3 {
font-size: 14px;
font-weight: bold;
}
#socialize p {
margin: 0;
}
#socialize a {
font-style: italic;
color: #444;
}
#socialize #contentSocialize {
width: 900px;
height: 106px;
float: left;
background: #ff9800;
}
#socialize #tab {
width: 900px;
height: 49px;
float: left;
background: url(/images/socializeTab.png) no-repeat left bottom;
position: relative;
}
#socialize #tab a {
position: absolute;
right: 30px;
width: 72px;
height:30px;
}
#socialize #twitter, #socialize #blog {
width: 405px;
float: left;
margin: 12px 0 0 30px;
}
#contentMain, #contentBecome, #contentHire {
float: left;
width: 900px;
height: 220px;
margin-top: 90px;
padding-top: 350px;
background-color: #003eac;
overflow: hidden;	
}
#contentRegister, #contentContact, #contentPrivacy, #content {
float: left;
width: 900px;
height: 500px;
margin-top: 90px;
padding-top: 70px;
background-color: #003eac;
overflow: hidden;	
}
#contentMain {
background: url(/images/bgMain.jpg) no-repeat;
}
#contentBecome {
background: url(/images/bgBecome.jpg) no-repeat;
}
#contentHire {
background: url(/images/bgHire.jpg) no-repeat;
}
#footer {
float: left;
margin: 8px 0 0 0;
width: 900px;
height: 30px;
position: relative;
}
.col_1 {
width: 260px;
margin: 0 0 0 30px;
float: left;
}
.col_2 {
width: 550px;
margin: 0 0 0 30px;
float: left;
}
/* Typography */
h1 {
font-size: 26px;
line-height: 30px;
color: #f18308;
}
p {
margin-bottom: 15px;
}
#footer p {
color: #40535d;
font-size: 11px;
}
.intro {
font-size: 15px;
line-height: 18px;
}
/* Links */
a {
color: #f18308;
text-decoration: none;
}
a:hover {
color: #ff8b08;
}
a:visited {
color: #c56b07;
}
a:visited:hover {
color: #ff8b08;
}
#footer a {
color: #40535d;
font-size: 11px;
text-decoration: none;
}
#footer a:hover {
color: #5c7886;
}
#footer a:visited {
color: #35454d;
}
#footer a:visited:hover {
color: #5c7886;
}
/* Buttons */
a.button {
background: transparent url(/images/buttonRight.png) no-repeat right 0; 
display: block;
float: right;
width: auto;
height: 29px;
padding-right: 10px;
margin: 0 10px 0 -5px;
text-decoration: none;
color: #fff;
overflow: hidden;
}
a.button span {
background: transparent url(/images/buttonLeft.png) no-repeat left 0; 
display: block;
line-height: 22px;
padding: 0 0 7px 10px;
overflow: hidden;
}
a.button:hover {
background: transparent url(/images/buttonRight.png) no-repeat right -29px;
}
a.button:hover > span {
background: transparent url(/images/buttonLeft.png) no-repeat left -29px; 
}
a.button:active {
background: transparent url(/images/buttonRight.png) no-repeat right -58px; 
}
a.button span:active {
background: transparent url(/images/buttonLeft.png) no-repeat left -58px; 
}
a.button:visited:hover {
color: #fff;
}
a.buttonRegister {
float: left;
height: 103px;
width: 274px;
margin: 0 0 0 -7px;
overflow: hidden;
text-indent: -9999px;
background: transparent url(/images/buttonRegister.png) no-repeat 0 0;
}
a.buttonRegister:hover {
background: transparent url(/images/buttonRegister.png) no-repeat 0 -103px;
}
a.buttonRegister:active {
background: transparent url(/images/buttonRegister.png) no-repeat 0 -206px;
}
/* Contact Form */
form.contactForm {}
form.contactForm ul {
list-style: none;
margin: 0;
padding: 0;
}
form.contactForm ul li {
margin: 0;
padding: 0;
}
/* Table */
table {
margin-bottom: 18px;
width: 550px;
}
table th, table td {
min-width: 60px;
max-width: 102px;
text-align: right;
padding: 0 8px;
}
table th {
text-transform: uppercase;
font-weight:bold;
letter-spacing: .1em;
vertical-align:top;
}
table td:first-child {
text-align: left;
}
table tr {
height: 36px;
}
table tbody tr.even {
background-color: #0056c8;
}
#contentFrame{
overflow: hidden;
width: 900px;
}
#slider{
width: 4500px;
position: relative;
left: 0px;
overflow: auto;
}
*:first-child+html #contentFrame {
position: relative;
} 
/* Admin Login */
form fieldset.hidden {
padding:0;
margin:90px auto 0;
border:none;
width: 260px;
}
form fieldset.hidden ol {
list-style:none;
padding:0;
margin:0;
}
form fieldset.hidden label {
width: auto;
float: left;
clear: both;
margin: 0 18px 18px 0
}
form fieldset.hidden input {
width: auto;
float: right;
}


@charset "UTF-8";
/* CSS Document */
#nav {
}
#navUl,#navUl ul {
list-style:none;
margin:48px 0 0 0;
padding:0;
}
ul#navUl li {
float: left;
width: auto;
margin: 0 0 0 20px;
padding: 0;
}
ul#navUl li a {
font-size: 14px;
text-transform: uppercase;
color: #fff;
letter-spacing: .1em;
display: block;
padding: 0;
text-decoration: none;
}
ul#navUl li a:hover {
color: #40535c;
text-decoration: none;
}
ul#navUl li.active > a {
color: #40535c;
}
#footer ul {
list-style:none;
margin:0;
padding:0;
float: right;
width: auto;
clear: none;
}
*:first-child+html #footer ul {
margin: -12px 0 0 0;
}
#footer ul li {
margin: 0;
float: left;
width: auto;
padding: 0 12px;
border-right: 1px solid #40535d;
}
#footer ul li+li+li+li {
padding-right: 0;
border: none;
}
#footer p {
display: inline;
}