/* -------------------------------------------------------------- 
  
   START reset.css
   
-------------------------------------------------------------- */

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
	outline: 0;
}

body {
  font-size: 62.5%;
  line-height: 1.5; 
}

/* Tables still need 'cellspacing="0"' in the markup. */
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
table, td, th { vertical-align: middle; }

/* Remove possible quote marks (") from <q>, <blockquote>. */
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }

/* Remove annoying border on linked images. */
a img { border: none; }

/* -------------------------------------------------------------- 
  
   END reset.css
   
-------------------------------------------------------------- */


/* Main Styles */
/* ------------------------------------- */

body {margin: 0; font-family: verdana, arial, helvetica, sans-serif; color: #fff; background: #111;}

h1, h2, h3, h4, h5, h6, p, ul, ol {margin: 0 0 1em;}

ol, ul {}

strong {font-weight: bold;}
em {font-style: italic;}

a {font-weight: bold; color: #a62e55; text-decoration: none;}
a:hover {color: #7e213f;}

hr {margin: 20px 0; padding: 0; height: 1px; background: #eee; border: 0; clear: both;}

#container {position: relative; margin: -1px auto 0; width: 950px; background: #002559; border: 1px solid maroon;}


/* Header Styles */
/* ------------------------------------- */

#header {position: relative; height: 251px; background: url('../../images/header.jpg') no-repeat;}

#header h1 {position: absolute; top: 65px; left: 40px;}
#header h1 a {display: block; height: 137px; width: 170px; text-indent: -9999px;}


/* Navigation Styles */
/* ------------------------------------- */

#nav {background: #003e71 url('../../images/nav.png') repeat-x;}

#nav ul {margin: 0; padding: 0 32px; height: 28px; list-style: none;}
#nav ul li {position: relative; float: left; margin: 0 50px 0 0; padding: 8px 0 3px;}
#nav ul li a {font-weight: bold; font-size: 1.4em; line-height: 1em; color: #fff; text-transform: uppercase;}
#nav ul li a:hover {color: #bbb;}

#nav ul li ul {display: none; position: absolute; top: 28px; left: 0; padding: 10px; width: 300px; height: auto; background: #7e213f; border-top: 4px solid #a62e55;}
#nav ul li ul li {float: none; margin: 0 0 3px; padding: 0 0 3px; border-bottom: 1px solid #a62e55;}
#nav ul li ul li a {font-size: 1.2em; text-transform: none;}
#nav ul li ul li a:hover {color: #007fc1;}

/* Content Styles */
/* ------------------------------------- */

#content {padding: 25px 59px 15px; background: url('../../images/content-top.png') no-repeat; overflow: hidden;}

#content h2 {margin: 0 0 .5em; width: 832px; font-size: 3em; color: #a62e55; border-bottom: 1px solid #002f59;}
#content h3 {font-weight: bold; font-size: 1.6em; line-height: 1.4em; color: #ccc;}
#content h4 {font-weight: bold; font-size: 1.6em; line-height: 1.4em; color: #007fc1;}
#content p {font-size: 1.4em; line-height: 1.4em; color: #007fc1;}

#content-inner {float: left; width: 596px;}

#content-bottom {height: 50px; background: url('../../images/content-bottom.png') no-repeat;}


/* Sidebar Styles */
/* ------------------------------------- */

#sidebar {padding: 60px 20px 0; float: right; width: 170px;}

#sidebar ul {margin: 20px 0 0; padding: 0; list-style: none;}
#sidebar ul em {display: block; margin: 0 0 8px; padding: 0 0 5px; font-style: normal; font-weight: bold; font-size: 2em; line-height: 1em; border-bottom: 1px solid #ccc;}
#sidebar ul li {margin: 5px 0; font-size: 1.1em; line-height: 1.4em; color: #007fc1;}
#sidebar ul li strong {color: #ccc;}
#sidebar ul li a {}

/* Footer Styles */
/* ------------------------------------- */

#footer {padding: 0 59px; height: 89px; background: url('../../images/footer.png') no-repeat 780px 0;}

#footer p {margin: 0; padding: 33px 140px 0 0; text-align: right; color: #007fc1;}

/* Extra Styles */
/* ------------------------------------- */

.larger {font-size: 1.5em; line-height: 1.4em;}

img.left {float: left; padding: .4em 1em 1em 0;}
img.right {float: right; padding: .4em 0 1em 1em;}

label {display: block; font-weight: bold; font-size: 1.1em;}
input, textarea {display: block; margin-bottom: 10px;}