@media (min-width: 769px) {


body{padding: 20px;background: #CCCCCC;} 
p{padding: 0px 5px 5px;font-family: sans-serif; font-weight: normal}
h1{font-size: 250%;color: #FFF;letter-spacing: 1px}
div#content h1, div#content h2, div#content h3 {font-size: 150%; line-height:1; font-family: sans-serif; font-weight: normal; color:#002455; margin: 0px }
div#content a, div#content a:hover { color:#002455; text-decoration: underline; } 
a { text-decoration: none; font-family: sans-serif; font-weight: normal}
a:hover {text-decoration: underline; }

div#container{width:800px !important; width /**/:810px;
margin: 20px auto;padding:5px;text-align:left;background:#FFF}
div#header_ad, div#header {padding: 10px;text-align:left;background: #333e46;}
div#header { line-height: 240% }
div#header a:link, div#header a:visited, div#header span {font-size: 110%; color: #ebebeb }
div#header a#current, div#header a:hover, div#header a:active { color: #1aa1ff; text-decoration: none; }
div#content{float:left;width:550px;padding:10px 0;margin:5px 0;background: #95aae9} 
div#tags{float:right;width:245px;padding:10px 0;margin:5px 0;background: #FFD154}
div#tags h6{font-size: 120%;color: #9E4A24}
div#footer{clear:both;width:800px;background: #C4E786;padding:5px 0;text-align:center}

div#phraseList p {line-height: 200%}
div#phraseList a, div#tags a {padding:2px;text-decoration: none;font-family: sans-serif; color:rgb(36,97,142)}
div#phraseList a.selected, div#phraseList a:hover, div#tags a.selected, div#tags a:hover {text-decoration: none;font-family: sans-serif; color: #FFD154; background-color: rgb(36,97,142)}

.pagination { background-color: white; } 
a.related,a:hover.related,a:visited.related {font-family: sans-serif; color:white;font-weight: bold}
.phrase_title {background-color: white;}


div#keywordList p {line-height: 200%}
div#keywordList a {padding:2px;text-decoration: none;font-family: sans-serif; color:#ebebeb}
div#keywordList p a:hover #keywordList p a:active, #keywordList p a#current {text-decoration: none;font-family: sans-serif; color: #1aa1ff; text-decoration: none;}


#mainNav p {
text-decoration: none;float:left;
}
#mainNav p a:link, #mainNav p a:visited {
color: #ebebeb;
}
#mainNav p a:hover, #mainNav p a:active, #mainNav p a#current {
color: #1aa1ff; text-decoration: none;
}
div#content ul { margin-left: 20px; margin-right: 20px} 
div#content li {list-style-type: square; color:#002455}
div#content span.info {color:#002455; font-size: 80%;font-family: sans-serif}
div#content p {padding-top: 0px; padding-bottom: 0px;}
.logo_text {font-size: 100%;font-family: sans-serif ; font-weight: bold; color: black }
.logo_text a { font-size: 100%; font-family: sans-serif ; text-decoration: underline; } 
.tiny_h, a.tiny_h { font-size: 9px; font-family: sans-serif ; color: #666666 ! important; text-decoration: none ! important}
.tiny_c, a.tiny_c { font-size: 9px; font-family: sans-serif ; color: #666666 ! important; text-decoration: none ! important }
.tiny_t, a.tiny_t { font-size: 9px; font-family: sans-serif ; color: #666666 ! important; background-color: transparent ! important }
div.tiny_h, div.tiny_c, div.tiny_t { float: right; margin: -5px 5px } 

div#all_tags a, div#all_tags a:hover { color:#002455; text-decoration: underline; }
div#all_tags{padding:20px 20px;margin:5px 0;background: #95aae9}



}
@media (max-width: 768px) {

body{padding: 20px;background: #CCCCCC;} 
p{padding: 0px 5px 5px;font-family: sans-serif; font-weight: normal}
h1{font-size: 250%;color: #FFF;letter-spacing: 1px}
div#content h1, div#content h2, div#content h3 {font-size: 150%; line-height:1; font-family: sans-serif; font-weight: normal; color:#002455; margin: 0px }
div#content a, div#content a:hover { color:#002455; text-decoration: underline; } 
a { text-decoration: none; font-family: sans-serif; font-weight: normal}
a:hover {text-decoration: underline; }

div#container{width:100%;
margin: 20px auto;padding:5px;text-align:left;background:#FFF}
div#header_ad, div#header {padding: 10px;text-align:left;background: #333e46;}
div#header { line-height: 240% }
div#header a:link, div#header a:visited, div#header span {font-size: 110%; color: #ebebeb }
div#header a#current, div#header a:hover, div#header a:active { color: #1aa1ff; text-decoration: none; }
div#content{width:100%;padding:10px 0;margin:5px 0;background: #95aae9} 
div#tags{width:100%;padding:10px 0;margin:5px 0;background: #FFD154}
div#tags h6{font-size: 120%;color: #9E4A24}
div#footer{width:100%;background: #C4E786;padding:5px 0;text-align:center}

div#phraseList p {line-height: 200%}
div#phraseList a, div#tags a {padding:2px;text-decoration: none;font-family: sans-serif; color:rgb(36,97,142)}
div#phraseList a.selected, div#phraseList a:hover, div#tags a.selected, div#tags a:hover {text-decoration: none;font-family: sans-serif; color: #FFD154; background-color: rgb(36,97,142)}

.pagination { background-color: white; } 
a.related,a:hover.related,a:visited.related {font-family: sans-serif; color:white;font-weight: bold}
.phrase_title {background-color: white;}


div#keywordList p {line-height: 200%}
div#keywordList a {padding:2px;text-decoration: none;font-family: sans-serif; color:#ebebeb}
div#keywordList p a:hover #keywordList p a:active, #keywordList p a#current {text-decoration: none;font-family: sans-serif; color: #1aa1ff; text-decoration: none;}


#mainNav p {
text-decoration: none;float:left;
}
#mainNav p a:link, #mainNav p a:visited {
color: #ebebeb;
}
#mainNav p a:hover, #mainNav p a:active, #mainNav p a#current {
color: #1aa1ff; text-decoration: none;
}
div#content ul { margin-left: 20px; margin-right: 20px} 
div#content li {list-style-type: square; color:#002455}
div#content span.info {color:#002455; font-size: 80%;font-family: sans-serif}
div#content p {padding-top: 0px; padding-bottom: 0px;}
.logo_text {font-size: 100%;font-family: sans-serif ; font-weight: bold; color: black }
.logo_text a { font-size: 100%; font-family: sans-serif ; text-decoration: underline; } 
.tiny_h, a.tiny_h { font-size: 9px; font-family: sans-serif ; color: #666666 ! important; text-decoration: none ! important}
.tiny_c, a.tiny_c { font-size: 9px; font-family: sans-serif ; color: #666666 ! important; text-decoration: none ! important }
.tiny_t, a.tiny_t { font-size: 9px; font-family: sans-serif ; color: #666666 ! important; background-color: transparent ! important }
div.tiny_h, div.tiny_c, div.tiny_t { float: right; margin: -5px 5px } 

div#all_tags a, div#all_tags a:hover { color:#002455; text-decoration: underline; }
div#all_tags{padding:20px 20px;margin:5px 0;background: #95aae9}

}