/************************************
* XHTML Tags
************************************/

body {
    font-size:11px;
    font-family:verdana, sans-serif;
    padding:0;
    margin:0;
    line-height:16px;
	background:#ffffff;
}

a, a:visited, a:active {
	color:#413732;
}

a:hover {
	color:#333333;
}

a img {
    border:none;
}

h1 {
	font-size:20px;
    padding:0;
    margin:5px 0 15px 0;
	font-weight:normal;
	color:#413732;
}

h2 {
    color:#413732;
    font-weight:normal;
}

h3 {
	font-weight:normal;
}

/************************************
* UI
************************************/

.ui-form {
    float:left;
    padding:5px;
	margin:15px 0;
    background:#eeeeee;
}

.ui-table {
    font-size:10px;
}

.ui-table td {
    padding:2px 10px;
}

.ui-table th {
    font-weight:normal;
    color:#2779aa;
    background-color:#ffffff;
    padding:10px 10px 5px 10px;
    border-bottom:1px solid #999999;
}

.ui-table h2 { 
    font-size:14px;
    margin:5px;
    padding:0;
}

a.ui-link-button, a.ui-link-button:visited {
    border: 1px solid #aed0ea; 
    background: #d7ebf9 url(images/ui-bg_glass_80_d7ebf9_1x400.png) 50% 50% repeat-x; 
    font-weight: normal; 
    color: #2779aa; 
    outline: none;
    display:block;
    float:left;
    padding:10px;
    text-decoration:none;
    color:#2779aa;
    margin:10px;
}

a.ui-link-button:hover {
    border: 1px solid #74b2e2; 
    background: #e4f1fb url(images/ui-bg_glass_100_e4f1fb_1x400.png) 50% 50% repeat-x; 
    font-weight: normal; 
    color: #0070a3; 
    outline: none;
}

.ui-large-button {
    padding:15px;
    font-size:16px;
}

/************************************
* Edit Toolbar
************************************/

#editToolbar form {
    display:inline;
}

/************************************
* Sructure
************************************/

#wrapper {
    width:950px;
    margin:auto;
    background:#ffffff url(../images/wrapperleftbg.jpg) repeat-y;
}

#topMenu {
    color:#ffffff;
    padding-top:5px;
	height:35px;
	text-align:right;
}

#topMenu ul {
    padding:10px 0 0 0;
    margin:0;
    list-style:none;
    float:right;
}

#topMenu ul li {
    display:block;
    float:left;
    padding:0 15px;
    border-right:1px solid #cccccc;
}

#topMenu ul li.noBorder {
    border-right:none;
}

#topMenu .fbconnect_login_button {
    margin-top:5px;
}

#topMenu a {
	color:#ffffff;
}

#topMenu #topSearch {
    float:left;
    margin-left:15px;
    margin-top:3px;
}

#topMenu #topSearch input,
#topMenu #topSearch textarea,
#topMenu #topSearch select {
    background-color: #FFFFFF;
	font-family: Verdana, Geneva, Arial, sans-serif;
	font-size: 10px;
	font-style: normal;
	color: #000000;
	font-weight: normal;
}

#header {
    border-top:none;
    background:url(../images/header.jpg) no-repeat;
    height:210px;
}

#vendorTopBanner {
	margin-top:10px;
    width:550px;
    background:#000000;
    float:right;
    text-align:center;
}

#mainMenu {
    background:#eeeeee;
}

#mainMenu .menu {
    padding:0;
    margin:0;
}

#mainMenu .menu li {
    padding:0;
    margin:0;
    float:left;
    display:block;
}

#mainMenu #mainMenuTop {
    border-top:1px solid #cccccc;
}

#mainMenu #mainMenuTop .menu li a {
    font-size:10px;
    font-weight:bold;
    float:left;
    display:block;
    padding:5px 9px;
    text-decoration:none;
    border-right:1px solid #aaaaaa;
    color:#333333;
}

#mainMenu #mainMenuTop .menu li.noBorder a {
    border-right:none;
}

#mainMenu #mainMenuTop .menu li a:hover {
    color:#FFFFFF;
    background:#387ab4;
}

#mainMenu #mainMenuTop .menu li#bookDownload a {
	color:#ffea00 !important;
    background:#387ab4;
}

#mainMenu #mainMenuBottom {
    color:#ffffff;
    background:#86a1cc;
    padding:2px 0 2px 10px;
}

#mainMenu #mainMenuBottom span {
    float:left;
    color:#ffea00;
}

#mainMenu #mainMenuBottom .menu {
    float:left;
}

#mainMenu #mainMenuBottom .menu li a {
    font-size:10px;
    float:left;
    display:block;
    padding:0 9px;
    color:#ffffff;
    text-decoration:none;
}

#mainMenu #mainMenuBottom .menu li a:hover {
    color:#d2ebfa;
    text-decoration:underline;
}

#mainWrapper {
	border:1px solid #1f5a9c;
}

#contentWrapper {
    border-top:10px solid #d2ebfa;
    padding-left:10px;
    float:left;
    width:755px;
}

#rightColumn {
    float:left;
    width:183px;
    background-color:#d2ebfa;
}

#leftColumn {
	float:left;
	padding:25px;
    width:150px;
}

#mainColumnCenter {
	float:left;
	padding:25px;
	width:505px;
}

#mainColumnFull {
	float:left;
    width:655px;
	padding:25px 50px;
}

#footer {
    background:#ffffff;
    font-size:10px;
    padding:15px;
	clear:both;
    border-top:10px solid #d2ebfa;
}

/************************************
* Blog
************************************/

.post {
    border-bottom:2px solid #cccccc;
    padding-bottom:15px;
    margin-bottom:30px;
}

#rightColumn h2 {
    margin-left:10px;
}

#rightColumn ul {
    padding:0;
    margin:0 5px 10px 5px;
    list-style:none;
}

#rightColumn .categories {
    margin-bottom:50px;
}

#rightColumn ul li ul li {
    font-weight:bold;
    margin:0 0 5px 0;
}

#rightColumn ul.children li {
    font-weight:normal;
    list-style:square;
    margin-left:10px;
}

/************************************
* List Menu
************************************/

.listMenu {
	padding:0;
	margin:0;
}


.listMenu li {
	list-style:none;
	padding-bottom:5px;
	padding-left:10px;
	background:url(../images/bullet.jpg) no-repeat left center;
}

/************************************
* Messages
************************************/

.messages {
    margin:10px;
    padding:10px 20px;
    background:#eeeeee url(../images/info_icon_sm.jpg) no-repeat 10px 0px;
    color:#cc3d3d;
}

.hint {
    font-size:10px;
}

/************************************
* Clear Fix
************************************/

.fr {
    float:right;
}

.fl {
    float:left;
}

.clearFix {
    clear:both;
}