/*
    #205a8d - Dark blue
    #0095bc - Mid blue
    #c4d4ed - Light blue
    #fcb81b - Yellow
    #e7ab20 - Dark yellow
*/
/* reset */
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, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { background: transparent; border: 0; font-size: 100%; margin: 0; outline: 0; padding: 0; vertical-align: baseline; }
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q {	quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
/* remember to define focus styles! */
:focus { outline: 0; }
/* remember to highlight inserts somehow! */
ins { text-decoration: none; }
del { text-decoration: line-through; }
/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: collapse; border-spacing: 0; }

/* layout */
body { background: #eee; font-size: 62.5%; font-family: Helvetica, sans-serif; color: #205a8d}
h1 { font-size: 2.2em; color: #464646; margin-bottom: 10px }
h2 { font-size: 2.2em; color: #464646; margin-bottom: 10px }
h3 { font-size: 1.4em; color: #464646 }
a { color: #36c; text-decoration: none }
a:hover { color: #E7AB20; }
#wrapper-outer { padding: 10px; margin: 0 auto; width: 1073px; background: #fff; }
#header { position: relative }
#header .ad { position: absolute; top: 15px; right: 104px }
#wrapper-inner { background: #fff url('/img/layout/162167172.png') repeat-y; width: 100%; margin-bottom: 10px } /* overflow: auto; */
#wrapper-inner-2col { background: #fff url('/img/layout/162167172-2.png') repeat-y; width: 100%; margin-bottom: 10px } /* overflow: auto; */
#wrapper-inner-3col { background: #fff url('/img/layout/162167172-3.png') repeat-y; width: 100%; margin-bottom: 10px } /* overflow: auto; */
.column { float: left; margin: 0 17px 0 0; }
.side { width: 160px; }
#left { background-color: #fff; }
#primary { background-color: #fff; width: 468px; }
#primary-2col { background-color: #fff; width: 896px;  margin: 0}
#primary-3col { background-color: #fff; width: 645px; }
#secondary { background-color: #fff; width: 234px; }
#secondary-3col { background-color: #fff; width: 234px; margin: 0 }
#right { background-color: #fff; margin: 0; }
#footer { clear: both; height: auto; }
/* type */
p, ul, table, form { color: #464646; font: normal normal normal 13px/16px Helvetica, Arial, sans-serif; margin: 0 0 10px; padding: 0;  line-height: 1.4em }
form .error { color: #f00; font-style: italic; }
ul { list-style: disc outside none; padding-left: 15px; }
form .error { color: #f00; font-style: italic; }
form .cancel { color: #f00; text-decoration: none; }
form .cancel:hover { background: #f00; color: #fff; }
.add { background: url(/admin/icons/add.png) no-repeat top left; padding: 0 0 0 18px; }
.edit { background: url(/admin/icons/page_edit.png) no-repeat top left; padding: 0 0 0 18px; }
.delete { background: url(/admin/icons/delete.png) no-repeat top left; padding: 0 0 0 18px; }

table.admin tr { background-color: #eee; }
table.admin tr:nth-child(2n) { background-color: #ddd; }
table.admin tr.priority { background-color: #ffa347; }
table.admin tr:hover { background-color: #fcc; }

.paginate { position: relative; overflow: auto; text-align: center; width: 100%; } /* width stated to give ie hasLayout */
.paginate a.prev { position: absolute; top: 0; left: 0; }
.paginate a.next { position: absolute; top: 0; right: 0; }

hr { background-color: #a2a7ac; border: 0 none; font-size: 0; height: 1px; line-height: 0; margin: 10px 0; }

sub {font-size: smaller; vertical-align: sub;}
sup {font-size: smaller; vertical-align: super;}


ul.stripe { padding-left: 0; }
ul.stripe li { background-color: #f0f0f0; list-style-type: none; overflow: auto; padding: 10px; width: 448px; } /* width stated to give ie hasLayout */
ul.stripe li:nth-child(2n) { background-color: #fff; }
ul.stripe img { float: right; margin-left: 10px }
ul.stripe p { float:left;width:338px; }

#subnav { clear: both; font-size: 1.4em; background-color: #fcb81b; border: 1px solid #e7ab20; border-top: none; padding: 5px 0px 5px 5px; margin-bottom: 10px }

#subnav ul {
    margin: 0;
    list-style-type: none;
    line-height: 1em;
    color: #205a8d;
}

#subnav ul li {
	float: left;
	border-right: 1px solid #205a8d;
}

#subnav ul li.last {
	float: left;
	border: none;
}

#subnav ul li a {
	display: block; padding: 0 1em; color: #205a8d; text-decoration: none;
}

#subnav ul li a:hover {
	text-decoration: underline;
}

#subnav #current {
    font-weight: bold;
}

#footer {
    background-color: #c4d4ed; border: 1px solid #000; padding: 5px 0px 5px 5px
}
#footer ul {
    font-size: 1.2em;
    color: #205a8d;
    padding: 0px 10px 0px 0px;
    margin: 0;
    list-style-type: none;
}
#footer li {
    padding: 0px 0px 0px 15px; margin: 0; float: left
}
#tabs {
    background: url(/img/layout/nav/bg.gif) #205a8d repeat-x 50% bottom; float: left; width: 100%; line-height: normal
}
#tabs ul {
    font-size: 1.6em;
    padding: 10px 10px 0px 0px;
    margin: 0;
    list-style-type: none
}
#tabs li {
    padding: 0px 0px 0px 9px; background: url(/img/layout/nav/l.gif) no-repeat left top; float: left; margin: 0px
}
#tabs a {
    padding-right: 15px; display: block; padding-left: 6px; font-weight: bold; background: url(/img/layout/nav/r.gif) no-repeat right top; float: left; padding-bottom: 5px; color: #c4d4ed; padding-top: 5px; text-decoration: none
}
#tabs a {
    float: none
}
#tabs a:hover {
    color: #fff
}
#tabs #current {
    background-image: url(/img/layout/nav/lx.gif)
}
#tabs #current a {
    background-image: url(/img/layout/nav/rx.gif); padding-bottom: 6px; color: #205a8d
}

.photo-frame {
    float:left;
    background: url('/img/layout/photo-frame-alpha.png') no-repeat bottom right !important;
    background: url('/img/layout/photo-frame.gif') no-repeat bottom right;
    margin: 6px 6px 0 6px !important;
    margin: 6px 6px 0 3px;
}

.photo-frame img {
    display: block;
    position: relative;
    background-color: #fff;
    border: 1px solid #E3E3E5;
    margin: -6px 6px 6px -6px;
    padding: 6px;
}