1/**//*----------------------------------------------------------
  2The base color for this template is #5c87b2. If you'd like
  3to use a different color start by replacing all instances of
  4#5c87b2 with your new color.
  5----------------------------------------------------------*/
  6body
  7{...}{
  8    background-color: #5c87b2;
  9    font-size: .75em;
 10    font-family: Verdana, Helvetica, Sans-Serif;
 11    margin: 0;
 12    padding: 0;
 13    color: #696969;
 14}
 15
 16a:link
 17{...}{
 18    color: #034af3;
 19    text-decoration: underline;
 20}
 21a:visited
 22{...}{
 23    color: #505abc;
 24}
 25a:hover
 26{...}{
 27    color: #1d60ff;
 28    text-decoration: none;
 29}
 30a:active
 31{...}{
 32    color: #12eb87;
 33}
 34
 35p, ul
 36{...}{
 37    margin-bottom: 20px;
 38    line-height: 1.6em;
 39}
 40
 41/**//* HEADINGS   
 42----------------------------------------------------------*/
 43h1, h2, h3, h4, h5, h6
 44{...}{
 45    font-size: 1.5em;
 46    color: #000;
 47    font-family: Arial, Helvetica, sans-serif;
 48}
 49
 50h1
 51{...}{
 52    font-size: 2em;
 53    padding-bottom: 0;
 54    margin-bottom: 0;
 55}
 56h2
 57{...}{
 58    padding: 0 0 10px 0;
 59}
 60h3
 61{...}{
 62    font-size: 1.2em;
 63}
 64h4
 65{...}{
 66    font-size: 1.1em;
 67}
 68h5, h6
 69{...}{
 70    font-size: 1em;
 71}
 72
 73/**//* this rule styles <h2> tags that are the 
 74first child of the left and right table columns */
 75.rightColumn > h1, .rightColumn > h2, .leftColumn > h1, .leftColumn > h2
 76{...}{
 77    margin-top: 0;
 78}
 79
 80/**//* PRIMARY LAYOUT ELEMENTS   
 81----------------------------------------------------------*/
 82
 83/**//* you can specify a greater or lesser percentage for the 
 84page width. Or, you can specify an exact pixel width. */
 85.page
 86{...}{
 87    width: 80%;
 88    margin-left: auto;
 89    margin-right: auto;
 90}
 91
 92#header
 93{...}{
 94    position: relative;
 95    margin-bottom: 0px;
 96    color: #000;
 97    padding: 0 0px 0 0;
 98}
 99
100p#logo, h1#logo
101{...}{
102    font-weight: bold;
103    font-size: 24px !important;
104    padding: 10px 0;
105    margin: 0;
106    color: #FFF;
107    border: none;
108    line-height: 2em;
109    font-family: Arial, Helvetica, sans-serif;
110}
111
112#logo a
113{...}{
114    color: #FFF;
115    text-decoration: none;
116    font-size: 32px !important;
117}
118
119#main
120{...}{
121    padding: 30px 30px 15px 30px;
122    background-color: #FFF;
123    margin-bottom: 30px;
124    _height: 1px; /**//* only IE6 applies CSS properties starting with an underscrore */
125}
126
127#footer
128{...}{
129    color: #999;
130    padding: 5px 0 0 0;
131    text-align: center;
132    line-height: normal;
133}
134
135#footer p
136{...}{
137    padding: 5px 0;
138    margin: 0;
139    font-size: .9em;
140}
141
142/**//* TAB MENU   
143----------------------------------------------------------*/
144ul#menu
145{...}{
146    border-bottom: 1px #5C87B2 solid;
147    padding: 0 0 2px;
148    position: relative;
149    margin: 0;
150    text-align: right;
151}
152
153ul#menu li
154{...}{
155    display: inline;
156    list-style: none;
157}
158
159ul#menu li a
160{...}{
161    padding: 10px 20px;
162    font-weight: bold;
163    text-decoration: none;
164    line-height: 2.8em;
165    background-color: #e8eef4;
166    color: #034af3;
167}
168
169ul#menu li a:hover
170{...}{
171    background-color: #FFF;
172    text-decoration: none;
173}
174
175ul#menu li a:active
176{...}{
177    background-color: #a6e2a6;
178    text-decoration: none;
179}
180
181ul#menu li.selected a
182{...}{
183    background-color: #FFF;
184    color: #000;
185}
186
187/**//* MISC  
188----------------------------------------------------------*/
189.clear
190{...}{
191    clear: both;
192}
193