body { background: #2f2f2f; }

a, a:visited { color: #7f8ff9; }
a:hover { color: #202e90; }

h2 {font-size: 2em;}

#wrapper { width: 960px; margin: 0 auto; background: #000; }

#header { height: 135px; }
#header .logo { margin: 12px 0 0 25px; float: left; }

#navigation { height: 40px; background: #202e90 url(/public/img/nav_tile.gif) repeat-x top; }

ul.primary  { list-style:  none; margin: 0 9px; }
ul.primary li { float: left; }
ul.primary li a { color:  #FFF; text-decoration: none; font-size: 1.4em; font-weight: normal; padding: 0 18px; line-height: 40px; float: left;}
ul.primary li a:hover { color: #7f8ff9; }
ul.primary li.active a { background: url(/public/img/nav_tile.gif) repeat-x bottom; border: 1px solid #18247e; border-bottom: 0; border-top: 0; }

ul.secondary { list-style: none; }
ul.secondary li { margin: 0; }
ul.secondary li a {color:  #b1b1b1; text-decoration: none; font-size: 1.4em; font-weight: normal; margin:  0; padding: 0 10px; display: block; line-height: 25px; }
ul.secondary li a:hover { color: #FFF; }
ul.secondary li.active a { background: url(/public/img/secnav_bg.jpg) no-repeat;  color:  #FFF; height: 35px; line-height: 35px; }


#banner { height: 200px; background: #888; }

#container { padding: 35px 50px; color: #FFF; }

.content { width: 560px; float: right;  font-weight: normal; }

.content table td {margin: 0; padding: 0;}

.column { margin-top: 20px; width: 240px; float: left;  }

.column p { font-size: 1.1em; line-height: 1.3em;}
.column p.date { color: #aaa; }
.column .post { margin: 0 0 20px 0; border-bottom: 1px solid #222; }

.content .post_category .post { margin: 0 0 20px 0; border-bottom: 1px solid #222; }
.content .post { margin: 0 0 20px 0; }
.content .post p { font-size: 1.3em; line-height: 1.4em; }
.content p.date { color: #aaa; }

a.request { text-shadow: 0 -1px  #1d286f; margin-top: 10px; color: #FFF; text-decoration: none; font-size: 1.4em; float: left; background: url(/public/img/button_blue.jpg) no-repeat top; height: 49px; line-height: 49px; width: 168px; text-align: center;}
a.request:hover { color: #FFF; background-position: bottom;}
.column a.request { margin: 30px 10px 0; }


form div { clear: both; margin: 0 0 10px;  font-size: 1.2em; }
form div label { float: left; width: 100px; margin: 0 10px 0 0; line-height: 1.2em;}
form div label.long { width: 100%; margin: 10px 10px 10px 0; font-size: 1em;}

form div input.text { width: 300px; padding: 3px;}
form div textarea.textarea { width: 420px; margin: 0 0 10px;}
form div input.datepicker { width: 100px; }
form div input#submit { margin: 20px 0; font-size: 1.5em;}

form .success { font-weight: bold; font-size: 1.5em; }

div.error { font-style: italic; color: #c53c3e; margin: 0 0 20px;}
div.error p { margin: 0 0 10px; }

#footer { display: block; background: #2f2f2f; padding:  10px; color: #b1b1b1; font-size: 1.2em; text-align: right; }
