/* -------------------------------------------------------------- 
   Reset
-------------------------------------------------------------- */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }
body { background: #fff; margin: 0; }
table { border-collapse: collapse; border-spacing: 0; }
caption, th, td { text-align: left; font-weight:400; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }
a img { border: none; }
input,textarea { margin: 0; }

/* Removes Firefox imposed outline */
a { outline: none; }

/* Clearing floats without extra markup  */
.wrapper { display: inline-block; }
.wrapper:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
* html .wrapper { height: 1%; }
.wrapper { display: block; }

body {
	background: #A0D2EA url("img/bg.gif") repeat-x;
	text-align: center;
	color: #333;
	font-size: 87.5%;
	}

body,h1,h2,h3,h4,h5,h6,p,ul,ol,dl,input,textarea { font-family: Arial, Helvetica, sans-serif; }

#previewMessage {
	padding: 10px;
	background: #fff;
	border-bottom: 1px #999 solid;
}

#previewMessage h1 {
	margin: 0;
	padding: 0;
	color: #999;
}

#siteNav {
	border: 0;
	width: 910px;
	margin: 0;
	font-size: 78%;
	color: #666;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 0;
	}
html>body #siteNav {
	margin: 0 auto;
}

#siteNav p { text-align: right; margin: 0; padding: 0; }
#siteNav a { color: #666; text-decoration: none; }
#siteNav a:hover { color: #000; text-decoration: underline; }
#siteNav img { vertical-align: text-top; }

#container {
	padding: 0 0 5px 0;
	border: 0;
	width: 910px;
	margin: 0;
	background: #fff  no-repeat;
	}
html>body #container { margin: 0 auto; }



/* HEADER */
#header {
	height: 202px;
	margin: 0;
	padding: 0;
	border: 0;
}

#logo {
	height: 200px;
	background: url("img/logo.gif") 20px 23px no-repeat;
	margin: 0;
	padding: 0;
	border: 0;
}

#header h1 { display: none; }

#nav {
	padding: 0;
	font-size: 0.85em;
	background: #e1e2e2 url("img/drop-hor.gif") bottom left no-repeat;
	margin-top: 5px;
	margin-right: 5px;
	margin-bottom: 0;
	margin-left: 5px;
	}

#navDiv {
	margin: 0;
	padding: 0;
	float: left;
	width: 650px;
}

#searchDiv {
	margin: 0;
	padding: 0 0 0 10px;
	float: left;
	width: 235px;
	background: url("img/bg-search.gif") repeat-x;
	border-left: 1px solid #fff;
	height: 26px;
	text-align: left;
}

#searchDiv p {
	margin: 0;
	padding: 0;
	height: 28px;	
}

#searchDiv form {
	margin: 0;
	padding: 0;
}

#searchDiv form input { 
    padding: 0 1px 0 1px;
    margin: 3px 6px 3px 0;
    border: 1px solid #fff;
    background: #fff; 
    color: #999;
    width: 161px;
    font-weight: bold;
}

#searchDiv form input.button { 
    border: 0;
    border-left: 1px solid #fff;
   	padding: 3px;
    color: #fff;
    font-size: 1em;
    font-weight: bold;
    font-family: Verdana, Helvetica, Arial, sans-serif;
    margin: 0;
    width: 61px;
    background: url("img/_.gif") repeat-x;
    height: 26px;
}

ul.tabs { margin: 3px 0 3px 15px; padding: 0; height: 22px; }
ul.tabs li { float: left; list-style: none; margin: 0; padding: 0; display: block; }
ul.tabs li a { color: #666; font-weight: bold; padding: 0 10px 0 10px; }
ul.tabs li a.selected { color: #000; }
ul.tabs li a:hover { color: #000; }

/* Clearing floats without extra markup  */
ul.tabs { display: inline-block; }
ul.tabs:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
* html ul.tabs { height: 1%; }
ul.tabs { display: block; }

#main-wrap  {
	clear: both;
	margin: 8px 0 0 7px;
	width: 644px;
	padding: 0;
	float: left;
	background: url("img/drop-ver.gif") top right no-repeat;
}

.drop-hor {
	height: 3px;
	background: #f00 url("img/drop-hor.gif") top left no-repeat;
	margin: 0;
	padding: 0;
}

#main {
	border: 1px #e1e2e2 solid;
	margin: 0;
	width: 640px;
	padding: 0;
	display: block;
	float: left;
}

#nav2 {
	height: 22px;
	background: url("img/sec-nav-bg.gif");
	font-size: 12px;
	margin: 0;
	padding: 0;
}
#nav2 ul.tabs { border-left: 1px solid #fff; height: 22px; margin: 0 0 0 10px; padding: 0; }
#nav2 ul.tabs li { float: left; margin: 0; padding: 0; border-right: 1px solid #fff; display: block; }
#nav2 ul.tabs li a { margin: 0; padding: 2px 10px 2px 10px; display: block; }
#nav2 ul.tabs li a:hover, #nav2 ul.tabs li a.selected { color: #0071BC; background: url("img/sec-nav-hover.gif"); text-decoration: none; }

