/*

Title: Cool Blue  
2 Column, Fixed-width CSS Layout 
Author: Darren Hester, www.designsbydarren.com
Last Modified: 05-10-07

*/


body {
     margin: 0;
     padding: 0;
     font-size: 75%;
     font-family: verdana, arial, san-serif;
     color: #888888;
     line-height: 1.5em;
     background: #000000 url(../img/lightbulb.jpg) top center no-repeat;
}

/* Typography
------------------------------------------------------------------------------*/

p {
     margin: 0 0 10px 0;
     padding: 0;
     font-size: 1em;
     line-height: 1.6em;
}

#footer p {
     text-align: center;
     padding: 30px 20px 30px 20px;
     margin: 0;
     color: #888888;
}

#header_left h1{
     margin: 0;
     padding: 0;
     font-size: 3.2em;
     line-height: 1.2em;     
     letter-spacing: -3px;
     color: #FFFFFF;
}

#header_left h2 {
     font-size: 1.2em;
     line-height: 1.2em;
     font-weight:normal;
     letter-spacing: 1px;
     color: #FFFFFF;
     margin: 0;
     padding: 0;
}

h1 {
     margin: 0 0 .5em 0;
     padding: 0;
     font-size: 1.8em;
     line-height: 1.2em;     
     letter-spacing: -1px;
     color: #DDDDDD;
}

h2 {
     margin: 0 0 .5em 0;
     padding: 0;
     font-size: 1.6em;
     line-height: 1.2em;     
     letter-spacing: -1px;
     color: #DDDDDD;
}

h3 {
     margin: 0 0 .5em 0;
     padding: 0;
     font-size: 1.5em;
     line-height: 1.2em;     
     letter-spacing: -1px;
     color: #DDDDDD;
}

h4 {
     margin: 0 0 .5em 0;
     padding: 0;
     font-size: 1.4em;
     line-height: 1.2em;
     letter-spacing: -1px;
     color: #DDDDDD;
}

h5 {
     margin: 0 0 .5em 0;
     padding: 0;
     font-size: 1.1em;
     line-height: 1em;
     letter-spacing: -1px;
     color: #DDDDDD;
}

/* Hyperlinks
------------------------------------------------------------------------------*/

a:link, a:visited, a:active { 
     background-color: transparent;
     color: #0099FF; 
     text-decoration: none;
}

a:hover { 
     background-color: transparent;
     color: #0099FF; 
     text-decoration:underline;
}

#header a:link, #header a:visited, #header a:active { 
     background-color: transparent;
     color: #0099FF; 
     text-decoration: none;
}

#header a:hover { 
     background-color: transparent;
     color: #0099FF; 
     text-decoration:underline;
}

#footer a:link, #footer a:visited, #footer a:active { 
     background-color: transparent;
     color: #0099FF; 
     text-decoration: none;
}

#footer a:hover { 
     background-color: transparent;
     color: #0099FF; 
     text-decoration:underline;
}


/* Ordered/Unordered Lists
------------------------------------------------------------------------------*/


#right_column ul, #left_column ul, #content_column ul  {
     margin: 0 0 10px 5px;
     padding-left: 0px;
     list-style-type:none
}

#right_column  ol, #left_column ol, #content_column  ol {
     margin: 0 0 10px 0;
     padding-left: 0;
}

#right_column  ol li, #left_column  ol li, #content_column  ol li  {
     margin-left: 5px;
     padding-left: 0px; 
     background: none; 
     list-style-type: decimal;
     list-style-position: inside; 
     font-size: 1em;
     line-height: 1.6em;
}

#right_column  li, #left_column  li, #content_column li {
     padding-left: 10px;
     background: transparent url(../img/bullet.gif) 0 0.5em no-repeat;
     font-size: 1em;
     line-height: 1.6em;
}


/* Horizontal Menu
------------------------------------------------------------------------------*/

ul#navlist {
     margin: 0;
     padding: 0;
     font-weight: bold;
     font-size: 1.2em;
     padding: .3em 0;
}

#navlist li {
     display: inline;
     list-style-type: none;
     margin: 0; padding: 0;
     line-height: 1.7em;
}

#navlist a { padding: .8em .8em; margin: 0;}

#navlist a:link, #navlist a:visited {
     color: #FFFFFF;
     background-color: #111111;
     border:1px solid #333333;
     text-decoration: none;
     
     
}

#navlist a:hover {
     color: #FFFFFF;
     background-color: #222222;
     border:1px solid #555555;
     text-decoration: none;
}


/* Page Layout
------------------------------------------------------------------------------*/

#page_wrapper {
     width: 690px;
     margin: 0 auto;
     padding: 10px;
     text-align: left;
     background: transparent;
}

#header{
     background: transparent;
     margin: 0;
     padding: 0;
     height: 110px;
}

#header_left {
     float: left;
     width: 380px;
     padding: 0;
     margin: 25px 0 20px 15px; 
}

#header_right {
     float: right;
     width: 240px;
     padding:  40px 15px 0 0;
     margin: 0;
     text-align: right; 
}

#menu_bar {
	 
   
        
     padding: 20px 0;
}

#breadcrumb {
    padding: 15px 15px;
    margin: 0px;
    border-top: 1px solid #444444;
    border-bottom: 1px solid #444444;
    background: transparent;
}

#content_wrapper {
     float: left;
     width: 100%;
     background: transparent url(../img/sidebar.gif) top left repeat-y;
}

#content_column {
     margin-left: 190px; 
}

#left_column {
     float: left;
     width: 190px; 
     margin-left: -100%;
     background: transparent url(../img/sidebar.gif) top left repeat-y;
     border-top: 1px solid #333333;
}

#footer {
     clear: left;
     width: 100%;
     background: transparent;
     padding: 0;
     margin: 0;
     border-top: 1px solid #333333;
}

.column_padding {
     margin: 15px; 
}

.photo_frame {
     float:right;
     margin: 10px 0 5px 10px;
     padding: 5px;
     background: #444444;
     border: 1px solid #333333;
     border-right: 1px solid #222222;
     border-bottom: 1px solid #222222;
}

.spacer { clear: both; }