@charset "utf-8";
/* CSS Document */

*
{
	margin:0;
	padding:0;
	z-index:100;
}

body
{
	background:url(../images/body.png) top center no-repeat;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#333;
}

a:hover
{
	color:#aaa;
}

/* Major Content Boxes */

div#header
{
	display:block;
	clear:both;
	width:768px;
	height:171px;
	margin:0 auto;
	background:url(../images/header.png) repeat-x;
}

div#logo
{
	display:block;
	float:left;
	clear:left;
	width:248px;
	height:171px;
	background-repeat:no-repeat;
}

div#center
{
	display:block;
	clear:both;
	width:786px;
	margin:0 auto;
}

div#content
{
	display:table-cell;
	clear:both;
	width:786px;
	min-height:289px;
	margin:0 auto;
	background:url(../images/content.png) repeat-y;
}

div#contentTop
{
	display:block;
	clear:both;
	width:786px;
	height:5px;
	margin-bottom:10px;
	background:url(../images/contentTop.png) no-repeat;
}

div#contentBox
{
	display:block;
	width:768px;
	min-height:274px;
	margin:0 9px;
}

div#footer
{
	display:block;
	clear:both;
	width:786px;
	height:108px;
	margin:0 auto;
	background:url(../images/footer.png) no-repeat;
}

div#footerBox
{
	display:block;
	clear:both;
	width:768px;
	height:98px;
	overflow:hidden;
	margin:0 9px;
}

img#footerTop
{
	display:block;
	clear:both;
	width:768px;
	height:1px;
}

img#footerGlobe
{
	display:block;
	float:left;
	clear:left;
	width:248px;
	height:98px;
}
	


/************************
 *  Content Formatting  *
 ************************/

h1
{
	font-size:16px;
	font-weight:bold;
	margin:0 0 15px 15px;
}

h3
{
	font-size:12px;
	font-weight:bold;
	color:#333;
	margin:15px 0 15px 0;
}

h4
{
	text-transform:uppercase;
	font-size:14px;
	letter-spacing:1px;
	margin-left:15px;
}

h3.underline
{
	text-decoration:underline;
}

p
{
	margin:0 15px 15px 15px;
	text-align:justify;
	line-height:15px;
}

img
{
	display:block;
	border:none;
}

td
{
	text-align:left;
	vertical-align:top;
}

h2.context
{
	display:block;
	float:right;
	clear:right;
	font-size:14px;
	color:#fff;
	padding:5px;
	margin:0 15px 15px 15px;
	font-weight:normal;
	letter-spacing:1px;
}

div#contentBox ul
{
	margin-left:15px;
	margin-bottom:15px;
}

div#contentBox li
{
	margin-bottom:5px;
}

div#contentBox li.lh
{
	margin-left:-15px;
	font-weight: bold;
	list-style-type: none;
	list-style-position: outside;
}

table.left
{
	border-collapse:collapse;
	float:left;
	width:290px;
}

table.left td
{
	width:138px;
	margin:0 15px 15px 0;
}

table.padded td
{
	padding:5px 5px 0 0;
}

div.left
{
	display:block;
	float:left;
	width:290px;
	margin-right:15px;
}

div.right
{
	display:block;
	float:right;
	width:290px;
	margin-left:15px;
}

div.rightInset
{
	display:block;
	float:right;
	width:290px;
	margin-left:15px;
	padding-left:30px;
}

div.rightFull
{
	display:block;
	float:right;
	width:612px;
	margin-left:0;
}

div.rightFull p, div.rightFull h3
{
	margin-left:0 !important;
}

.onsite_request th
{
	text-align:left;
}

.onsite_request td.buffer
{
	border-top: 3px solid black;
}

/*** Images ***/

img.rightNoMargin
{
	float:right;
	clear:right;
	margin:0;
}

img.rightMargin15
{
	float:right;
	clear:right;
	margin:0 15px 0 15px;
}

img.rightMargin15Down
{
	float:right;
	clear:right;
	margin:0 15px 15px 15px;
}
img.rightMargin30Down
{
	float:right;
	clear:right;
	margin:0 15px 30px 30px;
}

img.leftNoMargin
{
	float:left;
	clear:left;
	margin:0;
}

img.leftMargin15
{
	float:left;
	clear:left;
	margin:0 15px 0 0;
}

img.leftMargin15Down
{
	float:left;
	clear:left;
	margin:0 15px 15px 0;
}


/*** Specific Elements ***/

div#fader
{
	display:block;
	float:right;
	clear:right;
	width:350px;
	height:289px;
	margin-top:-15px;
	z-index:200;
}



/**************
 *  Top Menu  *
 **************/

ul#menuTop
{
	display:block;
	float:left;
	clear:right;
	width:520px;
	height:171px;
	list-style-type:none;
}

ul#menuTop li
{
	display:block;
	float:left;
	width:120px;
	height:76px;
	text-align:right;
	vertical-align:top;
	padding:5px;
	margin-top:85px;
}

ul#menuTop li.lineRight
{
	border-right:1px solid #828282;
	width:119px;
}

ul#menuTop a
{
	display:block;
	float:left;
	width:120px;
	height:76px;
	text-align:right;
	vertical-align:top;
	color:#fff;
	font-size:12px;
	text-decoration:none;
}

ul#menuTop li.lineRight a
{
	width:119px;
}

/*****************
 *  Bottom Menu  *
 *****************/

ul#menuBottom
{
	display:block;
	float:left;
	clear:right;
	width:520px;
	height:98px;
	list-style-type:none;
}

ul#menuBottom li
{
	display:block;
	float:left;
	width:120px;
	padding:5px;
	height:88px;
}

ul#menuBottom a
{
	display:block;
	float:left;
	width:120px;
	height:58px;
	margin-top:30px;
	text-align:right;
	font-size:12px;
	text-decoration:none;
	color:#333;
}

ul#menuBottom li.lineRight
{
	background:url(../images/menuBottomSeparate.png) top right no-repeat;
}

/****************
 *  Side Menus  *
 ****************/

ul.sideMenu
{
	display:block;
	float:left;
	clear:left;
	width:125px;
	margin:0 15px 15px 0 !important;
	list-style-type:none;
}

ul.sideMenu li
{
	display:block;
	clear:both;
	width:125px;
	margin:0 !important;
}

ul.sideMenu a
{
	display:block;
	clear:both;
	width:95px;
	padding:15px 15px 15px 15px ;
	text-decoration:none;
	font-weight: bold;
	color: #fff;
}

ul.sideMenu a:hover
{
	color:#fff;
	text-decoration:underline;
}

ul.sideMenu a.active
{
	color: #ccc;
}

ul.sideMenu li
{
	border-top:1px solid #fff;
}

a.joinUs
{
	text-decoration: underline !important;
	font-weight: bold;
}

div.frontPage p
{
	font-size: 16px;
}

div.caption
{
	width: 275px;
	color: #666;
	font-size: 26px;
	font-style: italic;
	font-family: "Century Gothic", Arial, Verdana, Helvetica, sans-serif;
	padding-bottom: 15px;
	text-align: center;
}

span.ocigraphic
{
	width:				45px;
	height:				30px;
	min-height:			30px;
	background-image:	url(../images/OCI.gif);
	background-repeat:	no-repeat;
}