#nav3 {
	float: left;
	width: 140px;
	text-align: left;
	padding: 20px 15px 0 20px;
	font-size: 85%;
}

#nav3 ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
#nav3 ul li { margin: 0 0 0.75em 0; }

#nav3 ul ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
#nav3 ul ul li { margin: 0.2em 0 0.2em 0; }

#nav3 a {
	color: #000;
}

#nav3 a:hover {
	color: #dd095e;
	text-decoration: underline;
}

#nav3 a.selected {
	color: #dd095e;
}

div#content {
	margin: 0;
	padding: 20px 150px 10px 20px;
	width: 470px;
	text-align: left;
	background: url("img/rings.gif") top right no-repeat;
}

div#content.col3 {
	margin: 0;
	width: 335px;
	padding: 20px 130px 0 0;
	float: left;
	background: url("img/rings-narrow.gif") top right no-repeat;
}

#contentManRings {
	margin: 0;
	width: 360px;
	padding: 45px 10px 10px 20px;
	float: left;
	text-align: left;
	background: #fff;
}

#man {
	margin: 45px 0 0 0;
	width: 240px;
	padding: 0;
	float: right;
	background: #fff url('img/man-rings.jpg') 0 0 no-repeat;
	
}

#content h1, #contentManRings h1 {
	font-family: "Times New Roman", Times, serif;
	color: #0071BC;
	font-style: italic;
	font-weight: normal;
	font-size: 1.85em;
	line-height: 1;
	margin-bottom: 0.75em;
}

#content h2, #contentManRings h2 {
	font-family: Arial, Helvetica, Sans-Serif;
	color: #dd095e;
	font-weight: bold;
	font-size: 1.2em;
	margin-bottom: 0.5em;
}

#content h3, #contentManRings h3 {
	font-family: Arial, Helvetica, Sans-Serif;
	color: #dd095e;
	font-weight: bold;
	font-size: 1em;
	margin-bottom: 0.25em;
}

p { margin: 0 0 1.5em 0; font-size: 86%; }
ul, ol {
	margin-top: 0;
	margin-right: 1.5em;
	margin-left: 1.5em;
}
ul { list-style-type: circle; }
ol { list-style-type: decimal; }
dl { margin: 0 0 1.5em 0; }
dl dt { font-weight: bold; }
dl dd { margin-left: 1.5em; }
abbr, acronym { border-bottom: 1px dotted #000; }
address { margin-top: 1.5em; font-style: italic; }
del { color: #000; }
a { color: #009; text-decoration: none; }
a:hover { text-decoration: underline; }
blockquote { margin: 1.5em; }
strong { font-weight: bold; }
em, dfn { font-style: italic; }
dfn { font-weight: bold; }
pre, code { margin: 1.5em 0; white-space: pre; }
pre, code, tt { font: 1em monospace; line-height: 1.5; } 
tt { display: block; margin: 1.5em 0; line-height: 1.5; }

#content em, #contentManRings em {
	font-family: Georgia, Times, Serif;
	font-style: italic;
	color: #dd095e;
	font-size: 1.2em;
}

#content strong, #contentManRings strong {
	font-weight: bold;
	color: #000;
}

#content a, #contentManRings a {
	color: #dd095e;
	text-decoration: underline;
}

#content a:hover, #contentManRings a:hover {
	color: #fff;
	background: #dd095e;
}

#content li { margin-bottom: 0em; }

p.searchResult em {
    font-family: Arial, Helvetica, Sans-Serif;
    background: #ffc000;
    color: #000;
    font-size: 1em;
}

p.date {
	padding-left: 21px;
	margin-left: 0;
	font-weight: bold;
	background: url("img/calendar.png") center left no-repeat;
}

p.half {
    float: left;
    width: 49%;
    clear: none;
}

p.alert {
	font-weight: bold;
	font-size: 1.2em;
	color: #fff;
	background: #e95b94 url("img/bg-red.gif") top left repeat-x;
	padding: 0.5em;
}

