/* general stuff */
html { font-family:Tahoma; font-size:90%; }
body { text-align:center; background:#7d91ab; margin:0 0 10px 0; }

a { color:#3d69c5; }
a:active { color:#3d69c5; }
a:visited { color:#3d69c5; }
a:hover { color:#aa0000; }

h2 { border-bottom:1px solid #666; font-size:100%; padding:0 0 0.2em 0; margin:0 0 0.75em 0; }
h3 { padding:0 0 0.2em 0; margin:0 0 0.50em 0; }
hr { color:#fff; background:url(/media/images/hr.gif) no-repeat top center; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/media/images/hr.gif'); width:100%; height:15px; border:0; text-align:center; margin:26px 0; }
label { margin:0; padding:0; }
input { margin:0; padding:0; }
dl { margin:0; padding:0; }
dt { margin:0; padding:0; }
dd { margin:0; padding:0; }
form { margin:0; padding:0; }

/* layout containers */
#container { width:770px; margin:0 auto; }
#extra1 { background:url(/media/images/top_header1.jpg); width:768px; height:37px; margin:0 auto; }
#content { padding:0; text-align:left; width:768px; margin:0 auto; background:url(/media/images/container_bg.jpg); border:1px solid #436093; border-top:0; }
#header { position:relative; z-index:10; background:url(/media/images/top_header2.jpg) no-repeat; width:768px; height:120px; }
#footer { font-size:90%; padding:0px 8px 6px 8px; color:#647495; }
#extra2 {}

/* main navigation menu */
#header { font-size:90%; margin:0; text-align:right; }
#header a { color:#ccd4e3; font-weight:bold; }
#header a:hover { color:#ffffff; font-weight:bold; }

#menu, #menu ul { line-height:16px; float:right; list-style:none; margin:0 8px 0 0; padding:0; }

#menu a { font-size:86%; padding:6px 8px 4px 8px; text-align:center; display:block; }
#menu li { padding-bottom:9px; float:left; }
#menu li.last a { width:60px; }
#menu li:hover, #menu li.sfhover { position:relative; color:#f6f6f6; text-decoration:none; }
#menu li:hover a, #menu li.sfhover a { }

#menu li ul { position:relative; margin-top:2px; border:1px solid #435f93; margin-left:0px; background:url(/media/images/container_bg.jpg); height:auto; position:absolute; width:140px; left:-999em; }
#menu li ul li { background:transparent; text-align:left; padding:0; margin:0; width:140px; }
#menu li ul li a { color:#435f93; background:transparent; font-size:86%; padding:4px; text-decoration:none; font-weight:bold; border:0px; position:relative; text-align:left; width:130px; }
#menu li.last ul li a { border:0px; position:relative; text-align:left; width:110px; }
#menu li.last ul { margin-left:-36px; }

#menu li:hover ul a, #menu li.sfhover ul a { background:transparent; }

#menu li:hover ul, #menu li.sfhover ul { left:auto; }

#menu li ul li:hover, #menu li ul li.sfhover { color:#dfe4f0; background:#4d6ea7; }
#menu li ul li:hover a, #menu li ul li.sfhover a { background:transparent; padding:4px; text-decoration:none; }

/* seals */
#seals { clear:right; font-size:90%; margin:0; padding:2px 16px 6px 6px; text-align:right; }
#seals li { padding:0; margin:0; display:block; float:right;  }
#seals a { display:block; height:77px; color:#ccd4e3; font-weight:bold; }
#seals span { display:none; }

#coast_guard { margin-left:1px; width:84px; background:url('/media/images/coast_guard.jpg'); }
#coast_guard:hover { background:url('/media/images/coast_guard_on.jpg'); }
#army { margin-left:1px; width:79px; background:url('/media/images/army.jpg'); }
#army:hover { background:url('/media/images/army_on.jpg'); }
#navy { width:82px; background:url('/media/images/navy.jpg'); }
#navy:hover { background:url('/media/images/navy_on.jpg'); }
#marines { width:81px; background:url('/media/images/marines.jpg'); }
#marines:hover { background:url('/media/images/marines_on.jpg'); }
#air_force { width:82px; background:url('/media/images/air_force.jpg'); }
#air_force:hover { background:url('/media/images/air_force_on.jpg'); }

/* panels container */
#panels { z-index:5; margin:0; padding-left:4px; }
#panels .row-wrapper { position:relative; }
#panels .row { display:block; overflow:hidden; margin-bottom:4px;}

/* full height hack (opera fix) */
@media all and (min-width:0px) { .row { display:inline-block; position:relative; } }

/* panel sizes */
#panels .smallest { width:234px; }
#panels .small { width:259px; }
#panels .medium { width:378px; }
#panels .large { width:522px; }
#panels .wide { width:760px; }
#panels .xlarge { width:572px; }
#panels .tiny { width:184px; }

#panels .smallest .bottom_border { width:234px; }
#panels .small .bottom_border { width:259px; }
#panels .medium .bottom_border { width:378px; }
#panels .large .bottom_border { width:522px; }
#panels .wide .bottom_border { width:760px; }
#panels .xlarge .bottom_border { width:572px; }
#panels .tiny .bottom_border { width:184px; }

/* panel style */
.panel { display:inline; float:left; margin:0 4px 0px 0;  }
.panel .content { padding:8px 10px; margin:0; border-top:0; background:#f0f3f8; }
.panel .content p { margin:12px 0; }
.panel h1 { padding:0.1em; margin:0; text-align:center; font-size:130%; font-weight:normal; }

/* vertical positioning hack */
.panel .bottom_border { visibility:hidden; position:absolute; bottom:0; }
.panel .bottom_border div { position:absolute; bottom:0; right:0; margin:0; padding:0; width:100%; }

/* panel colors */
.blue .content { border:1px solid #cdd4e4; border-top:0; }
.blue h1 { color:#dfe4f0; background:#4d6ea7 url(/media/images/header_blue.jpg); border:1px solid #435f93; }
.blue img.fallen_image { border:4px solid #cdd4e4; margin:0 auto; text-align:center; display:block; }
.blue .bottom_border div { border-bottom:1px solid #cdd4e4; }

.red .content { border:1px solid #d9ccd4; border-top:0; }
.red h1 { color:#f7d8db; background:#9f343b url(/media/images/header_red.jpg); border:1px solid #803542; }
.red img.fallen_image { border:4px solid #cdd4e4; margin:0 auto; text-align:center; display:block; }
.red .bottom_border div { border-bottom:1px solid #d9ccd4; }

/* quick search panel (opera fix) */
@media all and (min-width:0px) {
    #panels .smallest .bottom_border { width:100% !important; }
    #panels .small .bottom_border { width:100% !important; }
    #panels .medium .bottom_border { width:100% !important; }
    #panels .large .bottom_border { width:100% !important; }
    #panels .wide .bottom_border { width:100% !important; }
    #panels .xlarge .bottom_border { width:100% !important; }
    #panels .tiny .bottom_border { width:100% !important; }

    *[id*="panels"]#panels .smallest .bottom_border { width:234px !important; }
    *[id*="panels"]#panels .small .bottom_border { width:259px !important; }
    *[id*="panels"]#panels .medium .bottom_border { width:378px !important; }
    *[id*="panels"]#panels .large .bottom_border { width:522px !important; }
    *[id*="panels"]#panels .wide .bottom_border { width:760px !important; }
    *[id*="panels"]#panels .xlarge .bottom_border { width:572px !important; }
    *[id*="panels"]#panels .tiny .bottom_border { width:184px !important; }
}

/* full height hack */
.expand { padding-bottom:10000px; margin-bottom:-10000px; }
.expand .content { padding-bottom:10008px; margin-bottom:-10000px; }

.expand .bottom_border { visibility:visible; position:absolute; bottom:0; }

/* form basics */
form p { width:400px; clear:left; margin:0; padding:3px 0 3px 0; padding-left:180px; }
form label { font-weight:bold; float:left; padding:5px 0; margin-left:-180px; width:175px; }
form .date_select { width:auto; }

input, textarea, select { border:inset 1px #ccc; margin:4px 0 8px 0; padding:3px 3px 3px 3px; vertical-align:middle; font-weight:normal; font-size:100%; }
select { width:209px; }
input { width:200px; }
textarea {width:350px; height:150px; }

.button { width:auto; cursor:pointer; border:outset 1px #ccc; background:#999; color:#666; font-weight:bold; padding:4px 2px 2px 2px; margin-bottom:10px; background:url(/media/images/formbg.gif) repeat-x left top; }

/* homepage form panels */
#quicksearch select { margin-left:4px; width:229px; }
#quicksearch input { margin-left:4px; width:220px; }
#quicksearch #need_help { padding:7px 8px; float:left; }
#quicksearch .button { width:145px; }

/* trivial opera fix */
@media all and (min-width:0px) { #quicksearch select { margin-left:4px; width:226px; } }

#quickinvite input { margin-left:4px; width:132px; }
#quickinvite .button { width:60px; }

/* search results */
#search_results { line-height:1.3em; margin-top:1em; }
#search_results h2 { position:relative; }
#search_results h2 a { text-decoration:none; }
#search_results .sep { border-top:1px solid #ddd; margin-bottom:1.5em; position:relative; }
#search_results .image { float:left; width:120px; clear:both; margin-left:10px; font-size:0.9em; display:inline; }
#search_results .image img { border:3px solid #ddd; display:block; }
#search_results .desc { width:370px; float:left; padding-top:0; margin-bottom:1.5em; display:inline; }

/* comments listing */
#comments { margin:10px 0; }

#comments dl { margin:0; padding:0; }

#comments dt { float:left; width:180px; clear:both; margin-left:10px; font-size:0.9em; display:inline; }
#comments dt .comment-name { font-weight:bold; }

#comments dd { float:left; width:534px; padding-top:0em; border-left:5px solid #888; margin-bottom:2em; display:inline; }
#comments dd.last { margin-bottom:0; }
#comments dd .inner { padding-top:1em; border:1px solid #e5e5e5; border-left:0; background-color:#fff; }

#comments dd.row1 { border-color:#4d6ea7; }
#comments dd.row1 .inner { border-color:#cdd4e4; }

#comments dd.row2 { border-color:#9f343b; }
#comments dd.row2 .inner { border-color:#d9ccd4; }

#comments dd p { width:auto; margin:auto; padding:0 0 0 0; margin:0 1em 1em 1.5em; }
#comments dd blockquote, #comments dd pre { margin:1em 1em 1em 3em; border-left:1px solid #888; background-color:#fff; }
#comments dd pre { padding-left:1em; }
#comments dd blockquote p { margin:1em; }
#comments dd ul, #comments dd ol { margin-left:5em; margin-bottom:1em; }

/* comments form */
#comments_form { padding:6px 10px 0 10px; }
#comments_form h2 { margin-bottom:1em; }
#comments_form .submit_row { margin-left:180px; }

/* django error list */
.errorlist { float:left; display:inline; margin:0; padding:0;}
.errorlist li { color:red; font-weight:bold; padding:0 0 4px 32px; margin:0; list-style:none; background:url(/media/images/arrow_down.gif) no-repeat 2px -2px; }

/* fallen page */
#fallen_image { text-align:center; }
#fallen_image #title { margin:4px auto 4px auto; font-weight:bold; text-align:center; }

/* image gallery */
#gallery_list { margin:0; padding:0; }
#gallery_list li { text-align:center; float:left; margin:11px; display:inline; }
#gallery_list img { border:4px solid #cdd4e4; text-align:center; }
#gallery_list h3 { font-size:75%; font-weight:normal; }
#gallery_list a { text-decoration:none; }

/* fallen navigation */
#fallen_nav { margin:0; padding:0; }
#fallen_nav li { text-align:center; float:left; margin:4px 4px 0 4px; display:inline; }
#fallen_nav img { border:4px solid #cdd4e4; text-align:center; width:90px; height:90px; }
#fallen_nav .no_picture { display:block; margin:4px; text-align:center; width:90px; height:90px; }
#fallen_nav h3 { font-size:75%; font-weight:normal; margin-bottom:0; padding-bottom:0; }
#fallen_nav a { text-decoration:none; }

#sponsors { line-height:0; padding:0; margin:0; font-size:0; }
#sponsors tr { line-height:0; padding:0; margin:0; font-size:0; }
#sponsors td { line-height:0; padding:0; margin:0; font-size:0; }
#sponsors img { line-height:0; padding:0; margin:3px 0; border:0; }

/* pagination */
.paginator { font-size:11px; padding-top:10px; padding-bottom:10px; line-height:22px; margin:0; border-top:1px solid #ddd; }
.paginator a:link, .paginator a:visited { padding:2px 6px; border:solid 1px #ccc; background:white; text-decoration:none; }
.paginator a.showall { padding:0 !important; border:none !important; }
.paginator a.showall:hover { color:#036 !important; background:transparent !important; }
.paginator .end { border-width:2px !important; margin-right:6px; }
.paginator .this-page { padding:2px 6px; font-weight:bold; font-size:13px; vertical-align:top; }
.paginator a:hover { color:white; background:#4d6ea7; border-color:#036; }

/* common helpers */
.clear { display:block; height:0; clear:both; visibility:hidden; line-height:0; font-size:0; }