p.paginationTop { padding: 0; margin: 0 0 0.4em 0; border-bottom: 1px dotted #333; }
p.paginationFoot { padding: 0; margin: 0; border-top: 1px dotted #333; }
p.paginationFoot a.prev { padding-right: 16px; margin-right: 5px; background: url("img/prev_16.gif") center right no-repeat; }
p.paginationFoot a.next { padding-left: 16px; margin-left: 5px; background: url("img/next_16.gif") center left no-repeat; }


blockquote {
	padding: 0;
	margin: 0 0 1.5em 0;
	font-size: 1.5em;
	line-height: 1.25;	
}

form {margin: 0; padding: 0; }
form label, strong.label { font-weight: bold; font-size: 85%; padding: 0; margin: 0 10px 5px 0; }
form input, form select, form textarea { 
    padding: 2px;
    margin: 0 0 0 0;
    border-top: 1px solid #7c7c7c;
    border-left: 1px solid #c3c3c3;
    border-right: 1px solid #c3c3c3;
    border-bottom: 1px solid #ddd;
    background: #fff url("img/fieldbg.gif") repeat-x top; 
}
form .checkbox, form .radio { padding:0; margin: 0; border: 0; background: url("../_img/_.gif"); }
form input.button {
    border: 3px double #999;
    border-top-color: #ccc;
    border-left-color: #ccc; 
    padding: 0.25em;
    background-color: #fff;
    background-image: url("img/buttonbg.gif");
    background-repeat: repeat-x;
    color: #333;
    font-size: 75%;
    font-weight: bold;
    font-family: Verdana, Helvetica, Arial, sans-serif;
    margin: 0;
}
form input.button:active {
    border: 3px double #ccc;
    border-top-color: #999;
    border-left-color: #999; 
}
form input.half, textarea.half { width: 200px; }
form input.full, textarea.full { width: 435px; }
form input.tiny { width: 50px; }
form input.half3, textarea.half3 { width: 150px; }
form input.full3, textarea.full3 { width: 320px; }

#socialBookMarks {
	color: #999;
	border: 1px solid #ccc;
	padding: 5px;
	margin: 1em 0 1em 0;
}

#socialBookMarks h3 {
	font-size: 0.85em;
	margin-bottom: 0;
	border: 0;
}

#socialBookMarks ul {
	margin: 0;
	padding: 0;
	font-size: 0.75em;
	border: 0;
}

#socialBookMarks ul li { float: left; list-style: none; margin: 5px 1em 0 0; padding: 0 0 0 11px; display: block; }
#socialBookMarks ul li a { color: #999; font-weight: normal; padding: 0; text-decoration: none; }
#socialBookMarks ul li a:hover { color: #333; background: #fff; text-decoration: underline; }
#socialBookMarks ul li.delicious { background: url("../img/bookmarks/delicious.gif") center left no-repeat; }
#socialBookMarks ul li.digg { background: url("../img/bookmarks/digg.gif") center left no-repeat; }
#socialBookMarks ul li.reddit { background: url("../img/bookmarks/reddit.gif") center left no-repeat; }
#socialBookMarks ul li.facebook { background: url("../img/bookmarks/facebook.gif") center left no-repeat; }
#socialBookMarks ul li.stumbleupon { background: url("../img/bookmarks/stumbleupon.gif") center left no-repeat; }


#panels {
	margin: 8px 0 0 8px;
	width: 245px;
	padding: 0;
	float: left;
	text-align: left;
}

#panels div.panel {
	padding: 10px 5px 5px 10px;
	margin: 0;
	width: 228px;
}

.panel-wrap  {
	margin: 0;
	width: 245px;
	padding: 0;
	float: left;
	background: url("img/drop-ver.gif") top right no-repeat;
}

#panels div.panel h4 {
	font-family: Georgia, Times, Serif;
	font-size: 85%;
	font-style: italic;
	font-weight: bold;
	color: #ffc000;
	padding: 0;
	margin: 0 0 0.75em 0;
}

#panels ul, #panels dl {
	padding: 0;
	margin: 0;
	list-style-type: none;
	font-size: 100%;
	color: #fff;
}

#panels ul li, #panels dl dt {
	padding: 0;
	margin: 0 0 0.75em 0;
}

#panels dl dd {
	padding: 0;
	margin: 0;
}

#panels a {
	color: #fff;	
}

#panels em {
	font-family: Georgia, Times, Serif;
	font-style: italic;	
	font-weight: normal;
}

#panels em span {
	color: #ffc000;
	font-weight: bold;
}

#panels div.panel-red { background: #e95b94 url("img/bg-red.gif") top left repeat-x; }
#panels div.panel-blue { background: #56b7e4 url("img/bg-blue.gif") top left repeat-x; }
#panels div.panel-green { color: #fff; background: #7cd556 url("img/bg-green.gif") top left repeat-x; }
#panels div.panel-yellow { background: #ffd556 url("img/bg-yellow.gif") top left repeat-x; }
#panels div.panel-yellow h4, #panels div.panel-yellow em span { color: #dd095e; }
#panels div.panel-yellow ul, #panels div.panel-yellow dl, #panels div.panel-yellow a { color: #666; }


.bq66 {	padding: 0 3px 3px 0; }
.bq99 {	padding: 0 0 3px 3px; }

#panels form { margin: 0; padding: 0 0 10px 0; }
#panels form p { clear: left; margin: 0; padding: 0; }
#panels form label { float: left; width: 60px; color: #fff; }
#panels form input.half { width: 100px; font-size: 0.85em;  }

#footer {
	padding: 10px 0 0 0;
	border: 0;
	width: 910px;
	margin: 0;
	text-align: left;
	font-size: 78%;
	color: #000;
	background-color: #FFFFFF;
	}
html>body #footer {
	padding: 0px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	background-color: #DAE6FF;
}

#footer-l {
	float: left;
	width: 50%;
	text-align: left;
}
#footer-r {
	float: left;
	width: 50%;
	text-align: right;
}

#footer a {
	color: #000;
}
.headertext {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 11px;
	color: #FFFFFF;
	text-decoration: none;
}